/* Article pages — extends site tokens */
.article-hero{padding:clamp(40px,6vw,72px) 0 clamp(24px,4vw,40px)}
.article-body{max-width:760px;padding:0 0 clamp(56px,8vw,96px)}
.article-body h1{font-size:clamp(32px,4.2vw,52px);font-weight:500;letter-spacing:-0.02em;line-height:1.08;margin-top:14px}
.article-body h2{font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:-0.015em;line-height:1.2;margin:clamp(40px,5vw,54px) 0 14px;color:var(--text)}
.article-body h3{font-size:clamp(16px,1.5vw,19px);font-weight:500;margin:28px 0 8px;color:var(--text)}
.article-body p,.article-body li{font-size:15px;line-height:1.68;color:var(--text-2)}
.article-body p+p,.article-body ul,.article-body ol{margin-top:12px}
.article-body ul,.article-body ol{padding-left:20px}
.article-body li+li{margin-top:6px}
.article-body strong{color:var(--text);font-weight:500}
.article-body a{text-decoration:underline;text-underline-offset:3px;color:var(--text-2)}
.article-body a:hover{color:var(--text)}
.article-subtitle{font-size:15px;color:var(--muted);margin-top:8px}
.article-faq h3{font-size:16px;margin-top:24px}
.table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--border-2);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch}
.table-wrap table{width:100%;min-width:520px;border-collapse:collapse;background:var(--surface)}
.table-wrap th,.table-wrap td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:13.5px;line-height:1.5}
.table-wrap th{font-family:var(--f-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--text);font-weight:500}
.table-wrap td{color:var(--text-2)}
.table-wrap tr:last-child th,.table-wrap tr:last-child td{border-bottom:none}
.article-cta{margin-top:48px;padding:clamp(22px,4vw,32px);border:1px solid var(--border-2);border-radius:var(--r-xl);
  background:linear-gradient(135deg,rgba(16,22,35,0.95),rgba(12,16,29,0.88))}
.article-cta h2{font-size:clamp(20px,2.5vw,26px);margin:0 0 10px}
.article-cta p{font-size:14.5px;margin-top:8px}
.article-cta-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.article-cta-links a{font-size:13px}
.resources-list{display:grid;gap:14px;margin-top:28px}
.resource-card{display:block;padding:18px 20px;border:1px solid var(--border-2);border-radius:var(--r-lg);
  background:rgba(12,16,29,0.6);transition:border-color 0.18s,transform 0.18s}
.resource-card:hover{border-color:var(--border-hi);transform:translateY(-1px)}
.resource-card h3{font-size:16px;margin:0 0 6px;color:var(--text)}
.resource-card p{font-size:13.5px;margin:0;color:var(--text-2);line-height:1.55}
.article-figure{margin:28px 0;border:1px solid var(--border-2);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.article-figure img{width:100%;height:auto;display:block}
.article-figure figcaption{padding:12px 16px;font-size:12.5px;line-height:1.55;color:var(--muted);border-top:1px solid var(--border)}