.guide-hero{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px) 0 clamp(48px,7vw,88px);background:radial-gradient(55% 90% at 85% 40%,var(--glow),transparent 70%),var(--tint)}.guide-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,6vw,96px);align-items:center}.guide-hero-copy{display:grid;gap:18px;justify-items:start;max-width:800px}.guide-hero h1{font-size:clamp(38px,5.2vw,68px);line-height:1}.guide-dek{max-width:54ch;color:var(--text-2);font-size:clamp(18px,1.6vw,21px);line-height:1.55}.guide-byline{font-weight:600}.guide-byline,.guide-crumbs ol{color:var(--text-3);font-size:14px}.guide-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 8px;padding:0;list-style:none}.guide-crumbs li+li:before{content:"/";margin-right:10px;opacity:.6}.guide-crumbs a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}.guide-crumbs a:hover{color:var(--rust);text-decoration-color:currentColor}.guide-cover{position:relative;width:clamp(180px,20vw,250px);margin:0 24px 0 0;padding:10px 10px 34px;background:var(--paper);box-shadow:var(--shadow-lg);transform:rotate(4deg)}.guide-cover img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.guide-cover .sticker{position:absolute;left:-48px;bottom:-22px;font-size:16px;white-space:nowrap}.guide-layout{display:grid;grid-template-columns:240px minmax(0,700px);grid-template-areas:"side answer" "side body";grid-template-rows:auto 1fr;justify-content:space-between;column-gap:clamp(32px,6vw,96px);padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,104px)}.guide-side{position:relative;grid-area:side}.guide-body{grid-area:body}.guide-toc{position:sticky;top:calc(var(--header) + 28px)}.guide-toc p{margin-bottom:14px;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.guide-toc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none;counter-reset:toc;border-left:2px solid var(--line)}.guide-toc li{counter-increment:toc}.guide-toc a{display:grid;grid-template-columns:26px 1fr;padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--text-2);font-size:15px;line-height:1.4;transition:color .2s,border-color .2s}.guide-toc a:before{content:counter(toc,decimal-leading-zero);color:var(--text-3);font:italic 400 15px/1.4 var(--display)}.guide-toc a:hover{color:var(--rust);border-left-color:var(--apricot)}.guide-body{min-width:0;color:var(--text-2);font-size:18px;line-height:1.75;overflow-wrap:break-word}.guide-body>p:first-of-type{color:var(--text);font-size:20px;line-height:1.65}.guide-body section{scroll-margin-top:calc(var(--header) + 24px)}.guide-body section+section,.guide-body>p+section{margin-top:56px}.guide-body h2{margin:0 0 18px;color:var(--text);font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.04em}.guide-body h3{margin:32px 0 10px;color:var(--text);font-size:21px}.guide-body p{margin:0 0 18px}.guide-body ol,.guide-body ul{margin:0 0 22px;padding-left:24px}.guide-body li{margin-bottom:10px;padding-left:4px}.guide-body ul li::marker{content:"✳  ";color:var(--rust);font-size:.85em}.guide-body ol li::marker{color:var(--rust);font-weight:650}.guide-body strong{color:var(--text);font-weight:650}.guide-body em{font-family:var(--display);font-size:1.08em;color:var(--text)}.guide-body a:not(.guide-download):not(.text-link){color:var(--text);text-decoration:underline;text-decoration-color:var(--apricot);text-decoration-thickness:2px;text-underline-offset:4px}.guide-body a:not(.guide-download):not(.text-link):hover{color:var(--rust)}.guide-body table{width:100%;margin:0 0 24px;border-collapse:collapse;font-size:16px}.guide-body td,.guide-body th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.guide-body th{color:var(--text);font-weight:650}.guide-answer{grid-area:answer;position:relative;margin:0 0 48px;padding:28px 30px 26px;background:var(--butter);box-shadow:0 22px 40px -20px rgba(0,0,0,.9);transform:rotate(-.6deg)}.guide-answer:before{content:"";position:absolute;left:50%;top:-12px;width:96px;height:24px;margin-left:-48px;background:rgba(255,255,255,.4);transform:rotate(-2deg)}.guide-answer h2{margin-bottom:10px;color:var(--paper-rust);font:700 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}.guide-answer p{margin:0;color:var(--paper-ink);font-size:19px;line-height:1.6}.guide-body .guide-example{margin:28px 0;padding:clamp(22px,4vw,32px);border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.guide-label{margin-bottom:10px!important;color:var(--rust);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}.guide-example h3{margin-top:0;font-size:24px}.guide-example h3 span{color:var(--text-3);font-weight:400}.guide-example dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;font-size:16px}.guide-example dl>div{display:contents}.guide-example dt{color:var(--text);font-weight:650}.guide-example dd{margin:0}.guide-example ol:last-child,.guide-example ul:last-child,.guide-example>:last-child{margin-bottom:0}.guide-body .guide-screen{margin:36px 0;padding:28px 0 0;border-radius:24px;background:radial-gradient(70% 70% at 50% 100%,rgba(255,170,61,.18),transparent),var(--surface);text-align:center;overflow:hidden}.guide-screen img{width:min(100% - 48px,250px);height:auto;margin:0 auto;border:6px solid #2a231d;border-bottom:0;border-radius:32px 32px 0 0}.guide-screen figcaption{padding:16px 24px;border-top:1px solid var(--line);background:var(--card);color:var(--text-3);font-size:14px;line-height:1.5}.guide-download{display:inline-flex;align-items:center;gap:10px;min-height:52px;margin:4px 0 12px;padding:0 22px;border-radius:14px;background:var(--apricot);color:var(--on-accent);font-size:16px;font-weight:650;transition:background .2s,transform .2s var(--ease)}.guide-download:hover{background:var(--apricot-2);transform:translateY(-2px)}.guide-note{color:var(--text-3);font-size:15px}.guide-product{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:end;margin-top:64px;padding:28px 28px 0;border-radius:28px;background:radial-gradient(60% 80% at 20% 100%,var(--sage-glow),transparent),var(--sage);border:1px solid var(--line);overflow:hidden}.guide-product-screen img{width:100%;height:auto;border:5px solid #2a231d;border-bottom:0;border-radius:26px 26px 0 0}.guide-product-copy{display:grid;gap:12px;padding-bottom:28px;align-self:center}.guide-body .guide-product-copy p{margin:0;font-size:16px;line-height:1.6}.guide-body .guide-product-title{color:var(--text);font:650 clamp(24px,2.6vw,30px)/1.05 var(--sans);letter-spacing:-.045em}.guide-body .guide-product-title em{color:var(--rust);font-size:1.05em}.guide-product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:6px}.guide-all{margin-top:28px;text-align:center}@media (max-width:900px){.guide-hero-inner{grid-template-columns:minmax(0,1fr)}.guide-cover{display:none}.guide-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"answer" "side" "body";padding-top:40px}.guide-toc{position:static;margin-bottom:40px;padding:20px 22px;border-radius:20px;background:var(--raised)}.guide-toc a,.guide-toc ol{border-left:0}.guide-toc a{padding-left:0;margin-left:0}}@media (max-width:560px){.guide-body{font-size:17px}.guide-body>p:first-of-type{font-size:18px}.guide-answer{padding:24px 20px 22px}.guide-answer p{font-size:17px}.guide-product{grid-template-columns:minmax(0,1fr);padding:24px 24px 0}.guide-product-screen{order:2;width:180px;margin:0 auto}.guide-product-copy{padding-bottom:0}.guide-example dl{grid-template-columns:1fr;gap:2px}.guide-example dd{margin-bottom:10px}}