.crumbs{margin-bottom:var(--space-2);font-size:var(--text-sm)}.g-hero{border-radius:var(--radius);background:linear-gradient(180deg, #05081226, #050812eb 78%), linear-gradient(90deg, #050812b3, transparent 70%), var(--hero,none) center 30% / cover, var(--bg-raised);min-height:260px;margin-bottom:var(--space-4);align-items:flex-end;display:flex;position:relative;overflow:hidden}.g-hero.tall{background:linear-gradient(180deg, transparent 45%, #050812e0 96%), linear-gradient(90deg, #0508128c, transparent 45%), var(--hero,none) center 18% / cover, var(--bg-raised);min-height:clamp(300px,34vw,480px)}.g-hero-in{padding:var(--space-6);max-width:860px}.g-hero h1{margin:var(--space-2) 0;font:700 clamp(28px, 4vw, 44px)/1.12 var(--font-heading);color:#f3f6ff}.g-hero .by{color:#aab6d3;font-size:var(--text-sm);margin:0}.g-hero .by b,.g-hero .by a{color:#f3f6ff}.g-hero .tags,.guide .tags{flex-wrap:wrap;gap:6px;display:flex}.g-hero .tags span{color:#c9d4ff;font-size:var(--text-xs);background:#7d96ff2e;border-radius:999px;padding:2px 9px}.g-shell{gap:var(--space-4);grid-template-columns:230px minmax(0,1fr);align-items:start;display:grid}.g-shell.g-single{grid-template-columns:minmax(0,1fr)}.g-toc{padding:var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);gap:2px;display:grid;position:sticky;top:76px}.g-toc b{margin-bottom:6px}.g-toc a{color:var(--fg-muted);padding:4px 0;line-height:1.35;text-decoration:none}.g-toc a:hover{color:var(--accent)}.guide{padding:var(--space-6);border-radius:var(--radius);min-width:0;max-width:860px}.g-shell .guide{max-width:none}.g-main{gap:var(--space-4);align-content:start;min-width:0;display:grid}.g-main section.comments{max-width:none;margin:0}.guide h2{font:700 var(--text-xl)/1.25 var(--font-heading);margin:var(--space-6) 0 var(--space-3);scroll-margin-top:80px}.guide h2:first-child{margin-top:0}.guide h3{font:600 var(--text-lg) var(--font-heading);margin:var(--space-4) 0 var(--space-2)}.guide p,.guide li{color:var(--fg-muted);line-height:1.7}.guide p{max-width:72ch}.guide b{color:var(--fg);font-weight:700}.guide :is(p,li,td,span)>a,.guide :is(p,li,td,span)>b>a{color:inherit;text-decoration:underline dotted color-mix(in srgb, var(--accent) 60%, transparent);text-underline-offset:3px}.guide :is(p,li,td,span) a:hover{color:var(--accent);text-decoration-style:solid}.guide .note{font-size:var(--text-sm);color:var(--fg-faint)}.guide .go{height:42px;margin-top:var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.guide ul,.guide ol{max-width:72ch;padding-left:1.2em}.guide li{margin:4px 0}.guide figure{margin:var(--space-4) 0;border:1px solid var(--border);background:var(--bg-raised);border-radius:14px;overflow:hidden}.guide figure img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.guide figcaption{color:var(--fg-faint);font-size:var(--text-xs);padding:10px 14px}.g-tile,.g-steps li,.g-road li,.g-mistakes li,.g-check li,.g-side{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px}.g-grid3,.g-grid2{margin:var(--space-3) 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.g-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-tile{padding:14px 16px}.g-tile b,.g-tile span{display:block}.g-tile span{color:var(--fg-muted);font-size:var(--text-sm);margin-top:4px;line-height:1.55}.g-quick{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--accent-soft);background:linear-gradient(135deg, var(--accent-soft), transparent 70%);margin-bottom:var(--space-4)}.g-quick h3{margin-top:0}.g-callout{margin:var(--space-4) 0;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:4px 14px 14px 4px;gap:4px;padding:14px 18px;display:grid}.g-callout span{color:var(--fg-muted);line-height:1.6}.g-callout.warn{background:#f0bb671a;border-left-color:#f0bb67}.guide .g-steps,.guide .g-road,.guide .g-mistakes,.guide .g-check{max-width:none;padding-left:0}.g-steps,.g-road,.g-mistakes{margin:var(--space-3) 0;counter-reset:g;gap:10px;max-width:none;padding:0;list-style:none;display:grid}.g-steps{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.g-steps li,.g-road li,.g-mistakes li{counter-increment:g;gap:2px;margin:0;padding:14px 16px;display:grid}.g-steps li:before,.g-road li:before,.g-mistakes li:before{content:counter(g, decimal-leading-zero);font-size:var(--text-xs);color:var(--accent);font-weight:800}.g-road li{grid-template-columns:40px 220px minmax(0,1fr);align-items:baseline;gap:10px}.g-mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}.g-mistakes li:before{color:#f0bb67}.g-steps span,.g-road span,.g-mistakes span{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.55}.g-check{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none;padding:0;list-style:none;display:grid}.g-check li{margin:0;padding:10px 14px}.g-check li:before{content:"✓ ";color:var(--accent);font-weight:800}.g-pair{margin:var(--space-3) 0;grid-template-columns:1fr 1fr;gap:10px;display:grid}.g-side{padding:14px 18px}.g-side h3{font-size:var(--text-base);margin:0 0 6px}.g-side.do{box-shadow:inset 0 3px #75e0ac73}.g-side.dont{box-shadow:inset 0 3px #f0bb6773}.g-skills{margin:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.g-skill{background:var(--bg-raised);border:1px solid var(--border);color:inherit;border-radius:14px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.g-skill:hover{border-color:var(--accent)}.g-skill img{border-radius:10px;width:44px;height:44px}.g-skill span{gap:2px;min-width:0;display:grid}.g-skill b{color:var(--fg)}.g-skill small{color:var(--accent);font-size:var(--text-xs)}.g-skill em{color:var(--fg-muted);font-style:normal;font-size:var(--text-sm);line-height:1.5}.g-skill i{color:var(--fg);font-style:normal;font-size:var(--text-sm);margin-top:4px;line-height:1.5}.guide .g-spec{counter-reset:sp;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.guide .g-spec li{font-size:var(--text-xs);color:var(--fg);counter-increment:sp;grid-template-columns:14px 24px minmax(0,1fr);align-items:center;gap:6px;line-height:1.35;display:grid}.guide .g-spec li:before{content:counter(sp);color:var(--accent);text-align:right;font-weight:700}.g-spec img{border-radius:6px;width:24px;height:24px}.guide .g-order{margin:var(--space-3) 0;counter-reset:od;flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.guide .g-order li{counter-increment:od;border:1px solid var(--border);background:var(--bg-raised);font-size:var(--text-sm);border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.guide .g-order li:before{content:counter(od);color:var(--accent);text-align:right;min-width:1.2em;font-weight:700}.g-order img{border-radius:9px;width:40px;height:40px}.g-links{margin:var(--space-3) 0;flex-wrap:wrap;gap:8px;display:flex}.g-links a{background:var(--accent-soft);color:var(--accent);font-size:var(--text-sm);border-radius:10px;padding:7px 12px;text-decoration:none}.g-final{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--accent-soft);background:linear-gradient(135deg, var(--accent-soft), transparent 75%);margin:var(--space-4) 0}.g-final h3{font-size:var(--text-xl);margin-top:0}.g-table{margin:var(--space-3) 0;overflow-x:auto}.g-table table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.g-table th,.g-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.g-table th{color:var(--fg);background:var(--bg-raised)}.g-table td{color:var(--fg-muted)}@media (width<=960px){.g-shell{grid-template-columns:1fr}.g-toc{position:static}}@media (width<=700px){.g-hero{min-height:280px}.g-hero-in,.guide{padding:var(--space-4)}.g-grid3,.g-grid2,.g-mistakes,.g-check,.g-pair{grid-template-columns:1fr}.g-road li{grid-template-columns:32px 1fr}.g-road span{grid-column:2}}.g-shell~.comments{max-width:860px}