.history-page .history-play {font-size:15px;padding:12px 18px;white-space:nowrap;}
.history-page [aria-current="page"] {color:var(--purple);}
.history-main {padding-bottom:30px;}
.history-back {display:inline-block;margin:20px 0;color:var(--purple);font-weight:800;font-size:14px;text-decoration:none;}
.history-back:hover {text-decoration:underline;}
.history-hero {display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:35px;padding:35px 40px 16px;border-radius:35px;background:linear-gradient(115deg,#f0e1f8,#fff3da);}
.history-hero h1 {font-size:clamp(40px,5.5vw,68px);line-height:1.05;margin:14px 0 20px;letter-spacing:-.04em;}
.history-hero .eyebrow {font-size:18px;}
.history-lead {font-size:21px;line-height:1.6;max-width:640px;}
.history-hero-note {font-size:16px;line-height:1.55;color:var(--muted);margin:15px 0 22px;}
.history-hero figure {margin:0;text-align:center;align-self:center;}
.history-hero figure img {width:100%;}
.history-hero figcaption {font-size:11px;line-height:1.4;color:var(--muted);margin:6px 0 12px;}
.history-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 42px;}
.history-facts>div {padding:24px;border:1px solid var(--border);border-radius:22px;background:#fff;}
.history-facts dt {font-size:14px;color:var(--muted);font-weight:700;}
.history-facts dd {margin:8px 0;font:1000 clamp(23px,2.8vw,34px)/1.1 Nunito,sans-serif;color:var(--purple-dark);}
.history-facts span {display:block;margin-top:9px;font:400 14px/1.5 'DM Sans',sans-serif;color:var(--muted);}
.history-articles {max-width:900px;margin:auto;display:grid;gap:24px;}
.history-section {position:relative;border:1px solid var(--border);border-radius:26px;background:#fff;padding:30px 34px 30px 80px;}
.history-number {position:absolute;top:31px;left:24px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lavender);color:var(--purple-dark);font-weight:900;}
.history-section h2,.history-word h2,.history-today h2 {font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.025em;}
.history-section p,.history-word p,.history-today p:not(.eyebrow) {font-size:18px;line-height:1.75;margin:17px 0 0;}
.history-ref {display:inline-block;font-size:12px;line-height:1.4;font-weight:800;color:var(--purple);text-decoration:none;vertical-align:super;padding:2px;}
.history-ref:hover {text-decoration:underline;}
.history-thought {padding:19px 22px;margin-top:24px;border-radius:18px;background:#f3eafb;}
.history-thought>strong {color:var(--purple-dark);}
.history-thought p {margin-top:7px;font-weight:750;}
.history-thought small {display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:10px;}
.history-era {background:#fffaf0;}
.history-word {max-width:900px;margin:24px auto 44px;padding:28px 34px;border-radius:24px;background:#eaf3ec;}
.history-today {display:grid;grid-template-columns:1fr;gap:24px;margin:0 auto 40px;max-width:1000px;}
.history-today>img {border-radius:26px;width:100%;}
.history-today>div {max-width:800px;margin:auto;text-align:center;}
.history-today .eyebrow {font-size:17px;margin-bottom:12px;}
.history-today .button {display:inline-flex;margin-top:24px;}
.history-sources {max-width:900px;margin:auto;border-top:1px solid var(--border);padding:28px 0 10px;color:var(--muted);}
.history-sources h2 {font-size:23px;color:var(--plum);}
.history-sources p {font-size:15px;margin:10px 0 16px;line-height:1.6;}
.history-sources ol {margin:0;padding-left:25px;display:grid;gap:13px;}
.history-sources li {font-size:14px;line-height:1.65;scroll-margin-top:24px;}
.history-sources a {color:var(--purple-dark);text-underline-offset:3px;}
@media(max-width:1000px) {.history-page .site-header nav {gap:20px;padding-inline:16px;} .history-hero {padding:28px 28px 14px;gap:15px;} .history-lead {font-size:19px;}}
@media(max-width:900px) {.history-page .history-play {margin-left:auto;} .history-facts {gap:12px;} .history-facts>div {padding:18px;} .history-section {padding:26px 25px 26px 70px;} .history-number {left:20px;top:26px;}}
@media(max-width:600px) {
  .history-page .site-header .brand {width:200px;}
  .history-page .history-play {padding:10px 12px;font-size:12px;}
  .history-page .site-header nav {gap:22px;padding:0;font-size:13px;}
  .history-back {margin-block:14px;}
  .history-hero {grid-template-columns:1fr;padding:25px 22px 15px;gap:5px;border-radius:26px;}
  .history-hero h1 {font-size:44px;}
  .history-hero .eyebrow {font-size:16px;}
  .history-lead {font-size:18px;line-height:1.6;}
  .history-hero figure {max-width:250px;justify-self:center;}
  .history-hero-note {font-size:15px;margin-bottom:8px;}
  .history-facts {grid-template-columns:1fr;margin-bottom:25px;gap:10px;}
  .history-facts>div {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px 12px;padding:16px 18px;}
  .history-facts dd {font-size:24px;grid-column:2;grid-row:1/3;}
  .history-facts dt {font-size:12px;}
  .history-facts span {font-size:12px;}
  .history-articles {gap:16px;}
  .history-section {padding:23px 20px;border-radius:22px;}
  .history-section h2 {padding-left:43px;min-height:34px;}
  .history-number {top:23px;left:20px;width:30px;height:30px;font-size:14px;}
  .history-section p,.history-word p,.history-today p:not(.eyebrow) {font-size:16px;line-height:1.7;}
  .history-thought {padding:16px;}
  .history-word {padding:23px 20px;margin-block:16px 30px;}
  .history-sources li {overflow-wrap:anywhere;}
}
@media(max-width:360px) {.history-page .site-header .brand {width:175px;} .history-page .history-play {padding:9px;font-size:11px;} .history-hero h1 {font-size:39px;}}
