.guide-page{min-height:100dvh}.guide-content{max-width:800px;margin:20px auto 80px;padding:0 32px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:13px}.guide-content a:not(.button){text-underline-offset:4px}.guide-intro{margin-bottom:48px}.guide-intro h1{font-size:clamp(38px,4vw,54px);line-height:1.15;letter-spacing:-1.5px}.guide-intro>p{margin-top:20px;font-size:17px;line-height:1.75}.guide-intro .button{margin-top:24px}.guide-intro .guide-note{font-size:12px;color:var(--muted);margin-top:12px}.guide-content section{margin-top:38px}.guide-content h2{font-size:29px;line-height:1.3;margin-bottom:18px;letter-spacing:-.4px}.guide-content h3{font-size:17px;line-height:1.5;margin-bottom:7px}.guide-content section p+p{margin-top:14px}.steps{padding-left:24px;margin:22px 0 0}.steps li{padding-left:10px;margin-bottom:24px}.steps li::marker{font-weight:600;color:var(--green)}.worked-example{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}.worked-example h2{font-size:23px;margin-bottom:13px}.worked-example p+p{margin-top:14px}.cut-diagram{display:flex;gap:5px;margin-top:22px;text-align:center;font-size:12px;line-height:1.6}.cut-diagram span{flex:1;padding:10px 4px;border:1px dashed var(--muted);color:var(--ink)}.cut-diagram strong{flex:3;padding:10px 4px;background:var(--light-green);border:1px solid var(--green)}.worked-example pre{font:14px/1.75 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.resize-example{padding:24px;margin-top:34px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}.resize-pictures{display:flex;align-items:center;justify-content:center;gap:28px}.resize-pictures img{min-width:0;object-fit:cover;border:1px solid var(--line);border-radius:3px}.wide-example{width:65%;height:auto}.tall-example{width:21%;height:auto;aspect-ratio:9/16}.resize-example figcaption{margin-top:18px;font-size:13px}.related-guides{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}.related-guides h2{font-size:25px}.related-guides a{display:block;margin-top:10px}:root[data-theme=dark] .guide-intro .button{background:var(--green);border-color:var(--green);color:#182319}:root[data-theme=dark] .guide-intro .button:hover{background:#c2d9ae}@media(max-width:650px){.guide-content{padding-inline:22px;margin-top:12px}.guide-intro>p{font-size:16px}.guide-content h2{font-size:26px}.worked-example,.resize-example{padding:18px}.resize-pictures{gap:18px}.steps{padding-left:20px}.steps li{padding-left:6px}}