.guide-page{--guide-ink:#0c1f1c;--guide-muted:#5b6b67;--guide-teal:#0f766e;--guide-line:rgba(12,31,28,0.1);min-height:100vh;background:#fafbfa;color:var(--guide-ink)}.guide-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2rem);border-bottom:1px solid var(--guide-line);background:rgba(250,251,250,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.guide-brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;letter-spacing:-.03em;color:var(--guide-ink);text-decoration:none}.guide-top-nav{display:flex;align-items:center;gap:.75rem}.guide-top-nav a:not(.btn){font-weight:650;color:var(--guide-muted);text-decoration:none;font-size:.875rem}.guide-main{width:min(100% - 2rem,720px);margin:0 auto;padding:2.5rem 0 4rem}.guide-article h1,.guide-hero h1{margin:0 0 .85rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:750;letter-spacing:-.035em;line-height:1.15}.guide-hero p,.guide-meta{color:var(--guide-muted);line-height:1.6}.guide-kicker{margin:0 0 .65rem;font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--guide-teal)}.guide-list{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}.guide-list a{display:block;padding:1.2rem 1.25rem;border-radius:1rem;background:#fff;border:1px solid var(--guide-line);text-decoration:none;color:inherit;transition:border-color .15s ease}.guide-list a:hover{border-color:rgba(15,118,110,.35)}.guide-list h2{margin:0 0 .4rem;font-size:1.1rem;font-weight:750;letter-spacing:-.02em}.guide-list p{margin:0 0 .55rem;color:var(--guide-muted);font-size:.9375rem;line-height:1.5}.guide-list span{font-size:.75rem;font-weight:650;color:var(--guide-teal)}.guide-index-cta{margin-top:2rem;color:var(--guide-muted);line-height:1.55}.guide-index-cta a{color:var(--guide-teal);font-weight:650}.guide-body{margin-top:1.5rem;font-size:1.05rem;line-height:1.7}.guide-body h2{margin:2rem 0 .75rem;font-size:1.25rem;font-weight:750;letter-spacing:-.02em}.guide-body ol,.guide-body p,.guide-body ul{margin:0 0 1rem;color:var(--guide-ink)}.guide-body ol,.guide-body ul{padding-left:1.25rem}.guide-body li{margin-bottom:.4rem}.guide-body code{font-size:.9em;background:#eef5f2;padding:.1rem .35rem;border-radius:.35rem}.guide-note{margin:1.25rem 0;padding:1rem 1.1rem;border-radius:.9rem;background:#eef7f4;border:1px solid rgba(15,118,110,.15);color:var(--guide-muted);font-size:.95rem;line-height:1.55}.guide-cta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.75rem 0 0}.guide-related{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--guide-line)}.guide-related h2{margin:0 0 .75rem;font-size:1rem;font-weight:750}.guide-related ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.guide-related a{color:var(--guide-teal);font-weight:650;text-decoration:none}.guide-related a:hover{text-decoration:underline}.guide-footer{border-top:1px solid var(--guide-line);padding:1.25rem clamp(1rem,4vw,2rem) 2rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;color:var(--guide-muted);font-size:.8125rem}.guide-footer a{color:var(--guide-muted);text-decoration:none}.guide-footer a:hover{color:var(--guide-teal)}