.learn{color:var(--text);font-family:var(--body)}.learn-landing-hero{padding-block:140px 56px;text-align:center;-webkit-border-after:1px solid var(--line-soft);border-block-end:1px solid var(--line-soft)}.learn-landing-hero h1{font-family:var(--display);font-size:clamp(34px,6vw,60px);line-height:1.15;margin:18px auto 0;max-width:16ch;font-weight:800}.learn-landing-hero h1 .hl{color:var(--green);text-shadow:0 0 24px rgba(126,224,138,.4)}html[data-theme=light] .learn-landing-hero h1 .hl{text-shadow:none}.learn-landing-sub{color:var(--muted);font-size:clamp(15px,2.2vw,18px);line-height:1.85;max-width:60ch;margin:20px auto 0}.learn-chapters-sec{padding-block:64px 96px}.learn-chapters{list-style:none;margin:0;padding:0;display:grid;grid-gap:16px;gap:16px}.learn-ch{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);overflow:hidden;transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.learn-ch.live:hover{border-color:var(--green-soft);transform:translateY(-2px);box-shadow:var(--glow-green)}.learn-ch.soon{opacity:.62}.learn-ch-link{display:grid;grid-template-columns:auto 1fr;grid-gap:22px;gap:22px;align-items:start;padding:26px 28px;color:inherit;text-decoration:none}.learn-ch.soon .learn-ch-link{cursor:default}.learn-ch-num{font-family:var(--font-pixel),monospace;font-size:22px;color:var(--green);line-height:1;-webkit-padding-before:6px;padding-block-start:6px;min-width:1.6em}.learn-ch-kicker{display:block;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}.learn-ch-title{font-family:var(--display);font-size:clamp(21px,3.4vw,28px);margin:6px 0 0;font-weight:800}.learn-ch-intro{color:var(--muted);font-size:15.5px;line-height:1.8;margin:10px 0 0;max-width:56ch}.learn-ch-meta{display:flex;align-items:center;gap:16px;-webkit-margin-before:16px;margin-block-start:16px;font-size:13.5px}.learn-ch-count{color:var(--dim);font-family:var(--font-mono),monospace}.learn-ch-go{color:var(--green);font-weight:700}.learn-ch-soon{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.learn-hero{padding-block:132px 44px;-webkit-border-after:1px solid var(--line-soft);border-block-end:1px solid var(--line-soft)}.learn-back{display:inline-block;color:var(--dim);text-decoration:none;font-family:var(--font-mono),monospace;font-size:13px;-webkit-margin-after:24px;margin-block-end:24px;transition:color .2s var(--ease)}.learn-back:hover,.learn-hero-num{color:var(--green)}.learn-hero-num{display:block;font-family:var(--font-pixel),monospace;font-size:28px;-webkit-margin-after:14px;margin-block-end:14px}.learn-hero-title{font-family:var(--display);font-size:clamp(32px,5.5vw,54px);line-height:1.15;font-weight:800;margin:10px 0 0}.learn-hero-intro{color:var(--muted);font-size:clamp(15px,2.2vw,18px);line-height:1.9;max-width:64ch;margin:16px 0 0}.learn-body{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:56px;gap:56px;padding-block:56px 40px;align-items:start}.learn-toc{position:-webkit-sticky;position:sticky;top:96px;-webkit-border-start:2px solid var(--line);border-inline-start:2px solid var(--line);-webkit-padding-start:18px;padding-inline-start:18px}.learn-toc-label{display:block;font-size:11px;color:var(--dim);-webkit-margin-after:12px;margin-block-end:12px}.learn-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:9px;gap:9px;counter-reset:toc}.learn-toc li{counter-increment:toc}.learn-toc a{color:var(--muted);text-decoration:none;font-size:13.5px;line-height:1.5;display:block;transition:color .2s var(--ease)}.learn-toc a:before{content:counter(toc,decimal-leading-zero) "  ";color:var(--dim);font-family:var(--font-mono),monospace;font-size:11px}.learn-toc a:hover{color:var(--green)}.learn-article{max-width:70ch}.learn-section{-webkit-margin-after:56px;margin-block-end:56px;scroll-margin-top:96px}.learn-section-title{font-family:var(--display);font-size:clamp(23px,3.6vw,32px);font-weight:800;line-height:1.25;margin:0 0 18px;display:flex;align-items:baseline;gap:12px}.learn-section-idx{font-family:var(--font-mono),monospace;font-size:15px;color:var(--green);flex-shrink:0}.learn-p{color:var(--text);font-size:17px;line-height:2;margin:0 0 20px}.learn-h3{font-family:var(--display);font-size:19px;font-weight:700;color:var(--text);margin:30px 0 12px}.learn-h3:before{content:"▸ ";color:var(--green)}.learn-list{margin:0 0 22px;-webkit-padding-start:22px;padding-inline-start:22px;display:grid;grid-gap:11px;gap:11px}.learn-list li{color:var(--muted);font-size:16px;line-height:1.85;-webkit-padding-start:6px;padding-inline-start:6px}.learn-list li::marker{color:var(--green-soft)}.learn-callout{display:flex;gap:14px;background:var(--panel2);border:1px solid var(--line);-webkit-border-start:3px solid var(--green-soft);border-inline-start:3px solid var(--green-soft);border-radius:var(--r-md);padding:18px 20px;margin:0 0 24px}.learn-callout-mark{color:var(--green);font-size:18px;line-height:1.6;flex-shrink:0}.learn-callout-title{display:block;font-family:var(--display);font-size:17px;color:var(--text);-webkit-margin-after:6px;margin-block-end:6px}.learn-callout p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.85}.learn-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:0 0 24px}.learn-compare-col{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;background:var(--panel)}.learn-compare-col.bad{border-color:rgba(244,100,95,.4)}.learn-compare-col.good{border-color:rgba(126,224,138,.4)}.learn-compare-label{display:inline-block;font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;-webkit-margin-after:8px;margin-block-end:8px}.learn-compare-col.bad .learn-compare-label{color:var(--red)}.learn-compare-col.good .learn-compare-label{color:var(--green)}.learn-compare-col p{margin:0;color:var(--text);font-size:15.5px;line-height:1.8}.ldiag{margin:8px 0 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel2);padding:22px}.ldiag-cap{display:block;font-size:11px;color:var(--dim);-webkit-margin-after:18px;margin-block-end:18px}.ldiag-tag{display:block;font-family:var(--display);font-weight:700;font-size:15px;color:var(--green);-webkit-margin-after:6px;margin-block-end:6px}.ldiag-body{display:block;color:var(--muted);font-size:13.5px;line-height:1.7}.ldiag-flow{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.ldiag-flow-item{display:contents}.ldiag-step{flex:1 1 180px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:14px 16px}.ldiag-arrow{align-self:center;color:var(--green-soft);font-size:20px}html[dir=rtl] .ldiag-arrow{transform:scaleX(-1)}.ldiag-cards,.ldiag-steps{display:grid;grid-gap:12px;gap:12px}.ldiag-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ldiag-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ldiag-numstep{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:14px 16px}.ldiag-num{flex-shrink:0;inline-size:26px;block-size:26px;display:grid;place-items:center;border-radius:999px;background:rgba(126,224,138,.12);color:var(--green);font-family:var(--font-mono),monospace;font-size:13px;font-weight:700}.ldiag-numbody{display:block}.ldiag-loop{grid-column:1/-1;display:flex;align-items:center;gap:8px;justify-content:center;color:var(--green-soft);font-family:var(--font-mono),monospace;font-size:13px;-webkit-padding-before:4px;padding-block-start:4px}.ldiag-loop-mark{font-size:18px}.ldiag-matrix{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.ldiag-cell{display:block;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:14px 16px}.ldiag-cell-ctx{display:block;font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);-webkit-margin-after:8px;margin-block-end:8px}.ldiag-funnel{display:grid;grid-gap:10px;gap:10px}.ldiag-funnel-row{display:grid;grid-template-columns:130px 1fr 42px;align-items:center;grid-gap:12px;gap:12px}.ldiag-funnel-label{font-size:13px;color:var(--text);text-align:start}.ldiag-funnel-track{block-size:14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.ldiag-funnel-bar{display:block;block-size:100%;background:linear-gradient(90deg,var(--green-soft),var(--green));border-radius:999px}.ldiag-funnel-pct{font-family:var(--font-mono),monospace;font-size:12px;color:var(--green);text-align:end}@media (max-width:560px){.ldiag-matrix{grid-template-columns:1fr}.ldiag-funnel-row{grid-template-columns:96px 1fr 38px}}.learn-cta{-webkit-margin-before:8px;margin-block-start:8px;border:1px solid var(--green-soft);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:32px 28px;text-align:center}.learn-cta h3{font-family:var(--display);font-size:clamp(20px,3vw,26px);font-weight:800;margin:0}.learn-cta p{color:var(--muted);font-size:16px;line-height:1.8;margin:12px auto 22px;max-width:48ch}.learn-next{-webkit-margin-before:40px;margin-block-start:40px;-webkit-padding-before:24px;padding-block-start:24px;-webkit-border-before:1px solid var(--line-soft);border-block-start:1px solid var(--line-soft);display:flex;flex-direction:column;gap:6px}.learn-next-label{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.learn-next-link{font-family:var(--display);font-size:22px;font-weight:800;color:var(--green);text-decoration:none}.learn-next-link.soon{color:var(--muted)}a.learn-next-link:hover{text-decoration:underline}@media (max-width:860px){.learn-body{grid-template-columns:1fr;gap:28px}.learn-toc{position:static;-webkit-border-start:none;border-inline-start:none;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-after:20px;padding-block-end:20px}.learn-toc ol{grid-template-columns:1fr 1fr}}@media (max-width:560px){.learn-hero,.learn-landing-hero{-webkit-padding-before:110px;padding-block-start:110px}.learn-ch-link{gap:10px;padding:22px}.learn-ch-link,.learn-compare,.learn-toc ol{grid-template-columns:1fr}.learn-p{font-size:16px}}