.logo small{font-weight:500;color:var(--muted)}
.article{max-width:780px;padding-top:12px;padding-bottom:40px}
.article h1{font-size:clamp(28px,4.5vw,42px);line-height:1.12;letter-spacing:-.02em;margin:8px 0 10px}
.article .meta{color:var(--muted);font-size:14px;margin:0 0 20px}
.article .lead{font-size:clamp(17px,2vw,19px);color:var(--text);margin:0 0 24px}
.article h2{font-size:clamp(22px,3vw,28px);letter-spacing:-.015em;line-height:1.2;margin:40px 0 12px;scroll-margin-top:80px}
.article h3{font-size:19px;margin:24px 0 8px}
.article p{margin:0 0 14px}
.article ul,.article ol{margin:0 0 16px;padding-left:22px}
.article li{margin-bottom:6px}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 8px}
.toc p{font-weight:700;margin:0 0 8px}
.toc ol{margin:0;padding-left:20px}
.toc a{color:var(--text);text-decoration:none}
.toc a:hover{color:var(--accent)}
.table{overflow-x:auto;margin:0 0 18px;border:1px solid var(--line);border-radius:14px}
.table table{border-collapse:collapse;width:100%;font-size:15px}
.table.wide table{min-width:640px}
.table th,.table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
@media (max-width:520px){.table:not(.wide) table{font-size:14px}.table:not(.wide) th,.table:not(.wide) td{padding:10px 8px;hyphens:auto;overflow-wrap:break-word}}
.table th{background:var(--surface-2);font-weight:600}
.table tr:last-child td{border-bottom:0}
.note{background:var(--accent-soft);border-radius:14px;padding:16px 18px;margin:0 0 18px}
.note p:last-child{margin:0}
.offers{margin:28px 0}
.offers-head{font-weight:700;font-size:18px;margin:0 0 12px}
.sources{margin-top:32px;font-size:14px;color:var(--muted)}
.sources p{margin:0 0 6px;font-weight:600}