/* The chronology is a researched visual essay, not a decorative timeline. */
.timeline-teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:72px 0 0;padding:0;border-radius:16px;background:#203f43;color:#faf3e6;overflow:hidden;min-height:322px;box-shadow:0 17px 50px #1a3b3714}
.timeline-teaser-copy{padding:39px 47px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.timeline-teaser .section-kicker{color:#c4ae82}
.timeline-teaser h3{font:500 clamp(25px,2.55vw,33px)/1.55 var(--serif);margin:12px 0 11px;color:#f9f5e9}
.timeline-teaser p{font-size:12px;line-height:1.9;color:#c0d1cb;max-width:425px;margin:0 0 22px}
.timeline-teaser .btn{background:#e1cd9d;color:#233f3e;border-radius:6px}
.timeline-teaser .btn:hover{background:#f4dda9}
.timeline-teaser-dates{display:flex;flex-direction:column;justify-content:center;gap:0;padding:24px 48px 24px 34px;background:radial-gradient(ellipse at top right,#54807835,transparent 78%);position:relative}
.timeline-teaser-dates:before{content:'';position:absolute;top:46px;bottom:46px;left:42px;width:1px;background:#b0b99b70}
.timeline-teaser-dates div{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:17px;padding:17px 0;position:relative}
.timeline-teaser-dates div:before{content:'';position:absolute;left:5px;top:50%;width:7px;height:7px;border-radius:50%;background:#d5ba80;transform:translateY(-50%);box-shadow:0 0 0 4px #213e41}
.timeline-teaser-dates strong{font:500 40px/1.1 Georgia,serif;letter-spacing:-1px;color:#f2dfb3;padding-left:20px}
.timeline-teaser-dates span{font-size:12px;color:#d2ddd5}
.chronicle-section{padding-top:62px;padding-bottom:110px;min-height:calc(100vh - 230px)}
.chronicle-section .section-heading-row{margin-bottom:22px}
.chronicle-tools{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 29px;border-bottom:1px solid #dbe3dc;padding-bottom:26px}
.chronicle-filter{border:1px solid #d6e0d8;background:#fffefa;border-radius:100px;color:#56766c;padding:9px 17px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s}
.chronicle-filter.active{background:#244b4a;border-color:#244b4a;color:#fff}.chronicle-filter:hover:not(.active){background:#eaf1ea;border-color:#b4c8b7}
.chronicle-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:54px;align-items:start}
.chronicle-guide{position:sticky;top:120px;padding:29px 25px;background:#e9eee7;border-radius:13px;border:1px solid #e0e7dd}
.chronicle-guide h3{font:600 25px/1.5 var(--serif);margin:14px 0 10px}
.chronicle-guide p{color:#6b8179;font-size:12px;line-height:2.05}
.chronicle-guide>a{display:inline-block;margin:18px 0 0;font-size:12px;color:#567767;border-bottom:1px solid #8aab9d}
.chronicle-index{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.chronicle-jump{font:600 12px Georgia,serif;background:#fffefb;border:1px solid #d7e1d6;border-radius:6px;color:#426057;padding:7px 11px}
.chronicle-jump:hover{background:#d9e4d8}
.chronicle-events{position:relative;display:grid;gap:22px;padding:0 0 18px 27px}
.chronicle-events:before{content:'';position:absolute;left:2px;top:30px;bottom:65px;width:1px;background:linear-gradient(#c8ab7b,#c6d7c9)}
.chronicle-card{display:grid;grid-template-columns:51px minmax(0,1fr);gap:13px;position:relative;background:#fffefa;border:1px solid #e3e7de;box-shadow:0 9px 29px #213b2b0a;border-radius:13px;padding:23px 25px 24px 19px;scroll-margin-top:100px}
.chronicle-card:before{content:'';position:absolute;top:38px;left:-29px;width:9px;height:9px;border-radius:50%;background:#ad925f;box-shadow:0 0 0 5px #f3f3ed;border:1px solid #d6c099}
.chronicle-card-number{font:500 22px Georgia,serif;color:#bba57f;padding-top:7px;text-align:center}
.chronicle-card-body{min-width:0}
.chronicle-card-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.chronicle-date{font:600 14px Georgia,"Songti SC",serif;color:#866b3d}
.chronicle-type{font-size:10px;padding:3px 9px;color:#587269;background:#edf3eb;border-radius:30px}
.chronicle-card h3{font:600 clamp(19px,2vw,25px)/1.5 var(--serif);margin:9px 0;color:#214346}
.chronicle-summary{font-size:13px;color:#647c76;line-height:2;margin:0 0 19px}
.chronicle-photo{margin:0 0 19px;background:#ebede6;border-radius:9px;overflow:hidden}
.chronicle-photo img{display:block;width:100%;height:min(30vw,260px);max-height:260px;object-fit:contain;background:#e6eae6}
.chronicle-photo figcaption{padding:9px 13px;background:#f5f6f1;color:#71857d;font-size:10px;line-height:1.75}
.chronicle-photo-credit{color:#41655c;text-decoration:underline;text-decoration-color:#a8bbae;text-underline-offset:3px}
.chronicle-photo-credit:hover{color:#8e6b3e}
.chronicle-card-actions a:focus-visible,.chronicle-card-actions button:focus-visible,.chronicle-photo-credit:focus-visible,.chronicle-jump:focus-visible{outline:2px solid #a38351;outline-offset:3px}
.chronicle-card-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.chronicle-read{border:1px solid #2a5953;color:#fff;background:#2a5953;padding:8px 15px;border-radius:7px;font-size:12px}
.chronicle-source{font-size:12px;color:#617a67;border-bottom:1px solid #a4b6a5;padding:6px 0}
.chronicle-read:hover{background:#1c4241}.chronicle-source:hover{color:#987649}
.chronicle-empty{padding:35px 10px;font-size:13px;color:#6b8179}
@media(max-width:1130px){.chronicle-layout{grid-template-columns:235px minmax(0,1fr);gap:32px}.chronicle-guide{padding:23px 19px}.chronicle-card{grid-template-columns:40px minmax(0,1fr);padding:20px 19px 22px 12px}.chronicle-card-number{font-size:18px}.timeline-teaser-dates{padding-right:22px}}
@media(max-width:740px){
 .timeline-teaser{display:flex;flex-direction:column;min-height:0;margin-top:43px}
 .timeline-teaser-copy{padding:29px 25px 14px}
 .timeline-teaser h3{font-size:26px}
 .timeline-teaser p{font-size:12px}
 .timeline-teaser-dates{padding:13px 28px 23px;background:#28484b;gap:2px}
 .timeline-teaser-dates:before{left:32px;top:22px;bottom:27px}
 .timeline-teaser-dates div{grid-template-columns:94px 1fr;gap:7px;padding:9px 0}
 .timeline-teaser-dates div:before{left:1px}
 .timeline-teaser-dates strong{font-size:27px;padding-left:16px}
 .timeline-teaser-dates span{font-size:11px}
 .chronicle-section{padding-top:36px;padding-bottom:70px;min-height:calc(100vh - 160px)}
 .chronicle-section .section-heading-row h2{font-size:30px}
 .chronicle-tools{gap:6px;margin:20px 0 24px;padding-bottom:15px}
 .chronicle-filter{font-size:11px;padding:8px 12px}
 .chronicle-layout{display:block}
 /* On phones, place the evidence itself above a redundant guide panel. */
 .chronicle-guide{position:static;padding:0 0 11px;margin-bottom:13px;background:transparent;border:0;border-bottom:1px solid #e1e7de;border-radius:0}
 .chronicle-guide .section-kicker,.chronicle-guide h3,.chronicle-guide p{display:none}
 .chronicle-guide>a{display:inline-block;margin:8px 0 0;font-size:11px}
 .chronicle-index{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;max-width:100%;padding:2px 0 6px;margin-top:0;scrollbar-width:thin}
 .chronicle-jump{flex-shrink:0}
 .chronicle-events{gap:14px;padding-left:16px}
 .chronicle-events:before{left:0}
 .chronicle-card{grid-template-columns:29px minmax(0,1fr);gap:7px;padding:14px 12px 18px 6px;scroll-margin-top:82px}
 .chronicle-card:before{left:-21px}
 .chronicle-card-number{font-size:12px;padding-top:9px}
 .chronicle-card h3{font-size:19px}
 .chronicle-summary{font-size:12px}
 .chronicle-photo img{height:185px;max-height:185px}
 .chronicle-photo figcaption{font-size:10px}
 .chronicle-card-actions{gap:9px}
 .chronicle-read,.chronicle-source{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.chronicle-filter{transition:none}}