.article-toc .article-contents>summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;list-style:none;font-weight:650;color:var(--ink)}
.article-contents>summary::-webkit-details-marker{display:none}
.article-contents>summary small{font-size:.7rem;color:var(--muted);font-weight:400;margin-left:auto;white-space:nowrap}
.contents-chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 2px;flex-shrink:0}
.article-contents[open]>summary .contents-chevron{transform:rotate(225deg);margin-top:6px}
.article-toc .contents-links{list-style:none;padding:0;margin:0}
.article-toc .contents-links li{margin:0;padding:0}
.article-toc .contents-desktop-label{display:none}
.source-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:48px}
.source-details>summary::-webkit-details-marker{display:none}
.source-details>summary:after{content:'+';font:1.25rem system-ui;color:var(--rust)}
.source-details[open]>summary:after{content:'−'}
.article-body .sources .source-details>summary h2,.travel-article .sources .source-details>summary h2{margin:0;font-size:1.2rem}
/* Keep long articles focused on the reading column. */
.story-hero{padding:16px 0 28px}
.story-hero.topic-hero{padding:36px clamp(20px,3vw,40px)}
.story-hero.topic-hero .editorial-actions{margin-bottom:0}
.story-hero h1{font-size:clamp(2.5rem,4.5vw,4rem)}
.story-hero .lead{font-size:1.05rem;line-height:1.7;margin:18px 0;max-width:850px}
.story-hero .story-cover{max-height:340px;aspect-ratio:21/8}
.article-layout{max-width:1080px;margin-inline:auto;grid-template-columns:180px minmax(0,1fr);gap:32px;padding-block:24px 40px}
.article-layout .article-body{min-width:0}
.article-body>section+section{margin-top:24px}
.article-body h2{font-size:1.95rem;margin:26px 0 14px}
.article-body h3{margin:22px 0 10px}
.article-body p{margin:12px 0;line-height:1.75}
.article-callout{margin:20px 0;padding:18px 22px}
.history-name-origin{padding:28px;margin-bottom:28px}
.history-name-origin>h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.history-name-grid{margin-top:20px}
.history-name-grid article{padding:22px}
.history-name-grid p{margin:12px 0;line-height:1.7}
.history-eras div{min-height:100px;padding:18px}
.history-period{margin:26px 0 6px}
.history-figure{margin:22px 0 26px}
.history-figure img{max-height:380px;aspect-ratio:16/9}
.history-milestone{margin:24px 0;padding:22px}
.related{padding:28px 0}
.related h2{font-size:1.8rem;margin-bottom:14px}
.related-links{gap:14px 24px}
.related-links a{font-size:.88rem}
@media(min-width:761px){.js .article-contents>summary{display:none}.js .article-contents>.contents-desktop-label{display:block}.article-contents>.contents-desktop-label{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.article-toc .contents-links a{display:block;margin:15px 0}}
@media(max-width:760px){
  .article-layout>.article-toc{padding:0;border:1px solid #d9dccf;border-radius:8px;background:#fffdf8;overflow:visible;max-height:none}
  .article-toc .article-contents>summary{padding:14px 18px;font-size:.88rem;min-height:56px}
  .article-toc .contents-links{padding:0 18px 10px;counter-reset:section-link}
  .article-toc .contents-links li{counter-increment:section-link;border-top:1px solid #e6e7dd}
  .article-toc .contents-links a{display:flex;align-items:baseline;gap:12px;margin:0;padding:13px 0;min-height:48px;font-size:.85rem;line-height:1.55;text-decoration:none;color:#203c35}
  .article-toc .contents-links a:before{content:counter(section-link,decimal-leading-zero);flex:0 0 20px;font-size:.68rem;color:#a54129;font-variant-numeric:tabular-nums}
  .article-toc .contents-links a:hover{text-decoration:underline;color:#a54129}
  .article-toc .contents-links a:focus-visible{outline-offset:2px}
  .story-hero{padding:10px 0 20px}
  .story-hero.topic-hero{padding:24px 20px}
  .story-hero h1{font-size:clamp(1.9rem,7.4vw,2.4rem)}
  .story-hero .lead{font-size:.96rem;margin:14px 0}
  .story-hero .story-cover{max-height:240px;aspect-ratio:16/9}
  .article-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:18px 28px}
  .article-body>section+section{margin-top:20px}
  .article-body h2{font-size:1.6rem;margin:22px 0 12px}
  .article-body p{margin:12px 0}
  .article-callout{padding:16px 18px;margin:18px 0}
  .history-name-origin{padding:20px 16px;margin-bottom:22px}
  .history-name-grid article{padding:18px}
  .history-name-grid h3{font-size:1.4rem;margin-bottom:12px}
  .history-eras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-eras div{min-height:0;padding:14px 12px}
  .history-eras strong{font-size:1rem;margin-bottom:6px}
  .history-eras span{font-size:.75rem;line-height:1.5}
  .history-period{margin-top:22px}
  .history-figure{margin:18px 0 22px}
  .history-figure img{max-height:240px}
  .related{padding:22px 0}
}