/* BEGIN:shared-palette */
/* One color contract for the site, its dialogs and workspace controls.
   Scene artwork, team colors and semantic game feedback keep their own roles. */
:root{
 --site-page:#f9f7f2;--site-panel:#fffdf8;--site-story:#fbf5ec;--site-soft:#f0ebe2;
 --site-selected:#e8eee2;--site-on-selected:#344c40;--site-ink:#2b2b26;--site-muted:#686157;
 --site-line:#e8dfd3;--site-control-line:#8c8173;--site-action:#c94b16;--site-action-hover:#b83e0e;--site-on-action:#fff;
 --site-link:#9f3e17;--site-focus:#376e65;--site-danger:#af3025;--site-danger-soft:#fce9e3;
 --site-glass:color-mix(in srgb,var(--site-panel) 94%,transparent);--site-scrim:#201e1a66;
}
:root,:root[data-site-theme=dark],:root[data-theme=dark],:root[data-high-contrast=true][data-site-theme]{
 --vis-paper:var(--site-panel);--vis-soft:var(--site-soft);--vis-ink:var(--site-ink);--vis-muted:var(--site-muted);--vis-line:var(--site-line);--vis-control-line:var(--site-control-line);--vis-action:var(--site-action);--vis-on-action:var(--site-on-action);--vis-link:var(--site-link);--vis-focus:var(--site-focus);--vis-danger:var(--site-danger);
 --display-bg:var(--site-page);--display-card:var(--site-panel);--display-soft:var(--site-soft);--display-ink:var(--site-ink);--display-muted:var(--site-muted);--display-line:var(--site-line);--display-accent:var(--site-link);--display-on-accent:var(--site-on-action);--display-focus:var(--site-focus);
 --ui-surface:var(--site-panel);--ui-control-soft:var(--site-soft);--ui-ink:var(--site-ink);--ui-line:var(--site-control-line);--ui-track:var(--site-control-line);--ui-accent:var(--site-action);--ui-check:var(--site-on-action);--ui-focus:var(--site-focus);
 --ink:var(--site-ink);--muted:var(--site-muted);--bg:var(--site-page);--surface:var(--site-panel);--soft:var(--site-soft);--line:var(--site-line);--control-line:var(--site-control-line);--focus:var(--site-focus);--accent:var(--site-link);--brand:var(--site-action);--on-brand:var(--site-on-action);--orange:var(--site-link);--platform-glass:var(--site-glass);
}
:root:is([data-site-theme=dark],[data-theme=dark]){
 color-scheme:dark;--site-page:#191a17;--site-panel:#24231f;--site-story:#24231f;--site-soft:#2d3028;
 --site-selected:#344235;--site-on-selected:#d8e6d0;--site-ink:#f5f1e8;--site-muted:#c1b8aa;
 --site-line:#48463e;--site-control-line:#8f887c;--site-link:#ffb386;--site-focus:#9fc8b7;--site-danger:#ffb0a2;--site-danger-soft:#482c28;--site-scrim:#0d0e0bd9;
}
:root[data-high-contrast=true]{--site-line:var(--site-ink);--site-control-line:var(--site-ink);--site-muted:var(--site-ink);--vis-muted:var(--site-ink);--display-muted:var(--site-ink);--display-line:var(--site-ink);--vis-control-line:var(--site-ink)}
/* END:shared-palette */

*{box-sizing:border-box}html{font:16px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}body{margin:0;background:var(--site-page);color:var(--site-ink);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--site-focus);outline-offset:4px}img{display:block;max-width:100%;height:auto}.learn-header{border-bottom:1px solid var(--site-line);background:var(--site-panel)}.learn-header>div{max-width:1200px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:24px}.learn-brand{font-weight:600;font-size:1.25rem;margin-right:auto;flex-wrap:wrap}.learn-brand-owner,.learn-brand-product{white-space:nowrap}.learn-brand-separator{white-space:pre}.learn-header nav{display:flex;align-items:center;gap:24px}.learn-header a,.learn-theme{min-height:44px;display:inline-flex;align-items:center}.learn-theme{border:1px solid var(--site-control-line);border-radius:999px;padding:8px 16px;background:var(--site-soft);color:var(--site-ink)}main{max-width:1200px;margin:auto;padding:64px 24px 80px}.learn-hero{max-width:800px;margin:0 auto 72px;text-align:center}.learn-eyebrow{font-size:.875rem;color:var(--site-link);font-weight:600;margin:0 0 12px}.learn-title-phrase{display:inline-block;white-space:nowrap}.learn-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;letter-spacing:0;margin:0 0 24px;text-wrap:balance}.learn-lead{font-size:1.125rem;color:var(--site-muted);margin:0 0 28px}.learn-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.learn-primary,.learn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;padding:10px 22px;font-size:1rem;font-weight:600}.learn-primary{background:var(--site-action);color:var(--site-on-action)}.learn-secondary{background:var(--site-soft);color:var(--site-ink);border:1px solid var(--site-control-line)}.learn-group{margin:0 0 64px;scroll-margin-top:24px}.learn-group h2{font-size:2rem;line-height:1.3;margin:0 0 8px}.learn-group>p{color:var(--site-muted);margin:0 0 24px}.learn-grid:has(>.learn-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learn-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--site-line);border-radius:24px;background:var(--site-story)}.learn-card>a{display:block}.learn-card img{width:100%}.learn-copy{padding:24px;display:flex;flex-direction:column;flex:1}.learn-copy h3{font-size:1.375rem;line-height:1.4;margin:8px 0 12px}.learn-copy p{margin:0 0 24px;color:var(--site-muted);font-size:1rem}.learn-copy .learn-secondary{margin-top:auto;align-self:flex-start}.learn-label{font-size:.875rem;color:var(--site-link);font-weight:600}.learn-end{padding:32px;background:var(--site-panel);border:1px solid var(--site-line);border-radius:24px}.learn-end h2{font-size:1.5rem;margin:0 0 12px}.learn-end p{color:var(--site-muted)}.learn-footer{max-width:1200px;margin:auto;padding:24px;border-top:1px solid var(--site-line);font-size:.875rem;color:var(--site-muted)}.learn-footer nav{display:flex;gap:24px;flex-wrap:wrap}.learn-footer a{min-height:44px;display:inline-flex;align-items:center}.learn-detail{max-width:900px}.learn-cover{width:100%;border-radius:24px;margin:0 0 40px}.learn-body{max-width:720px;margin:auto}.learn-body h2{font-size:1.5rem;margin:32px 0 16px}.learn-body p{color:var(--site-muted);white-space:pre-line}.learn-body ol{padding-left:24px}.learn-body li{margin:12px 0}.learn-back{display:inline-flex;min-height:44px;align-items:center;color:var(--site-link);margin-bottom:24px}html[data-large-text=true]{font-size:20px}@media(max-width:900px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){main{padding:40px 20px 56px}.learn-header>div{padding:12px 20px;gap:12px;align-items:center}.learn-brand{font-size:1rem;max-width:12em}.learn-header nav{gap:12px}.learn-header nav>a:first-child{display:none}.learn-brand{flex:1;min-width:0}.learn-header .learn-brand{display:block;line-height:1.4}.learn-brand-owner,.learn-brand-product{display:block}.learn-brand-owner{font-size:.875em}.learn-brand-product{font-size:1.125em}.learn-brand-separator{display:none}.learn-header .learn-shop-link{display:none}.learn-theme{padding:8px 12px;flex:none}.learn-hero{margin-bottom:48px}.learn-title-phrase{display:inline-block;white-space:nowrap}.learn-hero h1{font-size:2.25rem}.learn-lead{font-size:1rem}.learn-grid,.learn-grid:has(>.learn-card:nth-child(2):last-child){grid-template-columns:1fr;gap:20px}.learn-group{margin-bottom:48px}.learn-group h2{font-size:1.75rem}.learn-copy{padding:20px}.learn-end{padding:24px 20px}.learn-actions{align-items:stretch}.learn-actions>a{flex:1 1 auto}.learn-footer{padding:24px 20px}.learn-cover{border-radius:20px}}@media(hover:hover){.learn-primary:hover{background:var(--site-action-hover)}.learn-secondary:hover{border-color:var(--site-ink)}}