/* Streaksheet /guides/ — article extras on top of site.css (MC #1987). */
.guide{max-width:760px}
.guide .crumbs{font-size:.85rem;color:var(--muted);margin-bottom:14px}
.guide .crumbs a{color:var(--ink2);text-decoration:none}
.guide .crumbs a:hover{text-decoration:underline}
.guide h1{font-size:clamp(1.8rem,4.4vw,2.4rem);line-height:1.12;margin-bottom:.9rem}
.guide h2{font-size:1.35rem;margin:2.2rem 0 .5rem}
.guide h3{margin:1.4rem 0 .3rem}
.guide ol,.guide ul{padding-left:1.3rem}
.guide li{margin:.35rem 0}
.answer{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;padding:16px 18px;margin:0 0 22px}
.answer .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--teal);margin:0 0 4px}
.answer p{color:var(--ink);margin:.2rem 0}
.mock{margin:24px 0}
.mock .sheet{max-width:560px}
.mock figcaption{font-size:.82rem;color:var(--muted);margin-top:8px}
.mock .mini-t{width:100%;border-collapse:collapse;font-size:.72rem}
.mock .mini-t th,.mock .mini-t td{border:1px solid #d9d4c8;padding:3px 6px;text-align:left}
.mock .mini-t th{background:#f3f0e8;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}
.mock .mini-t td.c,.mock .mini-t th.c{text-align:center}
.mock .mini-t td.r,.mock .mini-t th.r{text-align:right}
.mock .tick{display:inline-block;width:10px;height:10px;border:1.2px solid #8a857a;border-radius:2px;vertical-align:middle}
.mock .tick.on{background:var(--teal);border-color:var(--teal)}
.guide table.data{width:100%;border-collapse:collapse;margin:12px 0 6px;font-size:.95rem;background:var(--card)}
.guide table.data th,.guide table.data td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.guide table.data th{background:#f3f0e8;font-size:.82rem}
.guide table.data td.r,.guide table.data th.r{text-align:right}
.product{background:var(--card);border:1.5px solid var(--accent);border-radius:var(--radius);padding:22px;margin:2.4rem 0 1rem;box-shadow:var(--shadow)}
.product h2{margin-top:0}
.product .btn{margin-top:10px}
.product .fine{font-size:.85rem;color:var(--muted);margin-top:10px}
.guide .faq{margin:14px 0 0}
.related{margin-top:2.4rem;border-top:1px solid var(--line);padding-top:1rem}
.related h2{font-size:1.05rem;margin:0 0 .4rem}
.related ul{list-style:none;padding:0}
.guide-list{list-style:none;padding:0;display:grid;gap:10px;margin-top:12px}
.guide-list li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0}
.guide-list a{font-weight:700;color:var(--ink);text-decoration:none}
.guide-list a:hover{text-decoration:underline}
.guide-list p{margin:.2rem 0 0;font-size:.93rem}