.learn{padding:96px 0 120px}.learn-hero{max-width:760px;padding-bottom:8px}.learn-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-500);margin:0 0 12px}.learn-hero h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--ink-900);margin:0 0 16px;text-wrap:balance}.learn-lede{font-size:1.15rem;line-height:1.6;color:var(--ink-500);margin:0}.learn-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.learn-card{display:block;height:100%;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.learn-card:hover{border-color:var(--violet-300);transform:translateY(-2px);box-shadow:0 8px 24px #1f114712}.learn-card:focus-visible{outline:2px solid var(--violet-500);outline-offset:3px}.learn-card h3{font-size:1.12rem;line-height:1.3;color:var(--ink-900);margin:0 0 8px}.learn-card p{font-size:.94rem;line-height:1.55;color:var(--ink-500);margin:0}.learn-meta{margin-top:14px!important;font-family:var(--mono);font-size:11.5px;color:var(--ink-300)!important;display:flex;gap:8px}.learn-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;align-items:start}.learn-shell--guide{grid-template-columns:210px minmax(0,1fr) 190px}@media(max-width:1180px){.learn-shell--guide{grid-template-columns:210px minmax(0,1fr)}.learn-shell--guide .guide-rail{display:none}}@media(max-width:860px){.learn-shell,.learn-shell--guide{grid-template-columns:minmax(0,1fr);gap:0}.learn-menu{position:static;margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--line)}}.learn-main{min-width:0}.learn-menu{position:sticky;top:100px;font-size:.9rem}.learn-menu-title,.guide-rail-title{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-300);margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--line)}.learn-menu-list{list-style:none;margin:0;padding:0}.learn-menu-list>li{margin:0}.lm-topic{display:block;padding:6px 0;color:var(--ink-700);text-decoration:none;line-height:1.35}.lm-topic:hover{color:var(--violet-600)}.lm-topic--on{color:var(--violet-600);font-weight:600}.lm-guides{list-style:none;margin:2px 0 8px;padding:0 0 0 12px;border-left:2px solid var(--violet-100)}.lm-guide{display:block;padding:4px 0 4px 10px;font-size:.86rem;color:var(--ink-500);text-decoration:none;line-height:1.35}.lm-guide:hover{color:var(--violet-600)}.lm-guide--on{color:var(--violet-600);font-weight:600}.learn-menu a:focus-visible,.guide-rail a:focus-visible{outline:2px solid var(--violet-500);outline-offset:2px}.learn-menu-all{display:inline-block;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);width:100%;font-family:var(--mono);font-size:11.5px;color:var(--ink-300);text-decoration:none}.learn-menu-all:hover{color:var(--violet-600)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;margin-top:8px}.topic{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px 20px}.topic-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.topic-head h2{font-size:1.22rem;margin:0;line-height:1.25}.topic-head h2 a{color:var(--ink-900);text-decoration:none}.topic-head h2 a:hover{color:var(--violet-600)}.topic-count{font-family:var(--mono);font-size:11px;color:var(--ink-300);white-space:nowrap}.topic-blurb{margin:8px 0 14px;font-size:.94rem;line-height:1.55;color:var(--ink-500)}.topic-guides{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.topic-guides li{margin:0}.topic-guides a{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-700)}.topic-guides li:last-child a{border-bottom:none;padding-bottom:2px}.topic-guides a:hover .tg-title{color:var(--violet-600)}.tg-title{font-size:.96rem;line-height:1.4}.tg-meta{font-family:var(--mono);font-size:11px;color:var(--ink-300);white-space:nowrap}.topic-planned{padding:34px 0 0;margin-top:56px;border-top:1px solid var(--line)}.topic-planned-title{font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-300);margin:0 0 8px}.topic-planned-lede{margin:0 0 18px;color:var(--ink-500);font-size:.96rem;max-width:60ch}.topic-planned ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 28px}.topic-planned li{display:flex;flex-direction:column;gap:2px;padding:9px 0}.tp-title{font-weight:600;color:var(--ink-500);font-size:.94rem}.tp-blurb{color:var(--ink-300);font-size:.88rem;line-height:1.5}.topic-h1{font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.12;letter-spacing:-.02em;color:var(--ink-900);margin:0 0 12px}.guide{max-width:720px;min-width:0}.guide-crumb{font-family:var(--mono);font-size:12px;color:var(--ink-300);display:flex;gap:8px;margin-bottom:20px}.guide-crumb a{color:var(--violet-500);text-decoration:none}.guide-crumb a:hover{text-decoration:underline}.guide h1{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink-900);margin:0 0 14px;text-wrap:balance}.guide-lede{font-size:1.12rem;line-height:1.6;color:var(--ink-500);margin:0 0 14px}.guide-meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-300);display:flex;gap:8px;margin:0 0 34px;padding-bottom:26px;border-bottom:1px solid var(--line)}.guide-body{color:var(--ink-700);font-size:1.02rem;line-height:1.72}.guide-body>:first-child{margin-top:0}.guide-body h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.012em;color:var(--ink-900);margin:52px 0 12px;scroll-margin-top:90px}.guide-body h3{font-size:1.1rem;color:var(--ink-900);margin:32px 0 8px;scroll-margin-top:90px}.guide-body p{margin:0 0 18px}.guide-body strong{color:var(--ink-900);font-weight:600}.guide-body a{color:var(--violet-600)}.guide-body ul,.guide-body ol{margin:0 0 18px;padding-left:1.3em}.guide-body li{margin:8px 0}.guide-body li::marker{color:var(--ink-300)}.guide-body code{font-family:var(--mono);font-size:.86em;background:var(--violet-50);color:var(--violet-700);padding:.14em .4em;border-radius:var(--radius-sm)}.guide-body kbd{font-family:var(--mono);font-size:.8em;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:.1em .4em;background:var(--surface);color:var(--ink-700)}.guide-body img{width:100%;height:auto;display:block;margin:26px 0;border:1px solid var(--line);border-radius:var(--radius);background:#14121c}.guide-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.92rem;font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.guide-body thead th{text-align:left;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-300);font-weight:600;background:var(--bg);padding:10px 14px;white-space:nowrap}.guide-body tbody td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top;color:var(--ink-700)}.guide-body .table-scroll,.guide-body>table{display:block;overflow-x:auto}.callout{border-left:3px solid var(--violet-500);background:var(--violet-50);padding:15px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;font-size:.96rem;line-height:1.62;color:var(--ink-700)}.callout strong{color:var(--ink-900)}.callout--warn{border-left-color:var(--warn);background:var(--warn-bg)}.guide-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}.guide-rail{position:sticky;top:100px;font-size:.86rem}.guide-rail ul{list-style:none;margin:0;padding:0}.guide-rail li{margin:0}.guide-rail a{display:block;padding:5px 0;color:var(--ink-500);text-decoration:none;line-height:1.35}.guide-rail a:hover{color:var(--violet-600)}.guide-step{display:flex;flex-direction:column;gap:3px;flex:1 1 220px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;background:var(--surface);transition:border-color .16s ease}.guide-step:hover{border-color:var(--violet-300)}.guide-step:focus-visible{outline:2px solid var(--violet-500);outline-offset:2px}.guide-step--next{text-align:right}.gs-dir{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-300)}.gs-title{font-size:.95rem;font-weight:600;color:var(--ink-900);line-height:1.35}.guide-feedback{margin-top:22px;font-size:.9rem;color:var(--ink-300)}.guide-feedback a{color:var(--violet-600)}
