/* The /regulations/ pages: compare.css for the shared look, plus the pieces a
   regulation page needs that a comparison does not: where the rule stands,
   its timeline, the FAQ and the sources. */
.status{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--steel);border-radius:14px;box-shadow:var(--shadow);padding:20px 22px;margin:0 0 22px;max-width:70ch}
.status b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
.status p{margin:0;color:var(--ink);font-size:16px}
.timeline{list-style:none;margin:0;padding:0;max-width:70ch;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 14px 18px;color:var(--muted);font-size:16px}
.timeline li::before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--surface-2);border:2px solid var(--steel)}
.timeline li.now::before{background:var(--brand);border-color:var(--brand)}
.timeline time{display:block;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.rule h3{font-size:17px;margin:20px 0 6px}
.rule ul{margin:0;padding-left:20px;color:var(--muted);max-width:70ch}
.rule li{margin-bottom:6px}
.rule p{color:var(--muted);max-width:70ch;margin:0 0 10px}
.tier{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--steel);background:var(--surface-2);border-radius:999px;padding:1px 9px;margin-left:4px;white-space:nowrap}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 10px;max-width:76ch}
.faq summary{font-weight:700;cursor:pointer}
.faq summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
.faq details p{margin:10px 0 0;color:var(--muted)}
.sources ol{margin:0;padding-left:22px;color:var(--muted);font-size:15px;max-width:80ch}
.sources li{margin-bottom:8px;overflow-wrap:anywhere}
.asof{font-size:13px;color:var(--faint);margin:10px 0 0}