.learn-nav.svelte-xkc22c{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap;margin:0 auto 2.5rem;padding:.3rem;max-width:fit-content;border:1px solid var(--wg-bg-surface0);background:var(--wg-bg-mantle);border-radius:999px}.tab.svelte-xkc22c{padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--wg-subtext);text-decoration:none;transition:background .15s,color .15s}.tab.svelte-xkc22c:hover{color:var(--wg-text);text-decoration:none;background:var(--wg-bg-surface0)}.tab.active.svelte-xkc22c{background:var(--wg-accent);color:var(--wg-bg-base)}.learn-main.svelte-1xu43ys{min-height:100vh;padding:3rem 1.5rem 6rem}.learn-main.svelte-1xu43ys .section{max-width:960px;margin:0 auto 4rem}.learn-main.svelte-1xu43ys .section-header{text-align:center;margin-bottom:2rem}.learn-main.svelte-1xu43ys h1{font-size:2.2rem;font-weight:700;margin:0 0 .75rem;color:var(--wg-text)}.learn-main.svelte-1xu43ys h2{font-size:1.6rem;font-weight:700;margin:0 0 2rem;color:var(--wg-text)}.learn-main.svelte-1xu43ys .section-intro{font-size:1rem;line-height:1.6;color:var(--wg-subtext);margin:0}.learn-main.svelte-1xu43ys .two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.learn-main.svelte-1xu43ys .col h3{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--wg-text)}.learn-main.svelte-1xu43ys .col p{font-size:.9rem;line-height:1.7;color:var(--wg-subtext);margin:0}.learn-main.svelte-1xu43ys code{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--wg-blue);background:var(--wg-code-surface);padding:.1rem .35rem;border-radius:3px}.learn-main.svelte-1xu43ys .cta-section{text-align:center;padding-top:1rem}.learn-main.svelte-1xu43ys .btn{display:inline-block;padding:.7rem 1.8rem;border-radius:6px;font-size:.95rem;font-weight:600;font-family:inherit;transition:background .15s;text-decoration:none}.learn-main.svelte-1xu43ys .btn:hover{text-decoration:none}.learn-main.svelte-1xu43ys .btn-primary{background:var(--wg-accent);color:var(--wg-bg-base)}.learn-main.svelte-1xu43ys .btn-primary:hover{background:var(--wg-accent-hover)}.learn-main.svelte-1xu43ys .btn-secondary{background:transparent;color:var(--wg-text);border:1px solid var(--wg-bg-surface1)}.learn-main.svelte-1xu43ys .btn-secondary:hover{background:var(--wg-bg-surface0)}@media(max-width:700px){.learn-main.svelte-1xu43ys h1{font-size:1.8rem}.learn-main.svelte-1xu43ys h2{font-size:1.3rem}.learn-main.svelte-1xu43ys .two-col{grid-template-columns:1fr;gap:1.5rem}.learn-main.svelte-1xu43ys{padding:2rem 1.25rem 4rem}}
