/* ── Guide article layout ──────────────────── */
.guide__hero{width:100%;height:280px;overflow:hidden;background:var(--clay)}
.guide__hero-img{width:100%;height:100%;object-fit:cover}
.guide__header{padding-block:3rem 2rem;border-bottom:1px solid var(--clay)}
.guide__back{display:inline-block;font-size:.78rem;color:var(--muted);text-decoration:none;margin-bottom:1.25rem;letter-spacing:.02em;transition:color var(--tr)}
.guide__back:hover{color:var(--tc)}
.guide__title{font-family:var(--font-d);font-size:clamp(1.8rem,5vw,3rem);font-weight:300;line-height:1.1;letter-spacing:-.015em;margin-bottom:1rem}
.guide__intro{font-size:clamp(.88rem,2.5vw,1.05rem);color:var(--muted);max-width:60ch;line-height:1.75}

.guide__body{max-width:720px;padding-block:2.5rem var(--sec-pad)}

/* Table of contents */
.guide__toc{background:var(--sand);border:1px solid var(--clay);border-radius:var(--r-card);padding:1.5rem 1.75rem;margin-bottom:2.5rem}
.guide__toc-label{font-size:.68rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--tc);margin-bottom:.85rem}
.guide__toc ol{counter-reset:toc;list-style:none}
.guide__toc li{counter-increment:toc;margin-bottom:.5rem}
.guide__toc li:last-child{margin-bottom:0}
.guide__toc a{font-size:.85rem;color:var(--charcoal);text-decoration:none;transition:color var(--tr);display:flex;gap:.5rem}
.guide__toc a:hover{color:var(--tc)}

/* Sections */
.guide__body section{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--clay)}
.guide__body section:last-of-type{border-bottom:none}
.guide__body h2{font-family:var(--font-d);font-size:clamp(1.4rem,4vw,1.9rem);font-weight:300;line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.01em}
.guide__body h3{font-family:var(--font-d);font-size:1.15rem;font-weight:400;margin-top:1.5rem;margin-bottom:.65rem;line-height:1.3}
.guide__body p{font-size:.88rem;color:var(--muted);line-height:1.85;margin-bottom:1rem}
.guide__body p:last-child{margin-bottom:0}
.guide__body strong{color:var(--charcoal);font-weight:500}
.guide__body em{font-style:italic}

/* Lists */
.guide__body ul,.guide__body ol.guide__ol{margin:.75rem 0 1.25rem 1.25rem;list-style:disc}
.guide__body ol.guide__ol{list-style:decimal}
.guide__body li{font-size:.85rem;color:var(--muted);line-height:1.8;margin-bottom:.4rem}
.guide__body li strong{color:var(--charcoal)}

/* Tables */
.guide__table-wrap{overflow-x:auto;margin:1rem 0 1.5rem;-webkit-overflow-scrolling:touch}
.guide__table{width:100%;border-collapse:collapse;font-size:.82rem}
.guide__table th{text-align:left;font-weight:500;color:var(--charcoal);padding:.65rem .85rem;border-bottom:2px solid var(--clay);white-space:nowrap;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
.guide__table td{padding:.6rem .85rem;border-bottom:1px solid var(--clay);color:var(--muted);line-height:1.5;vertical-align:top}
.guide__table tr:last-child td{border-bottom:none}
.guide__table td:first-child{color:var(--charcoal);font-weight:500}
.guide__table td strong{color:var(--charcoal)}

/* CTA box */
.guide__cta-box{background:var(--sand);border:1px solid var(--clay);border-radius:var(--r-card);padding:2.5rem 2rem;text-align:center;margin-top:3rem}
.guide__cta-box h3{font-family:var(--font-d);font-size:1.6rem;font-weight:300;margin-bottom:.6rem}
.guide__cta-box p{font-size:.88rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.65}

/* Responsive */
@media(min-width:600px){
  .guide__hero{height:360px}
  .guide__header{padding-block:4rem 2.5rem}
  .guide__body{padding-block:3rem var(--sec-pad)}
}
@media(min-width:1024px){
  .guide__hero{height:420px}
  .guide__header{padding-block:5rem 3rem}
}