/* THE CHRONICLE — A curated editorial index, scoped only to stories.html.
   Images are archival exhibits, not decorative blog thumbnails. */
body.chronicle-page{background:#fbf9f4;color:#394846}
.chronicle-page .wrap{width:min(1230px,calc(100% - 68px))}
.chronicle-masthead{background:#efeae0;border-bottom:1px solid #d4cfc4;padding:clamp(58px,7vw,106px) 0 0}
.chronicle-masthead .chronicle-header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:clamp(35px,7vw,120px);align-items:end;padding-bottom:62px}
.chronicle-masthead .eyebrow{color:#9d5240;margin:0 0 19px}
.chronicle-masthead h1{font:700 clamp(56px,7.9vw,115px)/.96 var(--serif);letter-spacing:-.066em;margin:0 0 29px;color:#303c3c;max-width:910px}
.chronicle-masthead h1 em{font-style:italic;font-weight:400;color:#a15c49}
.chronicle-masthead .chronicle-intro{max-width:670px;font:clamp(19px,2vw,25px)/1.62 var(--serif);margin:0;color:#4c5957}
.chronicle-edition{border-top:1px solid #a99e8e;padding:19px 0 0}
.chronicle-edition span{display:block;font:800 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:#7f7468}
.chronicle-edition strong{display:block;font:700 clamp(54px,6vw,83px)/1 var(--serif);letter-spacing:-.08em;margin:12px 0 7px;color:#364341}
.chronicle-edition p{margin:0;font:15px/1.65 var(--serif);color:#59635f}
.chronicle-tabs{display:flex;align-items:stretch;gap:0;border-top:1px solid #cfc7bb;flex-wrap:wrap}
.chronicle-tabs a{display:flex;align-items:center;gap:12px;flex:1;min-width:154px;padding:19px 14px 19px 0;text-decoration:none;border-right:1px solid #cfc7bb;font:800 11px/1.45 var(--sans);letter-spacing:.09em;text-transform:uppercase;transition:background .18s,color .18s}
.chronicle-tabs a:last-child{border-right:0;padding-left:18px}
.chronicle-tabs a:not(:first-child){padding-left:18px}
.chronicle-tabs a span{font:600 12px/1 var(--serif);color:#ad5746;letter-spacing:0}
.chronicle-tabs a:hover{color:#a15c49;background:rgba(255,255,255,.35)}
.chronicle-page main{overflow:hidden}
.chronicle-feature-section{padding:clamp(60px,7vw,100px) 0 clamp(74px,8vw,105px);border-bottom:1px solid #d8d1c5}
.chronicle-section-kicker{font:800 11px/1.5 var(--sans);color:#965443;text-transform:uppercase;letter-spacing:.15em;margin:0 0 15px}
.chronicle-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr);gap:40px;margin-bottom:32px;align-items:end}
.chronicle-section-head h2{font:700 clamp(34px,4.6vw,60px)/1.04 var(--serif);letter-spacing:-.055em;color:#303c3c;margin:0}
.chronicle-section-head p:last-child{font:16px/1.7 var(--serif);color:#606a66;margin:0}
.chronicle-lead{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);min-height:480px;background:#303c3c;color:#f9f5ee;text-decoration:none;border:1px solid #303c3c}
.chronicle-lead-copy{padding:clamp(32px,4.3vw,66px);display:flex;flex-direction:column;align-items:start}
.chronicle-lead-label{font:800 10px/1.55 var(--sans);letter-spacing:.17em;color:#f0b6a6;text-transform:uppercase}
.chronicle-lead h3{font:700 clamp(38px,5vw,76px)/1.03 var(--serif);letter-spacing:-.06em;color:#f9f5ee;margin:22px 0 21px;max-width:650px}
.chronicle-lead h3 em{font-weight:400;color:#efb8a7}
.chronicle-lead-copy>p{font:clamp(16px,1.6vw,19px)/1.72 var(--serif);max-width:570px;color:#dfdfd5;margin:0 0 24px}
.chronicle-lead-details{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:auto;padding-top:26px;border-top:1px solid rgba(255,255,255,.24);width:100%;font:750 10px/1.5 var(--sans);letter-spacing:.10em;text-transform:uppercase;color:#dedbd1}
.chronicle-lead-cta{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #ecb7a6;margin-top:30px;padding-bottom:7px;color:#ffddcf;font:800 11px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.chronicle-lead:hover .chronicle-lead-cta,.chronicle-lead:focus-visible .chronicle-lead-cta{color:#fff;border-color:#fff}
.chronicle-lead-art{margin:0;background:#ddd5c5;padding:clamp(20px,3vw,42px);display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}
.chronicle-lead-art .chronicle-lead-matte{width:100%;max-width:460px;background:#e8e1d4;padding:14px;box-shadow:0 12px 26px rgba(40,35,27,.14);transform:rotate(-1deg)}
.chronicle-lead-art img{display:block;width:100%;max-height:330px;object-fit:contain;filter:grayscale(1) contrast(.92) sepia(.16)}
.chronicle-lead-art figcaption{margin:20px 0 0;text-align:center;max-width:390px;font:12px/1.6 var(--serif);color:#5f5b55}
.chronicle-companions{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:18px}
.chronicle-companion{display:grid;grid-template-columns:1.12fr .88fr;text-decoration:none;color:#303c3c;border:1px solid #d7d1c7;background:#f4f0e9;min-height:245px;transition:border-color .2s,transform .2s}
.chronicle-companion:hover{border-color:#a65b4b;transform:translateY(-2px)}
.chronicle-companion-copy{padding:28px 23px 26px;display:flex;flex-direction:column;min-width:0}
.chronicle-companion .chronicle-overline{font:800 10px/1.55 var(--sans);color:#995945;letter-spacing:.1em;text-transform:uppercase}
.chronicle-companion h3{font:700 clamp(24px,2.65vw,36px)/1.12 var(--serif);letter-spacing:-.04em;margin:12px 0 12px}
.chronicle-companion p{font:14px/1.62 var(--serif);margin:0 0 15px}
.chronicle-companion .chronicle-cta{margin-top:auto;font:800 10px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#a15c49;padding-top:9px}
.chronicle-companion figure{margin:0;display:flex;flex-direction:column;background:#e0dbd1;min-width:0;justify-content:center}
.chronicle-companion img{height:100%;width:100%;max-height:255px;object-fit:contain;filter:grayscale(1) sepia(.23) contrast(.93);padding:12px}
.chronicle-companion figcaption{padding:0 11px 13px;text-align:center;font:10px/1.5 var(--sans);color:#66645e}
.chronicle-chapter{padding:clamp(64px,7vw,102px) 0;border-bottom:1px solid #d8d1c5;scroll-margin-top:94px}
.chronicle-chapter:nth-of-type(even){background:#f5f1e8}
.chronicle-chapter-head{display:grid;grid-template-columns:95px minmax(0,1fr) minmax(0,.75fr);gap:clamp(18px,3vw,46px);align-items:start;padding-bottom:39px}
.chronicle-chapter-num{font:400 46px/1 var(--serif);color:#ad6656;border-top:2px solid #a55c4d;padding-top:13px;letter-spacing:-.06em}
.chronicle-chapter h2{font:700 clamp(35px,4vw,55px)/1.08 var(--serif);letter-spacing:-.045em;margin:0;color:#303c3c;max-width:560px}
.chronicle-chapter-head p{font:16px/1.7 var(--serif);margin:0;color:#64716a;max-width:420px}
.chronicle-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.chronicle-item{display:grid;grid-template-columns:105px minmax(0,1fr) 15px;gap:20px;align-items:start;text-decoration:none;color:#303c3c;border-top:1px solid #d8d1c7;padding:22px 0 24px;min-width:0}
.chronicle-item:hover h3{text-decoration:underline;text-decoration-color:#ad6656;text-underline-offset:4px}
.chronicle-thumb{margin:0;width:105px;height:115px;position:relative;background:#e3ddd2;padding:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.chronicle-thumb img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) sepia(.22) contrast(.9)}
.chronicle-thumb--photo img{object-fit:cover}
.chronicle-thumb--type{background:#ddd6c9;color:#3b4844;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:12px}
.chronicle-thumb--type>span{font:800 9px/1.4 var(--sans);letter-spacing:.10em;text-transform:uppercase;color:#8a594a;word-break:normal}
.chronicle-thumb--type>strong{font:700 31px/1.05 var(--serif);letter-spacing:-.065em;overflow-wrap:anywhere}
.chronicle-item-body{min-width:0}
.chronicle-item-meta{display:block;font:800 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:#98604f;margin-bottom:9px}
.chronicle-item h3{font:700 clamp(20px,2vw,27px)/1.2 var(--serif);letter-spacing:-.025em;margin:0 0 8px;color:#303c3c}
.chronicle-item p{font:14px/1.62 var(--serif);color:#5d6963;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chronicle-item-arrow{font:18px/1 var(--serif);color:#99604e;margin-top:39px}
.chronicle-item:hover .chronicle-item-arrow{transform:translate(2px,-2px)}
.chronicle-ending{padding:70px 0 82px;background:#eae5db}
.chronicle-ending .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}
.chronicle-ending h2{font:700 clamp(31px,4vw,53px)/1.05 var(--serif);letter-spacing:-.045em;color:#303c3c;max-width:600px;margin:0 0 13px}
.chronicle-ending p{font:16px/1.65 var(--serif);max-width:620px;margin:0}
.chronicle-ending a{display:inline-block;color:#8b473a;font:800 11px/1.5 var(--sans);white-space:nowrap;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid currentColor;padding-bottom:8px;text-decoration:none}
@media(max-width:1040px){
.chronicle-companion{grid-template-columns:1fr;min-height:0}
.chronicle-companion figure{min-height:190px;max-height:240px;order:-1}.chronicle-companion img{height:190px}
.chronicle-chapter-head{grid-template-columns:75px minmax(0,1fr)}.chronicle-chapter-head p{grid-column:2;max-width:680px}
.chronicle-entries{column-gap:18px}.chronicle-item{gap:14px;grid-template-columns:88px minmax(0,1fr) 10px}.chronicle-thumb{width:88px;height:100px}
}
@media(max-width:710px){
.chronicle-page .wrap{width:calc(100% - 38px)}
.chronicle-masthead{padding-top:54px}
.chronicle-masthead .chronicle-header{grid-template-columns:1fr;gap:30px;padding-bottom:35px}
.chronicle-masthead h1{font-size:clamp(45px,12.5vw,72px);margin-bottom:22px}
.chronicle-masthead .chronicle-intro{font-size:18px}
.chronicle-edition{display:grid;grid-template-columns:65px 1fr;gap:0 16px;align-items:center}
.chronicle-edition span{grid-column:1/-1}
.chronicle-edition strong{font-size:49px;margin:7px 0 0}
.chronicle-edition p{margin-top:8px}
.chronicle-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.chronicle-tabs a{min-width:0;border-bottom:1px solid #cfc7bb;padding:15px 12px 15px 0!important;font-size:10px}
.chronicle-tabs a:nth-child(even){padding-left:12px!important;border-right:0}
.chronicle-tabs a:nth-last-child(-n+2){border-bottom:0}
.chronicle-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:27px}
.chronicle-section-head p:last-child{font-size:15px}
.chronicle-feature-section{padding:56px 0 64px}
.chronicle-lead{grid-template-columns:1fr}
.chronicle-lead-copy{padding:32px 28px 36px}
.chronicle-lead h3{font-size:clamp(40px,10vw,59px)}
.chronicle-lead-art{padding:20px 28px 27px}
.chronicle-lead-art .chronicle-lead-matte{max-width:260px}.chronicle-lead-art img{max-height:290px}
.chronicle-companions{grid-template-columns:1fr}
.chronicle-companion{grid-template-columns:1.15fr .85fr;min-height:215px}
.chronicle-companion figure{order:0;min-height:0;max-height:none}
.chronicle-companion img{height:100%;max-height:265px}
.chronicle-chapter{padding:62px 0}
.chronicle-chapter-head{grid-template-columns:51px minmax(0,1fr);gap:15px;padding-bottom:27px}
.chronicle-chapter-num{font-size:32px;padding-top:9px}
.chronicle-chapter h2{font-size:clamp(34px,8vw,46px)}
.chronicle-chapter-head p{font-size:15px}
.chronicle-entries{grid-template-columns:1fr}
.chronicle-item{grid-template-columns:87px minmax(0,1fr) 10px;gap:14px;padding:17px 0}
.chronicle-thumb{width:87px;height:101px}
.chronicle-item h3{font-size:22px}
.chronicle-ending{padding:56px 0 66px}
.chronicle-ending .wrap{display:block}
.chronicle-ending a{margin-top:26px}
}
@media(max-width:390px){.chronicle-companion{grid-template-columns:1fr}.chronicle-companion figure{order:-1;min-height:150px}.chronicle-companion img{max-height:180px;height:180px}.chronicle-item p{-webkit-line-clamp:2}.chronicle-thumb{width:76px;height:92px}.chronicle-item{grid-template-columns:76px minmax(0,1fr) 9px;gap:10px}}
@media(prefers-reduced-motion:reduce){.chronicle-page *{scroll-behavior:auto;transition:none!important}}

/* A major but secondary chronicle feature; evidence-led without competing with Unsan's lead. */
.chronicle-chapter-lead{display:grid;grid-template-columns:1.16fr .84fr;text-decoration:none;min-height:275px;background:#eae3d8;color:#303c3c;border:1px solid #d2c5b6;margin-bottom:28px}
.chronicle-chapter-lead:hover{border-color:#a65b4b}
.chronicle-chapter-lead-copy{padding:clamp(24px,3.5vw,42px);display:flex;flex-direction:column;align-items:flex-start}
.chronicle-chapter-lead .chronicle-overline{font:800 10px/1.5 var(--sans);color:#a25c49;letter-spacing:.12em;text-transform:uppercase}
.chronicle-chapter-lead h3{font:700 clamp(28px,3.9vw,50px)/1.09 var(--serif);letter-spacing:-.055em;margin:14px 0 11px}
.chronicle-chapter-lead h3 em{color:#995742;font-weight:400}
.chronicle-chapter-lead p{font:16px/1.62 var(--serif);color:#52615c;margin:0 0 18px;max-width:610px}
.chronicle-chapter-lead .chronicle-cta{font:850 10px/1.5 var(--sans);letter-spacing:.08em;color:#9c5442;text-transform:uppercase;margin-top:auto}
.chronicle-chapter-lead-art{background:#d6cebf;padding:23px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-left:1px solid #c4b5a4}
.chronicle-chapter-lead-art small{font:800 9px/1.5 var(--sans);letter-spacing:.16em;border-bottom:2px double #5b554b;padding-bottom:6px;margin-bottom:11px}
.chronicle-chapter-lead-art strong{font:700 clamp(29px,3.2vw,43px)/1.11 var(--serif);letter-spacing:-.06em}
.chronicle-chapter-lead-art span{font:700 clamp(19px,2.1vw,29px)/1.19 var(--serif);letter-spacing:-.045em;margin:9px 0}
.chronicle-chapter-lead-art em{font:italic 13px/1.5 var(--serif);margin-top:6px;color:#846150}
@media(max-width:710px){.chronicle-chapter-lead{grid-template-columns:1fr}.chronicle-chapter-lead-art{border-left:0;border-top:1px solid #c4b5a4;padding:28px 20px}.chronicle-chapter-lead-copy{padding:27px}}

/* Original cropped newspaper photograph as the Kennedy editorial feature image. */
.chronicle-chapter-lead-art{margin:0;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}
.chronicle-chapter-lead-art img{width:auto;max-width:100%;height:280px;object-fit:contain;filter:grayscale(1) sepia(.2);box-shadow:0 5px 12px rgba(70,60,50,.13)}
.chronicle-chapter-lead-art figcaption{font:11px/1.5 var(--sans);text-align:center;color:#675f56}
@media(max-width:710px){.chronicle-chapter-lead-art{min-height:210px}.chronicle-chapter-lead-art img{height:210px}}
