/* Long-read extras for /stati/ (2026-10-11): TOC, callouts, FAQ, featured card. */
.art-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:14px;color:var(--ink-2)}
.art-meta span:not(:last-child)::after{content:"·";margin-left:14px;opacity:.6}
.art-toc{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:18px 22px;margin:0 0 30px}
.art-toc p{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-weight:600}
.art-toc ol{margin:0;padding-left:20px}
.art-toc li{margin:0 0 4px;font-size:15.5px;line-height:1.5}
.art-toc a{text-decoration:none!important;color:var(--ink)!important}
.art-toc a:hover{color:var(--accent)!important}
.prose h2[id]{scroll-margin-top:96px}
.art-note{margin:22px 0;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:14px;background:var(--surface-2);color:var(--ink)}
.art-note p{margin:0}
.art-table{overflow-x:auto;margin:20px 0}
.art-table table{margin:0;min-width:520px}
.art-faq{margin-top:44px}
.art-faq details{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:0 0 10px;background:var(--surface)}
.art-faq summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.art-faq summary::-webkit-details-marker{display:none}
.art-faq summary::after{content:"+";color:var(--ink-2);transition:transform .2s}
.art-faq details[open] summary::after{transform:rotate(45deg)}
.art-faq details p{margin:10px 0 0}
.art-featured{display:block;text-decoration:none;border:1px solid var(--line);border-radius:26px;padding:30px 32px;margin:0 0 26px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.art-featured:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.art-featured .tag{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--brass);margin-bottom:10px}
.art-featured b{display:block;font-family:var(--fd);font-size:clamp(22px,3vw,30px);line-height:1.15;color:var(--ink)}
.art-featured span.d{display:block;margin-top:10px;color:var(--ink-2);font-size:15.5px;line-height:1.6;max-width:70ch}
.art-featured em{display:inline-block;margin-top:14px;font-style:normal;font-weight:600;color:var(--accent)}
@media (max-width:640px){.art-featured{padding:22px 20px}.art-toc{padding:16px 18px}}
.pagehead-in .art-meta{justify-content:center}