/* Mercury-informed editorial design; a continuous blog, with artwork and readable excerpts. */
/* Clear white, deep navy and a decisive blue accent for financial explainers. */
:root {
 --paper:#ffffff;
 --white:#ffffff;
 --ink:#12213a;
 --muted:#56657a;
 --line:#dce3ec;
 --line-strong:#7d8ba0;
 --accent:#1556b4;
 --accent-hover:#10428d;
 --accent-soft:#eaf1fd;
 --wash:#f1f5fa;
 --chart-primary:#1556b4;
 --chart-secondary:#6d86a6;
 --chart-track:#d9e3f0;
 --success:#176447;
 --success-soft:#eaf6ef;
 --negative:#b33d36;
 --negative-soft:#fcefee;
 --footer:#101f37;
 --footer-text:#ffffff;
 --footer-muted:#b9c9e0;
 --footer-line:#3e5270;
 /* Compatibility aliases for the existing shared components. */
 --purple:var(--accent);
 --acid:var(--accent-soft);
 --radius-art:3px;
 --radius-panel:3px;
 --gutter:clamp(22px,3.8vw,56px);
}
.shell { max-width:1440px; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline-color:var(--purple); }
.site-header { border-bottom:1px solid var(--line); }
.header-inner { min-height:90px; display:flex; align-items:center; gap:36px; }
.site-brand { font:400 2.625rem/1.1 var(--serif); letter-spacing:-.035em; white-space:nowrap; }
.site-brand>span { font-style:italic; }
.journal-nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
.journal-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.9375rem; }
.journal-nav a:hover,.journal-nav a[aria-current] { text-decoration:underline; text-underline-offset:7px; text-decoration-color:var(--purple); }
.brand-origin { border-left:1px solid var(--line); padding-left:32px; font-size:.875rem; color:var(--muted); white-space:nowrap; }
.brand-origin strong { font-size:1.0625rem; font-weight:600; letter-spacing:-.035em; color:var(--ink); }
.brand-origin:hover { text-decoration:underline; text-underline-offset:5px; }
.browse-intro { padding-block:42px 36px; }
.browse-intro h1 { font:400 clamp(42px,4.6vw,64px)/1.09 var(--serif); letter-spacing:-.026em; text-wrap:balance; }
.browse-intro h1 em { font-weight:400; color:var(--accent); }
.browse-intro>p { margin-top:14px; max-width:65ch; font-size:1.0625rem; line-height:1.65; color:var(--muted); }
.topic-nav { display:flex; align-items:center; flex-wrap:wrap; gap:0 30px; border-bottom:1px solid var(--line); }
.topic-nav a { display:inline-flex; align-items:center; min-height:52px; border-bottom:2px solid transparent; margin-bottom:-1px; color:var(--muted); font-size:.9375rem; }
.topic-nav a:hover { color:var(--ink); }
.topic-nav a[aria-current] { border-color:var(--accent); color:var(--accent); }
.journal-layout { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:clamp(36px,4.5vw,68px); align-items:start; }
.reading-grid { display:flex; flex-direction:column; gap:0; padding-bottom:40px; }
.reading-tile { min-width:0; padding-block:34px 38px; border-bottom:1px solid var(--line); }
.reading-tile:last-child { border-bottom:0; }
.reading-meta { display:flex; align-items:center; justify-content:space-between; gap:12px 20px; margin-bottom:17px; }
.reading-meta>time { font-size:.875rem; color:var(--muted); white-space:nowrap; }
.story-meta { gap:14px; }
.story-meta .category { padding:0; border:0; background:none; font:500 .8125rem/1.4 var(--sans); text-transform:uppercase; letter-spacing:.055em; color:var(--purple); }
.story-meta .series { font:400 .875rem/1.4 var(--sans); color:var(--muted); }
.story-meta .category::before,.story-meta .series::before { display:none; }
.reading-entry { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); align-items:start; gap:clamp(24px,2.7vw,40px); }
.reading-entry:focus-visible { outline:2px solid var(--purple); outline-offset:8px; }
.reading-copy { min-width:0; }
.reading-copy h2,.reading-copy h3 { font:400 clamp(30px,2.8vw,42px)/1.09 var(--serif); letter-spacing:-.018em; text-wrap:balance; }
.reading-entry:hover h2,.reading-entry:hover h3,.reading-entry:focus-visible h2,.reading-entry:focus-visible h3 { color:var(--purple); }
.reading-caption { margin-top:16px; font-size:1rem; line-height:1.75; color:var(--muted); }
.reading-art { overflow:hidden; background:var(--wash); border-radius:var(--radius-art); aspect-ratio:4/3; }
.reading-art>.editorial-image { width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.65,.3,1); }
.reading-entry:hover .editorial-image { transform:scale(1.025); }
.post-end { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; margin-top:22px; font-size:.875rem; }
.post-author { color:var(--ink); }
.post-author>span { color:var(--muted); }
.post-continue { display:inline-flex; align-items:center; gap:12px; color:var(--purple); white-space:nowrap; }
.post-continue .arrow { font-size:1rem; }
.reading-entry:hover .post-continue .arrow { transform:translateX(3px); }
.reading-art .mini-visual { aspect-ratio:auto; width:100%; height:100%; min-height:0; padding:clamp(20px,2vw,30px); background:var(--wash); color:var(--ink); gap:12px; }
.reading-art .mini-visual span { font:400 .875rem/1.4 var(--sans); }
.reading-art .mini-diversify .mini-foot { color:var(--muted); font-size:.8125rem; }
.reading-art .mini-bars { height:110px; padding:0; max-width:none; gap:28px; }
.reading-art .mini-bars b { font:400 1.25rem/1 var(--sans); }
.reading-art .mini-bars i { background:var(--chart-primary); }
.reading-art .mini-bars>div:last-child i { background:var(--chart-secondary); }
.journal-about { padding-top:35px; }
.browse-label { display:block; font-size:.8125rem; line-height:1.5; color:var(--muted); margin-bottom:16px; }
.journal-about h2 { font:400 2.25rem/1.12 var(--serif); letter-spacing:-.02em; }
.journal-about h2 em { font-weight:400; }
.journal-about>p { margin-top:20px; font-size:1rem; line-height:1.8; color:var(--muted); }
.text-link { font-weight:500; color:var(--purple); border-bottom-color:var(--line); }
.journal-about>.text-link { margin-top:13px; font-size:.875rem; }
.series-guide { display:flex; flex-direction:column; gap:20px; padding-top:28px; margin-top:34px; border-top:1px solid var(--line); }
.series-guide .browse-label { margin-bottom:0; }
.series-guide p { display:flex; flex-direction:column; gap:6px; }
.series-guide a { width:fit-content; font:400 1.5625rem/1.2 var(--serif); }
.series-guide a:hover { color:var(--purple); }
.series-guide p>span { font-size:.875rem; line-height:1.65; color:var(--muted); }
.browse-intro--archive { display:flex; align-items:end; justify-content:space-between; gap:32px; padding-block:48px 36px; }
.browse-intro--archive h1 { font-size:clamp(52px,5.2vw,72px); }
.browse-intro--archive>div>p { max-width:43ch; font-size:1.0625rem; line-height:1.7; color:var(--muted); }
.browse-count { display:block; margin-top:12px; font-size:.875rem; color:var(--muted); }
.browse-archive .reading-grid { max-width:1050px; }
.browse-archive .reading-entry { grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr); }
.browse-archive .reading-tile { padding-block:36px 42px; }
.read-next { border-top:1px solid var(--line); padding-top:34px; max-width:1240px; }
.reading-section-head { display:flex; justify-content:space-between; align-items:baseline; gap:20px; }
.reading-section-head h2 { font:400 2.5rem/1.15 var(--serif); }
.reading-section-head .text-link { border:0; }
.reading-grid--related .reading-entry { grid-template-columns:210px minmax(0,1fr); }
.reading-grid--related .reading-copy h3 { font-size:clamp(29px,2.6vw,36px); }
.reading-grid--related .reading-caption { max-width:65ch; margin-top:12px; }
.reading-grid--related .reading-art .mini-visual { padding:17px; gap:8px; }
.reading-grid--related .mini-diversify .mini-foot { display:none; }
.reading-grid--related .reading-art .mini-visual>span:first-child { display:none; }
.casual-footer { --ink:var(--footer-text); --muted:var(--footer-muted); --line:var(--footer-line); --purple:var(--footer-text); --accent:var(--footer-text); padding-block:38px 20px; background:var(--footer); color:var(--footer-text); border-top:1px solid var(--line); }
.casual-footer .text-link { border-color:var(--footer-muted); }
.casual-footer a:hover { color:var(--white); }
.casual-footer a:focus-visible { outline-color:var(--footer-text); }
.casual-footer ::selection { background:var(--footer-muted); color:var(--footer); }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.footer-top .site-brand { font-size:2.375rem; }
.footer-top p { margin-top:16px; color:var(--muted); font-size:.9375rem; line-height:1.75; }
.footer-study { display:flex; flex-direction:column; align-items:start; gap:7px; }
.footer-study>span { font-size:.9375rem; color:var(--muted); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 28px; margin-top:30px; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:.875rem; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:8px 24px; }
.footer-bottom a { display:inline-flex; align-items:center; min-height:44px; }
.footer-bottom a:hover { text-decoration:underline; text-underline-offset:5px; }
.footer-info a { color:var(--ink); }

/* Publication information uses the same quiet, readable rhythm as the blog. */
.header-utility { display: flex; align-items: center; gap: 23px; }
.header-about { display: inline-flex; align-items: center; min-height: 44px; font-size: .9375rem; }
.header-about:hover, .header-about[aria-current="page"], .footer-info a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.header-about[aria-current="page"], .footer-info a[aria-current="page"] { font-weight: 600; }
.about-reading-more { margin-top: 22px; font-size: .875rem; }
.footer-info { margin-left: 10px; }
.info-page { max-width: 1220px; }
.info-intro { padding-block: 48px 46px; }
.info-intro h1 { font: 550 clamp(40px, 4.7vw, 66px)/1.09 var(--sans); letter-spacing: -.04em; max-width: 24ch; text-wrap: balance; }
.info-intro h1 em { font: italic 400 1.1em/1 var(--serif); color: var(--purple); }
.info-intro > p { margin-top: 26px; max-width: 58ch; font-size: 1.1875rem; line-height: 1.7; color: var(--muted); }
.about-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); gap: 54px; padding-block: 34px 42px; border-top: 1px solid var(--line); }
.about-section > h2 { font: 500 clamp(25px, 2.6vw, 32px)/1.2 var(--sans); letter-spacing: -.03em; }
.about-copy > p, .about-formats p { font-size: 1.0625rem; line-height: 1.8; }
.about-copy > p + p { margin-top: 18px; }
.about-topics { margin-top: 28px; }
.about-topics a { display: grid; grid-template-columns: 100px minmax(0, 1fr) 22px; gap: 18px; align-items: baseline; padding-block: 17px; border-top: 1px dashed #bfc5b3; }
.about-topics strong { font-size: 1rem; font-weight: 600; }
.about-topics span:not(.arrow) { font-size: .9375rem; line-height: 1.6; color: var(--muted); }
.about-topics a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.about-topics .arrow { justify-self: end; }
.about-formats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.about-formats a { display: inline-flex; align-items: center; gap: 15px; padding-bottom: 13px; font: italic 400 2rem/1 var(--serif); color: var(--purple); }
.about-formats a:hover { text-decoration: underline; text-underline-offset: 5px; }
.about-formats p { font-size: 1rem; }
.about-cairn { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.3fr); gap: 48px; margin-top: 8px; padding: 38px; border-radius: 18px; background: var(--purple); color: var(--white); }
.about-cairn .browse-label { color: #e3dffc; }
.about-cairn h2 { font: 500 clamp(29px, 3vw, 40px)/1.16 var(--sans); letter-spacing: -.03em; }
.about-cairn p { font-size: 1.0625rem; line-height: 1.75; }
.about-cairn p + p { margin-top: 16px; }
.about-cairn .text-link { margin-top: 16px; color: var(--acid); border-color: var(--acid); }
.about-cairn a:focus-visible { outline-color: var(--acid); }
.info-return { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px 30px; padding-block: 30px 46px; }
.info-return > a:not(.text-link) { display: inline-flex; align-items: center; min-height: 44px; font-size: .9375rem; color: var(--muted); text-decoration: underline; text-underline-offset: 4px; }
.terms-intro { padding-bottom: 35px; }
.terms-intro > p { margin-top: 18px; }
.terms-intro .terms-updated { font-size: .875rem; margin-top: 14px; }
.policy-layout { display: grid; grid-template-columns: 215px minmax(0, 690px); justify-content: space-between; gap: 54px; padding-top: 28px; border-top: 1px solid var(--line); }
.policy-nav { position: sticky; top: 24px; align-self: start; }
.policy-nav > span { font-size: .875rem; font-weight: 600; }
.policy-nav ol { list-style: none; padding: 16px 0 0; margin: 0; }
.policy-nav li { margin-bottom: 10px; }
.policy-nav a { display: block; font-size: .9375rem; line-height: 1.5; padding: 5px 0 5px 12px; border-left: 2px solid transparent; color: var(--muted); }
.policy-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.policy-nav a[aria-current="location"] { color: var(--ink); font-weight: 600; border-color: var(--purple); }
.policy-copy { min-width: 0; }
.policy-copy section { padding-bottom: 32px; }
.policy-copy h2 { font: 550 1.5rem/1.3 var(--sans); letter-spacing: -.02em; margin-bottom: 14px; scroll-margin-top: 32px; }
.policy-copy p { font-size: 1.0625rem; line-height: 1.85; }
.policy-copy p + p { margin-top: 14px; }
.terms-page .info-return { border-top: 1px solid var(--line); padding-top: 20px; }
@media (max-width: 1050px) {
  .header-utility .brand-origin { display: none; }
  .about-section { gap: 36px; }
  .about-cairn { gap: 30px; padding: 30px; }
  .policy-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 38px; }
}
@media (max-width: 900px) {
  .header-inner { flex-wrap: wrap; gap: 18px; }
  .header-utility { margin-left: auto; }
  .topic-nav { order: 2; width: 100%; margin-left: 0; justify-content: space-between; }
}
@media (max-width: 760px) {
  .info-intro { padding-block: 30px 32px; }
  .info-intro h1 { font-size: clamp(38px, 6.5vw, 50px); }
  .info-intro > p { font-size: 1.0625rem; margin-top: 22px; }
  .about-section { grid-template-columns: 1fr; gap: 20px; padding-block: 28px 32px; }
  .about-section > h2 br { display: none; }
  .about-cairn { grid-template-columns: 1fr; gap: 25px; padding: 28px; }
  .about-cairn h2 { font-size: 34px; }
  .footer-info { margin-left: 0; }
  .policy-layout { display: block; padding-top: 0; border-top: 0; }
  .policy-nav { display: none; }
  .policy-copy h2 { font-size: 1.375rem; }
  .policy-copy p { font-size: 1rem; }
  .terms-intro .terms-updated { font-size: .875rem; margin-top: 14px; }
}
@media (max-width: 580px) {
  .about-topics a { grid-template-columns: minmax(0, 1fr) 22px; gap: 7px 14px; }
  .about-topics span:not(.arrow) { grid-column: 1; grid-row: 2; }
  .about-topics .arrow { grid-column: 2; grid-row: 1; }
  .about-formats { grid-template-columns: 1fr; gap: 26px; }
  .about-cairn { padding: 24px; }
  .about-cairn h2 { font-size: 30px; }
  .info-return { align-items: start; flex-direction: column; gap: 12px; }
}



/* Quiet article pages and shared publication typography. */
.article-header { max-width:1000px; padding-block:50px 34px; }
.article-header .story-meta { justify-content:center; }
.article-header h1 { max-width:26ch; margin:22px auto; text-align:center; font:400 clamp(40px,4.8vw,68px)/1.07 var(--serif); letter-spacing:-.025em; }
.article-header .article-deck { max-width:57ch; margin-inline:auto; font-size:1.1875rem; line-height:1.75; color:var(--muted); text-align:center; }
.article-byline { justify-content:center; border:0; padding:0; margin-top:23px; font-size:.875rem; gap:8px 24px; }
.article-byline strong { font-weight:500; }
.article-hero,.comparison-hero { max-width:1100px; }
.article-hero img { height:auto; border-radius:3px; aspect-ratio:1.9; object-position:center 43%; }
.article-hero figcaption { padding-top:11px; font-size:.8125rem; line-height:1.6; }
.article-layout { max-width:1180px; grid-template-columns:180px minmax(0,660px); gap:clamp(36px,5vw,80px); padding-top:48px; }
.article-aside { top:25px; }
.article-aside>span { font:500 .8125rem/1.5 var(--sans); text-transform:none; letter-spacing:0; }
.article-aside ol { border-color:var(--line); }
.article-aside a { padding-block:7px; }
.article-aside a[aria-current="location"] { border-color:var(--purple); color:var(--purple); font-weight:500; }
.article-aside .aside-subject span { font:400 .8125rem/1.5 var(--sans); }
.aside-subject p { font-size:.875rem; line-height:1.75; }
.prose { font-size:1.125rem; line-height:1.9; }
.prose>p:first-child { font-size:1.25rem; line-height:1.85; }
.prose h2 { font:400 clamp(30px,3vw,39px)/1.18 var(--serif); letter-spacing:-.015em; margin-top:42px; }
.prose h2:target,.policy-copy h2:target { text-decoration:underline; text-decoration-color:var(--purple); text-decoration-thickness:1px; text-underline-offset:7px; }
.pull-line { border-color:var(--line-strong); font-size:clamp(30px,3.1vw,40px); }
.comparison-hero-inner { background:var(--wash); color:var(--ink); border:1px solid var(--line); border-radius:3px; }
.comparison-hero-inner>div+div { border-color:var(--line-strong); }
.comparison-hero-inner span { font:400 .875rem/1.5 var(--sans); }
.comparison-hero-inner strong { font-weight:400; }
.comparison-hero-inner>div:last-child strong { color:var(--purple); }
.prose .figure-panel { background:var(--wash); border:1px solid var(--line); border-radius:3px; padding:clamp(20px,2.5vw,30px); }
.figure-top { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 20px; margin-bottom:24px; }
.figure-top strong { font-size:1.0625rem; }
.figure-top>span { font:400 .8125rem/1.5 var(--sans); text-transform:none; margin:0; }
.figure-caption { font-size:.875rem; line-height:1.7; color:var(--muted); }
.prose .formula { font-size:.875rem; line-height:1.8; padding:14px 16px; background:var(--white); border:0; border-radius:3px; }
.price-comparison .big-number,.comparison-hero-inner strong,.basket-steps strong { font-variant-numeric:tabular-nums lining-nums; }
.basket-steps>div { border-color:var(--line-strong); }
.basket-steps>div:last-child { border-color:var(--purple); }
.cash-ledger div { border-color:var(--line); gap:16px; }
.price-comparison>div+div { border-color:var(--line-strong); }
.cash-ledger .negative-number { color:var(--negative); }
.cash-ledger .total strong.negative-number { background:var(--negative-soft); }
.cash-ledger .total strong { border-radius:2px; }
.risk-track { height:23px; border-radius:3px; background:var(--chart-track); overflow:hidden; }
.risk-track>span { border-radius:inherit; background:var(--chart-primary); }
.correlation-range { accent-color:var(--purple); }
.range-ends { font-size:.875rem; }
.learning-sample { margin-top:44px; border:1px solid var(--line); border-radius:5px; }
.learning-sample h2 { font-family:var(--serif); }
.sample-heading .eyebrow { border-radius:3px; text-transform:none; font:500 .875rem/1.4 var(--sans); letter-spacing:0; padding:6px 10px; color:var(--accent); }
.sample-subject { font-size:.875rem; }
.sample-option { border-radius:3px; border-color:var(--line-strong); }
.sample-option:hover { border-color:var(--accent); background:var(--paper); }
.sample-option:has(input:checked) { border-color:var(--purple); background:var(--accent-soft); box-shadow:inset 3px 0 var(--purple); }
.sample-option input { accent-color:var(--purple); }
.sample-option:focus-within,.sample-feedback:focus-visible { outline:2px solid var(--purple); outline-offset:5px; }
form[data-quiz-state="answered"] .sample-option[data-answer-state="correct"] { background:var(--success-soft); border-color:var(--success); box-shadow:inset 3px 0 var(--success); }
form[data-quiz-state="answered"] .sample-option[data-answer-state="correct"] .option-verdict { color:var(--success); }
form[data-quiz-state="answered"] .sample-option[data-answer-state="selected"] { background:var(--accent-soft); border-color:var(--purple); }
.sample-option[data-answer-state="other"] { color:var(--muted); }
.option-verdict,.result-status { font:500 .875rem/1.5 var(--sans); }
.learning-sample .btn { background:var(--purple); border-color:var(--purple); border-radius:5px; }
.learning-sample .btn:hover { background:var(--accent-hover); border-color:var(--accent-hover); }
.source-ref { min-width:24px; padding:3px; color:var(--purple); background:var(--accent-soft); text-decoration:none; border-radius:3px; line-height:1.2; }
.source-ref:hover { background:var(--accent); color:var(--white); }
.sources { border-color:var(--line); }
.sources h2 { font:500 1.0625rem/1.4 var(--sans); }
.sources li { padding:10px 8px 12px 7px; margin:0; border-bottom:1px solid var(--line); scroll-margin-top:30px; }
.sources li:last-child { border-bottom:0; }
.sources li::marker { color:var(--muted); font-size:.875rem; }
.sources li:target { background:var(--accent-soft); box-shadow:-3px 0 var(--purple); }
.sources li:focus-visible { outline:2px solid var(--purple); outline-offset:4px; }
.sources a { text-decoration-color:var(--line-strong); line-height:1.65; }
.sources a:hover { text-decoration-color:var(--purple); }
.source-open { display:inline-block; margin-left:4px; color:var(--muted); }
.info-intro h1 { font:400 clamp(43px,4.8vw,66px)/1.08 var(--serif); letter-spacing:-.025em; }
.info-intro h1 em { font:italic 400 1em/1.08 var(--serif); color:var(--ink); }
.info-intro>p { line-height:1.8; font-size:1.125rem; }
.about-section>h2 { font:400 clamp(29px,2.7vw,36px)/1.17 var(--serif); letter-spacing:-.015em; }
.about-copy>p { line-height:1.85; }
.about-topics a { border-style:solid; border-color:var(--line); }
.about-topics strong { font-weight:500; }
.about-formats a { font-style:normal; min-height:44px; }
.about-cairn { background:var(--wash); color:var(--ink); border:1px solid var(--line); border-radius:3px; }
.about-cairn .browse-label { color:var(--muted); }
.about-cairn h2 { font:400 clamp(32px,3.4vw,44px)/1.1 var(--serif); }
.about-cairn .text-link { color:var(--purple); border-color:var(--line); }
.about-cairn a:focus-visible { outline-color:var(--purple); }
.policy-copy h2 { font:400 1.875rem/1.3 var(--serif); }
.policy-copy section+section { border-top:1px solid var(--line); padding-top:26px; }
.policy-nav a[aria-current="location"] { color:var(--purple); background:var(--accent-soft); }
.mobile-contents { border-color:var(--line); }
.mobile-contents a[aria-current="location"] { color:var(--accent); }
@media(max-width:1100px) {
 .reading-art .mini-diversify .mini-foot { display:none; }
 .journal-layout { grid-template-columns:minmax(0,1fr); }
 .journal-about { display:grid; grid-template-columns:1fr 1.5fr; gap:12px 42px; border-top:1px solid var(--line); padding-block:32px 38px; }
 .journal-about>.browse-label { grid-column:1; }
 .journal-about>h2 { grid-column:1; grid-row:2; }
 .journal-about>p { grid-column:2; grid-row:1/3; margin:0; }
 .journal-about>.text-link { grid-column:1; justify-self:start; }
 .journal-about .series-guide { grid-column:2; grid-row:3; margin:0; border:0; padding:0; flex-direction:row; gap:25px; }
 .journal-about .series-guide>.browse-label { display:none; }
 .article-layout { grid-template-columns:154px minmax(0,660px); gap:32px; }
 .reading-entry { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
}
@media(max-width:900px) { .header-inner { flex-wrap:nowrap; } .topic-nav { width:auto; justify-content:start; } }
@media(max-width:760px) {
 .reading-art .mini-visual>span:first-child { display:none; }
 .header-inner { min-height:78px; gap:22px; }
 .site-brand { font-size:2.375rem; }
 .brand-origin { display:none; }
 .journal-nav { gap:20px; }
 .browse-intro { padding-block:32px 28px; }
 .browse-intro>p { font-size:1rem; }
 .topic-nav { column-gap:24px; }
 .reading-entry { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:22px; }
 .reading-copy h2 { font-size:32px; }
 .reading-caption { font-size:1rem; line-height:1.75; margin-top:12px; }
 .post-end { margin-top:16px; gap:10px; }
 .reading-art .mini-visual { padding:18px; }
 .reading-art .mini-diversify .mini-foot { display:none; }
 .browse-intro--archive { display:block; }
 .browse-intro--archive>div+div { margin-top:20px; }
 .article-header { padding-block:34px 28px; }
 .article-header h1 { font-size:clamp(39px,6.7vw,52px); }
 .article-header .article-deck { font-size:1.0625rem; line-height:1.75; }
 .article-hero img { aspect-ratio:1.5; }
 .article-layout { display:block; padding-top:28px; }
 .article-aside { display:none; }
 .prose>p:first-child { font-size:1.1875rem; }
 .prose h2 { font-size:32px; }
 .prose .figure-panel { margin-inline:0; }
 .figure-top>span { margin-top:0; }
 .reading-grid--related .reading-entry { grid-template-columns:170px minmax(0,1fr); gap:24px; }
 .reading-grid--related .reading-copy h3 { font-size:30px; }
 .reading-grid--related .reading-caption { display:none; }
 .reading-grid--related .reading-art .mini-visual { padding:15px; }
 .reading-grid--related .reading-art .mini-visual>span:first-child { display:none; }
 .info-intro h1 { font-size:clamp(40px,6.5vw,52px); }
 .about-section>h2 { font-size:32px; }
 .about-cairn h2 { font-size:36px; }
}
@media(max-width:580px) {
 .reading-art:has(.mini-diversify) { min-height:260px; }
 .reading-art .mini-visual>span:first-child { display:block; }
 .header-inner { min-height:74px; gap:16px; }
 .journal-nav { gap:16px; }
 .journal-nav a { font-size:.875rem; }
 .site-brand { font-size:2.125rem; }
 .browse-intro h1 { max-width:12ch; font-size:48px; }
 .topic-nav { justify-content:space-between; column-gap:14px; }
 .topic-nav a { font-size:.875rem; min-height:48px; }
 .reading-tile,.browse-archive .reading-tile { padding-block:26px 32px; }
 .reading-entry,.browse-archive .reading-entry,.reading-grid--related .reading-entry { grid-template-columns:minmax(0,1fr); gap:22px; }
 .reading-meta { gap:10px; }
 .reading-meta>time,.story-meta .series { font-size:.8125rem; }
 .story-meta { gap:10px; }
 .reading-art { aspect-ratio:4/3; }
 .reading-copy h2,.reading-grid--related .reading-copy h3 { font-size:37px; }
 .reading-caption { font-size:1rem; margin-top:14px; }
 .post-end { margin-top:20px; }
 .reading-art .mini-visual { padding:28px; }
 .reading-art .mini-diversify .mini-foot { display:block; }
 .reading-grid--related .reading-caption { display:block; }
 .reading-grid--related .reading-art .mini-visual { padding:28px; }
 .reading-grid--related .reading-art .mini-visual>span:first-child { display:block; }
 .reading-section-head h2 { font-size:2.125rem; }
 .reading-section-head .text-link { font-size:.875rem; gap:10px; }
 .journal-about { display:block; }
 .journal-about h2 br { display:none; }
 .journal-about>p { margin-top:18px; }
 .journal-about>.text-link { margin-top:14px; }
 .journal-about .series-guide { margin-top:26px; gap:26px; }
 .article-header h1 { font-size:43px; text-align:left; }
 .article-header .article-deck { text-align:left; }
 .article-header .story-meta,.article-byline { justify-content:start; }
 .article-byline { gap:8px 18px; }
 .article-hero img { aspect-ratio:4/3; }
 .footer-top { flex-direction:column; align-items:start; gap:28px; }
 .footer-bottom { align-items:start; flex-direction:column; }
}
@media(max-width:370px) {
 .site-brand { font-size:1.875rem; }
 .journal-nav { gap:12px; }
 .reading-copy h2,.reading-grid--related .reading-copy h3 { font-size:33px; }
 .article-header h1 { font-size:38px; }
 .cash-ledger div { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
 .cash-ledger strong { font-size:1.0625rem; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) { .reading-entry:hover .editorial-image { transform:none; } }