.guide{padding:calc(78px + clamp(28px,4vw,56px)) 0 var(--sect);background:var(--paper)}
.guide__col{max-width:768px;margin-inline:auto}
.guide__wide{max-width:1080px;margin-inline:auto}

.crumbs{margin-bottom:clamp(18px,2.4vw,28px)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}
.crumbs li+li{margin-inline-start:12px;padding-inline-start:12px;border-inline-start:2px solid var(--ink-2)}
.crumbs a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--clay)}

.guide h1{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:clamp(34px,5.4vw,56px);line-height:1;letter-spacing:-.035em;margin-bottom:18px;text-wrap:balance}
.guide__dek{font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--ink-2);margin-bottom:22px;text-wrap:pretty}
.guide__byline{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0 0 clamp(22px,3vw,34px);padding:0 0 18px;list-style:none;border-bottom:2px solid var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.guide__byline a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--clay)}
.guide__facts{border:2px solid var(--ink);background:var(--paper-2);padding:clamp(16px,2vw,22px) clamp(18px,2.2vw,26px);margin:0 0 clamp(8px,1vw,14px);font-size:16px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}

.guide h2{font-size:clamp(23px,2.5vw,32px);line-height:1.08;letter-spacing:-.03em;margin:clamp(40px,4.6vw,64px) 0 14px;text-wrap:balance}
.guide h3{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:19px;letter-spacing:-.025em;margin:22px 0 8px;color:var(--ink)}
.guide__prose p,.guide__prose li,.guide__faq p,.guide__facts{font-size:17px;line-height:1.62;color:var(--ink-2);text-wrap:pretty}
.guide__prose p,.guide__faq p{margin:0 0 14px}
.guide__prose .guide__answer{font-size:18.5px;line-height:1.55;color:var(--ink)}
.guide__prose ul{margin:0 0 18px;padding-inline-start:22px;list-style:disc}
.guide__prose li{margin-bottom:8px}
.guide__prose p a,.guide__prose li a,.guide__faq p a,.guide__facts a,.guide__table a,.guide__dek a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--clay)}
.guide__prose p a:hover,.guide__prose li a:hover,.guide__faq p a:hover,.guide__facts a:hover,.guide__table a:hover,.guide__dek a:hover{background:var(--saffron-lt)}
.guide__prose .steps{margin:0 0 22px}
.guide__prose .steps li{margin-bottom:0}
.guide__prose .steps p{margin:0 0 10px}
.guide__prose .steps p:last-child{margin-bottom:0}
.guide__prose .steps h3{font-size:19px}
.guide__shot{margin:6px 0 22px;display:flex;gap:20px;align-items:flex-start}
.guide__shot img{width:180px;height:auto;border:2px solid var(--ink);flex:none;background:var(--paper-2)}
.guide__shot figcaption{font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}

.guide__hint{display:none;margin:0 0 10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.guide__scroll{overflow-x:auto;border:2px solid var(--ink);background:var(--paper);margin-bottom:8px}
.guide__table{width:100%;min-width:900px;border-collapse:collapse}
.guide__table caption{caption-side:top;text-align:start;padding:14px 18px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:2px solid var(--ink);background:var(--paper-2)}
.guide__table th,.guide__table td{padding:14px 18px;text-align:start;vertical-align:top;border-bottom:2px solid var(--ink);font-size:15.5px;line-height:1.5}
.guide__table td+td,.guide__table th+td,.guide__table th+th{border-inline-start:2px solid var(--ink)}
.guide__table thead th{background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.guide__table tbody th{width:132px;font-weight:700;background:var(--paper-2);color:var(--ink)}
.guide__table tbody tr:last-child th,.guide__table tbody tr:last-child td{border-bottom:0}
.guide__table td{color:var(--ink-2)}
.guide__table td p{margin:0 0 8px;font-size:inherit;line-height:inherit}
.guide__table td p:last-child{margin-bottom:0}
.guide__prose .guide__tablenote{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2);max-width:70ch}

.guide__faq h2{margin-top:clamp(44px,5vw,68px)}
.guide__qa{border-top:2px solid var(--ink);padding:18px 0 6px}
.guide__qa:last-child{border-bottom:2px solid var(--ink)}
.guide__qa h3{margin:0 0 8px}

.guide__sources li{overflow-wrap:anywhere}

.guide__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:22px 0 0}
.guide .explore-card h3{margin:0;font-size:clamp(19px,1.8vw,24px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.guide__cards .explore-card time{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.guide__cards .explore-card:hover time{color:rgba(246,239,226,.84)}


@media (max-width:720px){
  .guide__hint{display:block}
  .guide__cards{grid-template-columns:1fr}
  .guide__shot{flex-direction:column}
  .guide__shot img{width:min(100%,220px)}
}