.guide-shell{max-width:1050px;padding-top:120px}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font:10px/1.7 var(--mono);color:var(--muted);margin-bottom:55px}
.guide-breadcrumb a{color:var(--muted);text-decoration:none}.guide-breadcrumb a:hover{color:var(--accent)}
.guide-header{max-width:790px}.guide-header h1{font-size:clamp(40px,5.5vw,70px);line-height:1.08;margin-bottom:30px;font-weight:800}
.guide-deck{font-size:19px;line-height:1.8;color:var(--muted);max-width:65ch}
.guide-byline{display:flex;gap:20px;flex-wrap:wrap;font:10px/1.7 var(--mono);color:var(--muted);margin-top:27px;padding-bottom:35px;border-bottom:1px solid var(--border)}
.guide-contents{display:flex;flex-wrap:wrap;gap:10px 24px;margin:30px 0 60px;font-size:12px}.guide-contents>span{flex-basis:100%;font:10px/1.7 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.guide-body{max-width:820px}.guide-body>section{margin-bottom:65px}.guide-body h2{font-size:clamp(28px,3vw,39px);line-height:1.2;margin-bottom:25px}
.guide-body p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:20px;max-width:72ch}.guide-body code{font:.8em/1.5 var(--mono);color:var(--text);background:var(--bg3);padding:2px 5px;border-radius:3px}
.guide-file-map{border-top:1px solid var(--border2);margin-block:30px}.guide-file-map>div{display:grid;grid-template-columns:220px 1fr;gap:30px;border-bottom:1px solid var(--border);padding-block:23px}
.guide-file-map dt{font-size:14px;font-weight:600;line-height:1.7}.guide-file-map code{display:block;background:none;font:10px/1.8 var(--mono);padding:7px 0 0;color:var(--accent)}.guide-file-map dd{font-size:14px;line-height:1.9;color:var(--muted)}
.guide-body .guide-callout{padding:20px 25px;border-left:2px solid var(--accent);background:var(--bg2);font-size:14px;line-height:1.8}
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.concept-grid article{border-top:1px solid var(--border2);padding-block:25px}.concept-grid h3{font:600 17px/1.5 var(--reading);letter-spacing:0;margin-bottom:12px}.concept-grid p{font-size:14px;line-height:1.9;margin:0}
.guide-method{list-style:none;counter-reset:method}.guide-method li{counter-increment:method;position:relative;padding:22px 0 22px 42px;border-top:1px solid var(--border)}.guide-method li::before{content:counter(method,decimal-leading-zero);position:absolute;left:0;top:25px;font:11px var(--mono);color:var(--accent)}.guide-method h3{font:600 17px/1.6 var(--reading);letter-spacing:0;margin-bottom:10px}.guide-method p{font-size:15px;margin:0}
.guide-next{padding:32px;border:1px solid var(--border2);border-radius:var(--radius-lg);background:var(--bg2);display:flex;align-items:center;justify-content:space-between;gap:30px}.guide-next h2{font-size:28px;margin-top:13px}
@media(max-width:800px){.guide-shell{padding-top:105px}.guide-breadcrumb{margin-bottom:40px}.guide-header h1{font-size:54px}.guide-deck{font-size:18px}.guide-file-map>div{grid-template-columns:180px 1fr;gap:25px}.concept-grid{gap:0 25px}.guide-next{padding:28px}.guide-next h2{font-size:25px}.guide-next .btn{font-size:11px;gap:14px}}
@media(max-width:580px){.guide-shell{padding-top:95px}.guide-breadcrumb{font-size:9px;gap:8px;margin-bottom:35px}.guide-header h1{font-size:43px}.guide-deck{font-size:17px}.guide-byline{font-size:9px;gap:10px}.guide-contents{gap:12px 20px;margin-bottom:45px;font-size:12px}.guide-body>section{margin-bottom:45px}.guide-body h2{font-size:29px}.guide-body p{font-size:15px;line-height:1.85}.guide-file-map>div{grid-template-columns:1fr;gap:12px;padding-block:22px}.guide-file-map dt{font-size:15px}.guide-file-map code{padding-top:4px}.guide-file-map dd{font-size:14px}.concept-grid{grid-template-columns:1fr}.concept-grid article{padding-block:23px}.concept-grid p{font-size:14px}.guide-method li{padding-left:35px}.guide-method h3{font-size:16px}.guide-method p{font-size:14px}.guide-next{padding:25px;flex-direction:column;align-items:start;gap:24px}.guide-next h2{font-size:26px}}
