:root { color-scheme: light; }
html { scroll-padding-top: 112px; }
a { color: #4f46e5; text-underline-offset: 4px; }
.card h3 a,.extra-card h3 a { color: inherit; text-decoration: none; }
.card h3 a:hover,.extra-card h3 a:hover { text-decoration: underline; }
a:focus-visible,button:focus-visible { outline: 3px solid #a855f7; outline-offset: 5px; }
.article-main { max-width: 1000px; padding-top: 30px; padding-bottom: 65px; }
.breadcrumb { margin-bottom: 28px; font-size: .9rem; color:#64748b; }
.article-heading { padding: 36px; background: linear-gradient(120deg,#eef2ff,#f5f3ff); border-radius: 26px; border:1px solid #e0e7ff; }
.eyebrow { font-weight:700; color:#4f46e5; margin-bottom:16px; }
.article-heading h1 { font-size:clamp(1.7rem,3.6vw,2.7rem); line-height:1.35; }
.article-answer { line-height:1.9; color:#334155; font-size:1.08rem; }
.article-figure { margin:32px auto; max-width:760px; }
.article-figure img { display:block; width:100%; height:auto; border-radius:22px; }
.article-figure figcaption { color:#64748b; font-size:.86rem; margin-top:10px; text-align:center; }
.article-toc { background:#fff; border:1px solid #e0e7ff; padding:26px 32px; border-radius:20px; margin-bottom:30px; }
.article-toc ol { padding-left:24px; margin-top:12px; columns:2; column-gap:32px; }
.article-toc li { margin:5px 0; break-inside:avoid; }
.article-copy { padding:0 20px; }
.article-copy section { margin:35px 0; }
.article-copy h2 { font-size:1.6rem; line-height:1.5; margin-bottom:16px; }
.article-copy h3 { line-height:1.5; }
.article-copy p { font-size:1.04rem; line-height:1.95; margin:16px 0; color:#334155; }
.article-copy ul,.article-copy ol { padding-left:26px; line-height:1.9; }
.article-copy li { margin:10px 0; }
.table-scroll { overflow-x:auto; border:1px solid #dbe3f4; border-radius:14px; margin:24px 0; background:#fff; }
table { border-collapse:collapse; width:100%; min-width:630px; text-align:left; font-size:.92rem; }
th,td { padding:14px 16px; vertical-align:top; border-bottom:1px solid #e2e8f0; line-height:1.75; }
th { background:#eef2ff; color:#3730a3; }
.source-notes { padding:22px; background:#eef2ff; border-radius:20px; }
@media (min-width:769px) and (max-width:1200px) { .header-inner {flex-wrap:wrap;gap:16px;} .nav {gap:16px;} }
@media (max-width:768px) {
  .article-main {padding:24px 16px 36px;}
  .article-heading {padding:24px 20px;}
  .article-toc {padding:20px;}
  .article-toc ol {columns:1;}
  .article-copy {padding:0 4px;}
  .article-copy h2 {font-size:1.4rem;}
  .article-copy p {font-size:1rem;}
  .drama-item .info h4 {white-space:normal;}
  .hero h1 {font-size:2rem;line-height:1.28;}
  .source-notes a {overflow-wrap:anywhere;}
}