.page-container.learn-page{flex-direction:column;gap:32px;max-width:1200px;padding:32px 40px 48px;display:flex}.learn-page>.page-breadcrumb-row,.learn-page>.page-header,.learn-page>.ia-learn-articles{margin:0}.learn-page>.page-breadcrumb-row{margin-bottom:-16px}.learn-page .page-header h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(36px,4.5vw,56px);font-weight:700;line-height:1.06}.learn-page .page-header p{max-width:650px;margin-top:12px;font-size:17px;line-height:1.55}.learn-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learn-featured-card{--learn-hue:70;background:linear-gradient(160deg, oklch(.42 .09 var(--learn-hue) / .28), var(--glass) 60%);border:1px solid var(--border);min-width:0;box-shadow:var(--glass-edge), 0 24px 50px oklch(0% 0 0/.2);border-radius:34px;flex-direction:column;gap:18px;padding:30px;display:flex;position:relative;overflow:hidden}.learn-featured-card[data-game=xiangqi]{--learn-hue:150}.learn-featured-card>:not(.learn-watermark){position:relative}.learn-watermark,.learn-featured-symbol,.learn-game-symbol{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Noto Serif SC,Songti SC,serif}.learn-watermark{color:var(--foreground);pointer-events:none;opacity:.045;font-size:220px;line-height:1;position:absolute;top:-28px;right:-12px}.learn-featured-heading{align-items:center;gap:14px;display:flex}.learn-featured-heading>div{min-width:0}.learn-featured-symbol{width:60px;height:60px;color:oklch(.88 .1 var(--learn-hue));background:oklch(.42 .09 var(--learn-hue) / .55);box-shadow:var(--glass-edge);border-radius:50%;flex:none;place-items:center;font-size:28px;font-weight:700;display:grid}.learn-featured-label{color:var(--accent-warm);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;line-height:1.5;display:block}.learn-featured-heading h2{letter-spacing:-.03em;margin:2px 0 0;font-size:30px;font-weight:700;line-height:1.2}.learn-game-alias{color:var(--text-muted);margin:4px 0 0;font-size:14px;line-height:1.4}.learn-featured-description{max-width:460px;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.learn-topics{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.learn-topics a{height:100%;min-height:52px;color:var(--foreground);background:oklch(0% 0 0/.16);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.learn-topic-number{width:24px;height:24px;color:var(--text-secondary);background:var(--glass-raised);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.learn-featured-actions{flex-wrap:wrap;gap:8px;display:flex}.learn-featured-actions a{text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:12px 20px;font-size:15px;font-weight:600;line-height:1.45;display:flex}.learn-start{color:var(--primary-foreground);background:var(--primary);box-shadow:var(--glass-edge);flex:160px;font-weight:700}.learn-practice{color:var(--foreground);background:var(--glass-hover);flex:140px}.learn-other-games,.learn-next{flex-direction:column;gap:16px;min-width:0;display:flex}.learn-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-inline:4px;display:flex}.learn-section-heading h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.learn-section-heading .game-search{flex:0 260px;width:260px;max-width:100%}.learn-game-list{background:var(--glass);border:1px solid var(--border);border-radius:28px;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex}.learn-game-list:empty{display:none}.learn-game-link{--learn-hue:70;min-width:0;color:var(--foreground);border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.learn-game-link[data-board=river]{--learn-hue:150}.learn-game-link[data-board=grid]{--learn-hue:220}.learn-game-link[data-board=squares]{--learn-hue:300}.learn-game-symbol{width:44px;height:44px;color:oklch(.88 .1 var(--learn-hue));background:oklch(.42 .09 var(--learn-hue) / .55);border-radius:14px;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.learn-game-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.learn-game-title{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:16px;font-weight:700;line-height:1.4;display:flex}.learn-game-title>span+span{color:var(--text-muted);font-size:13px;font-weight:400}.learn-game-description{color:var(--text-secondary);text-wrap:pretty;font-size:14px;line-height:1.5}.learn-topic-count,.learn-game-chevron{color:var(--text-muted);flex:none}.learn-topic-count{white-space:nowrap;font-size:13px}.learn-empty{color:var(--text-secondary);text-align:center;background:var(--glass);border:1px solid var(--border);border-radius:24px;margin:0;padding:28px 20px}.learn-next>header{flex-direction:column;gap:6px;padding-inline:4px;display:flex}.learn-next h2,.learn-page .ia-learn-articles h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700;line-height:1.2}.learn-next-description{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.55}.learn-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learn-next-card{min-width:0;color:var(--foreground);background:var(--glass);border:1px solid var(--border);border-radius:26px;flex-direction:column;gap:10px;padding:20px;display:flex}.learn-next-icon{width:42px;height:42px;color:var(--accent-warm);background:var(--glass-raised);border-radius:14px;flex:none;place-items:center;display:grid}.learn-next-card h3{margin:0;font-size:17px;font-weight:700;line-height:1.4}.learn-next-summary{color:var(--text-secondary);flex:1;margin:0;font-size:14px;line-height:1.55}.learn-next-cta{color:var(--accent-warm);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.learn-next-cta svg{flex:none}.learn-article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.learn-article-list>li{border-bottom:1px solid var(--border);min-width:0}.learn-article-list .news-card{background:0 0;border:0;border-radius:0;flex-direction:row;align-items:flex-start;gap:16px;height:100%;padding:20px 0}.learn-article-list .news-card-art{aspect-ratio:4/3;border-radius:12px;width:clamp(88px,10vw,120px)}.learn-article-list .news-card-copy{gap:6px;padding:0}.learn-article-list .news-card h3{font-size:17px;line-height:1.4}.learn-article-list .news-card:hover h3{color:var(--accent-warm)}.learn-article-list .news-card p{flex:initial;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.learn-article-list .news-card-meta{gap:4px 7px;margin-top:2px}.learn-article-list .news-read-link{display:none}.learn-page :is(a,input):focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px}.learn-page :is(.learn-topics a,.learn-featured-actions a,.learn-game-link,.learn-next-card){transition:background-color .16s,box-shadow .16s}.learn-page :is(.learn-topics a,.learn-practice,.learn-game-link,.learn-next-card):hover{color:var(--foreground);background:var(--glass-hover)}.learn-start:hover{color:var(--primary-foreground);background:color-mix(in oklch, var(--primary) 88%, white)}@media (width<=1100px){.page-container.learn-page{padding-inline:28px}.learn-featured-card{padding:24px}}@media (width<=899px){.learn-topic-count{display:none}.learn-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.page-container.learn-page{padding:20px 16px calc(100px + env(safe-area-inset-bottom));gap:28px}.learn-page .page-header h1{font-size:36px}.learn-page .page-header p{font-size:16px}.learn-featured,.learn-next-grid,.learn-article-list{grid-template-columns:minmax(0,1fr)}.learn-article-list .news-card{gap:12px;padding-block:16px}.learn-featured-card{padding:22px}.learn-featured-heading h2{font-size:28px}.learn-section-heading{align-items:stretch}.learn-section-heading .game-search{flex:100%;width:100%}.learn-game-link{gap:12px;padding:12px 10px}.learn-game-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.learn-next h2,.learn-page .ia-learn-articles h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.learn-page :is(.learn-topics a,.learn-featured-actions a,.learn-game-link,.learn-next-card){transition:none}}