/* Phase 4B isolated comparison. Existing site shell, tokens and CTA are unchanged. */
body[data-page="about"] .archive-page{overflow-x:visible;}
.archive-page .archive-breadcrumb{padding-block:28px 40px;font-size:12px;color:var(--muted);}
.archive-page .archive-breadcrumb a{color:inherit;}
.archive-page .archive-heading{margin-bottom:38px;}
.archive-page .archive-heading h1{margin:14px 0 0;color:var(--text);font-family:var(--font-serif);font-size:clamp(30px,3vw,36px);font-weight:400;line-height:1.45;letter-spacing:.05em;text-wrap:balance;}
.archive-page a{color:inherit;}
.archive-page a:hover{color:var(--gold);}
.archive-page .candidate-note{font-size:var(--type-note);line-height:1.9;color:var(--muted);margin-block:24px;}
.archive-index{border-top:1px solid var(--line);}
.archive-index-row{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none;}
.archive-index-row strong{font-family:var(--font-serif);font-size:22px;font-weight:500;letter-spacing:.02em;}
.archive-index-row small{display:block;color:var(--muted);font-size:13px;margin-top:10px;line-height:1.8;}
.read-index{border-top:1px solid var(--line);}
.read-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;}
.read-row .about-label{grid-column:1/-1;line-height:1.6;}
.archive-page .read-title{font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1.55;letter-spacing:.02em;margin:0;text-wrap:balance;}
.archive-page .read-title-copy{font-weight:500!important;}
.read-row small{color:var(--muted);font-size:11px;}
.archive-page .reading{max-width:var(--kdj-content-text);font-size:var(--type-reading);line-height:var(--kdj-leading-body);}
.archive-page .article-meta{font-size:12px;color:var(--muted);line-height:1.8;}
.archive-page .article-intro{margin-block:28px;font-size:16px;line-height:1.9;}
.archive-page .reading h2,.archive-page .archive-section h2{font-family:var(--font-serif);font-size:clamp(24px,2.3vw,30px);font-weight:500;line-height:1.6;letter-spacing:.02em;text-wrap:balance;}
.archive-page .reading h2{margin:52px 0 24px;}
.archive-page .reading h3{font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1.6;margin:32px 0 18px;text-wrap:balance;}
.archive-page .reading p{margin-block:24px;text-wrap:pretty;}
.archive-page .read-figure{margin:36px 0;max-width:460px;}
.archive-page .read-figure img,.archive-page .voice-group img{width:100%;height:auto;display:block;}
.archive-page figcaption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px;}
.archive-chart{margin:32px 0;border-block:1px solid var(--line);padding-block:20px;}
.chart-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;}
.chart-data dl{margin:0;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;}
.chart-data dt{font-weight:500;margin-bottom:8px;}.chart-data dd{margin:0;}
.article-note{border-top:1px solid var(--line);margin-top:48px;}
.archive-page .article-note h2{font-size:22px;}
.archive-back{margin-block:48px;}
.reading-section{padding-block:28px;border-bottom:1px solid var(--line);}
.archive-page .reading-section h2{margin-top:18px;}
.archive-sections{display:flex;flex-wrap:wrap;gap:24px;margin-block:40px;font-size:13px;}
.archive-section{padding-top:56px;scroll-margin-top:100px;}
.media-web-row{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start;}
.media-web-row img{width:100%;height:180px;object-fit:contain;object-position:left top;}
.media-web-row h3{font-family:var(--font-serif);font-size:22px;line-height:1.55;font-weight:500;margin:12px 0;}
.media-web-row p{font-size:14px;line-height:1.9;max-width:560px;}
.media-web-row a{font-size:13px;}
.media-documents{max-width:var(--kdj-content-wide);}
.media-documents figure{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;margin:0;padding:40px 0;border-bottom:1px solid var(--line);}
.media-documents img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;object-position:left top;}
.media-documents figcaption{margin:0;}
.media-documents dl{margin-top:24px;}
.media-documents dl div{margin-top:16px;}.media-documents dt{color:var(--muted);}.media-documents dd{margin:6px 0 0;color:var(--text);}
.voice-portraits{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;margin-block:44px 24px;}
.voice-portraits svg{width:100%;height:auto;display:block;}
.voice-words{border-block:1px solid var(--line);padding:18px 0;columns:2;column-gap:40px;}
.archive-page .voice-words p{font-family:var(--font-serif);font-size:21px;line-height:1.7;font-weight:500;break-inside:avoid;margin:22px 0;}
.voice-source{margin:28px 0;font-size:13px;}
.voice-group{margin:52px 0;}
.about-archive-link{margin-top:48px;padding-block:24px;border-top:1px solid var(--line);max-width:760px;}
.about-archive-link p:not(.about-label){font-size:13px;color:var(--muted);line-height:1.8;}
.about-archive-link a{color:var(--text);font-size:13px;text-decoration:none;}
.about-archive-link a span{color:var(--gold);margin-left:12px;}
#archive-history-link{scroll-margin-top:120px;}
@media(max-width:900px){.archive-page .archive-breadcrumb{padding-top:24px;}.archive-index-row{grid-template-columns:150px 1fr auto;}.media-documents figure{grid-template-columns:minmax(0,1fr) 180px;gap:24px;}}
@media(max-width:600px){.archive-index-row{grid-template-columns:1fr auto;gap:14px;}.archive-index-row .about-label{grid-column:1/-1;}.archive-page .read-title{font-size:21px;}.read-row small{grid-column:1/-1;}.media-web-row{grid-template-columns:1fr;gap:20px;}.media-web-row img{height:160px;}.media-documents figure{grid-template-columns:1fr;gap:24px;}.media-documents figcaption dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.media-documents dl div{margin:0;}.chart-data{grid-template-columns:1fr;}.voice-portraits{grid-template-columns:repeat(3,minmax(0,1fr));max-width:300px;gap:16px;}.voice-words{columns:1;}.archive-page .archive-heading h1{font-size:30px;letter-spacing:.05em;}.archive-page .reading h3{font-size:21px;}}