/* Guides: reading pages on top of legal.css (same tokens). */
.byline{color:var(--muted);font-size:15px;margin:0 0 clamp(28px,4vw,40px)}
.answer{background:var(--surface);border-radius:20px;padding:20px 22px;margin:0 0 32px;max-width:62ch}
.answer strong{display:block;font:600 15px/1.3 var(--text);color:var(--accent-text);margin-bottom:6px}
article section{padding-block:26px}
article h2{font:600 clamp(24px,3.2vw,30px)/1.2 var(--display);letter-spacing:-.01em;margin:0 0 12px}
article ol{margin:8px 0 0;padding-left:1.3em;max-width:62ch}
article ol li+li{margin-top:8px}
.table{overflow-x:auto;margin-top:12px}
table{border-collapse:collapse;width:100%;max-width:62ch;font-size:17px}
th,td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--rule)}
th{font-weight:560}
td small{display:block;color:var(--muted);font-size:15px;margin-top:2px}
.note{color:var(--muted);font-size:16px}
.cta{margin-top:36px;padding:24px 22px;border-radius:20px;background:var(--accent);color:var(--accent-ink)}
.cta p{max-width:52ch}
.cta a{color:var(--accent-ink);font-weight:600}
.list{list-style:none;padding:0;margin:0}
.list li{padding:22px 0;border-top:1px solid var(--rule)}
.list li+li{margin-top:0}
.list a{font:600 clamp(22px,3vw,28px)/1.2 var(--display);text-decoration:none;color:var(--ink)}
.list p{color:var(--muted);margin-top:6px}
@media (hover:hover) and (pointer:fine){.list a:hover{color:var(--accent-text)}}
/* checklist: an empty square per item, ticked visually by the reader on paper or in their head */
.check{list-style:none;padding:0;margin:8px 0 0;max-width:62ch}
.check li{position:relative;padding-left:34px}
.check li+li{margin-top:10px}
.check li::before{content:"";position:absolute;left:0;top:.32em;width:18px;height:18px;border:1.5px solid var(--accent-text);border-radius:5px}