.guide{width:min(1120px,calc(100% - 2rem));margin-inline:auto}
.guide .hero-actions .buy{width:auto}
footer>div{flex-wrap:wrap}
.guide-hero{padding:clamp(3rem,8vw,7rem) 0 clamp(3rem,7vw,5rem);display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(2rem,7vw,6rem);align-items:center}
.guide-hero h1{max-width:780px;font-size:clamp(3rem,7vw,6.1rem);line-height:.94;letter-spacing:-.055em}
.guide-hero .lede{max-width:760px}
.guide-cover{position:relative;padding:1rem;border-radius:20px;background:var(--ink);box-shadow:14px 14px 0 var(--orange)}
.guide-cover img{display:block;width:100%;height:auto;border-radius:8px}
.guide-cover div{display:flex;align-items:baseline;gap:.65rem;padding:1rem .25rem .2rem;color:#fff}
.guide-cover strong{font-size:2rem;color:var(--orange);line-height:1}
.guide-cover span{font-size:.82rem;font-weight:800}
.guide-proof{margin-bottom:clamp(4rem,8vw,7rem)}
.download-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(2rem,7vw,6rem);align-items:center;padding-bottom:clamp(4rem,8vw,7rem)}
.download-section h2,.method h2,.print-tips h2,.collection-panel h2,.guide-faq h2{font-size:clamp(2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.04em}
.download-section ul,.collection-panel ul{padding-inline-start:1.25rem;line-height:1.85}
.download-card{padding:1.5rem;border-radius:18px;background:var(--cream);border:1px solid var(--line)}
.download-card>span,.collection-offer>span{display:block;color:var(--violet);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.download-card>strong{display:block;margin:.8rem 0;font-size:1.45rem}
.download-card .button{width:100%;margin-top:.6rem}
.download-card small,.collection-offer small{display:block;margin-top:.7rem;text-align:center;color:var(--muted);font-size:.76rem}
.method{padding:clamp(2rem,6vw,4rem);border-radius:22px;background:var(--cream)}
.method header{max-width:780px}
.method header>p:last-child{color:var(--muted)}
.method-steps{margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line);list-style:none}
.method-steps li{min-height:220px;padding:1.4rem;display:flex;gap:1rem;background:var(--paper)}
.method-steps li:last-child{grid-column:1/-1;min-height:170px}
.method-steps li>span{flex:0 0 auto;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--violet);color:#fff;font-size:.74rem;font-weight:900}
.method-steps h3{margin:.25rem 0 .7rem}
.method-steps p{margin:0;color:var(--muted)}
.answer-section{padding:1rem 0 clamp(4rem,8vw,7rem)}
.answer-section details{border:1px solid var(--line);border-radius:16px;background:#fff}
.answer-section summary{cursor:pointer;padding:1.2rem 1.4rem;font-weight:900}
.answer-section details>p,.solution-table{margin:0;padding:0 1.4rem 1.4rem}
.answer-conversion{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid #b8d8cc;border-radius:16px;background:#e5f4ee}
.answer-conversion strong,.answer-conversion span{display:block}
.answer-conversion strong{color:#315c50}
.answer-conversion span{margin-top:.2rem;color:#466e62;font-size:.84rem}
.answer-conversion .button{width:auto;white-space:nowrap}
.solution-table{overflow-x:auto}
.solution-table table{width:100%;border-collapse:collapse}
.solution-table caption{text-align:left;font-weight:900;padding:.7rem 0}
.solution-table th,.solution-table td{padding:.7rem;border-bottom:1px solid var(--line);text-align:left}
.print-tips{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,6rem);padding-bottom:clamp(4rem,8vw,7rem)}
.print-tips>div:last-child{align-self:end;color:var(--muted)}
.collection-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(2rem,7vw,6rem);align-items:center;padding:clamp(2rem,6vw,4rem);border-radius:22px;background:var(--ink);color:#fff}
.collection-panel h2{color:#fff}
.collection-panel p{color:#d9d2eb}
.collection-offer{padding:1.5rem;border-radius:18px;background:var(--orange);color:var(--ink)}
.collection-offer .price{margin:1rem 0;font-size:4rem;font-weight:900;line-height:1}
.collection-offer .price sup{font-size:1.4rem}
.collection-offer .buy{display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none}
.guide-faq{max-width:860px;padding:clamp(4rem,8vw,7rem) 0}
.guide-faq details{margin:.7rem 0;padding:0 1rem;border:1px solid var(--line);border-radius:12px;background:#fff}
.guide-faq summary{cursor:pointer;padding:1rem;font-weight:900}
.guide-faq details p{margin:0;padding:0 1rem 1rem;color:var(--muted)}

@media(max-width:820px){
  .guide-hero,.download-section,.print-tips,.collection-panel{grid-template-columns:1fr}
  .guide-cover{width:min(300px,80%);margin-inline:auto}
}

@media(max-width:580px){
  .guide{width:min(100% - 1.2rem,1120px)}
  .topbar nav a:nth-child(2){display:none}
  .guide-hero h1{font-size:3.3rem}
  .method{padding:1rem}
  .method-steps{grid-template-columns:1fr}
  .method-steps li:last-child{grid-column:auto}
  .answer-conversion{grid-template-columns:1fr}
  .answer-conversion .button{width:100%;white-space:normal}
}