/* History Timeline — scoped front-end styles. */
.htln{--htln-deep:#112c39;--htln-navy:#123442;--htln-accent:#bd8b47;--htln-muted:#647581;--htln-border:#e6e4dd;--htln-bg:#f8f8f5;position:relative;width:100%;margin:0 auto 34px;max-width:1440px;box-sizing:border-box;background:var(--htln-bg);color:var(--htln-deep);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;overflow:hidden;border-radius:15px;border:1px solid #ebece8;box-shadow:0 18px 65px rgba(15,35,47,.065)}
.htln *{box-sizing:border-box}.htln button,.htln input{font:inherit}.htln button{cursor:pointer}.htln [hidden]{display:none!important}.htln a{color:inherit}.htln h2,.htln h3,.htln h4,.htln p{margin-top:0}.htln-top{position:relative;background:radial-gradient(ellipse at 80% 20%,#31566a 0,transparent 46%),linear-gradient(123deg,#102936,#193b4c 80%,#14313e);color:white;padding:58px clamp(25px,6.5%,90px) 47px;min-height:324px;overflow:hidden}.htln-top:after{content:"";position:absolute;width:420px;height:420px;right:-110px;top:-235px;border:1px solid rgba(238,215,160,.22);border-radius:50%;pointer-events:none}.htln-top__inner{max-width:690px;position:relative;z-index:2}.htln-kicker{display:flex;align-items:center;gap:10px;letter-spacing:.17em;font-size:10px;font-weight:800;color:#dfc292}.htln-kicker__dot{width:8px;height:8px;background:#e5bd71;border-radius:50%;box-shadow:0 0 0 5px rgba(229,189,113,.13)}.htln-top h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.032em;font-size:clamp(36px,4.8vw,64px);line-height:1.07;margin:21px 0 15px;color:#fff}.htln-intro{font-size:15px;line-height:1.9;max-width:525px;color:#cfdbdd;margin:0}.htln-stats{display:flex;gap:32px;margin:30px 0 0}.htln-stats>div{display:flex;flex-direction:column;gap:0;padding-right:30px;border-right:1px solid rgba(255,255,255,.15)}.htln-stats>div:last-child{border:0;padding:0}.htln-stats strong{font-family:Georgia,serif;font-size:27px;font-weight:500;color:#eac789;line-height:1.1}.htln-stats span{font-size:11px;color:#b5c8cc;letter-spacing:.02em;margin-top:5px}.htln-top__ornament{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:260px;height:260px;border:1px solid rgba(235,205,144,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(225,196,138,.25);font-family:Georgia,serif;font-size:34px;letter-spacing:.14em}.htln-top__ornament:before,.htln-top__ornament:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(231,200,148,.22);border-radius:50%}.htln-top__ornament:after{inset:38px;border-style:solid}.htln-top__ornament i{position:absolute;width:160px;height:1px;background:rgba(231,200,148,.22);transform:rotate(-35deg)}
.htln-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:35px clamp(24px,5.5%,76px) 16px}.htln-label{font-size:10px;font-weight:800;color:var(--htln-accent);letter-spacing:.19em}.htln-toolbar h3{font-family:Georgia,serif;font-size:clamp(23px,2.6vw,32px);line-height:1.18;font-weight:600;margin:7px 0 0;letter-spacing:-.02em;color:var(--htln-deep)}.htln-search{height:44px;width:min(100%,295px);border:1px solid #dfe2e0;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;color:#8c9b9c;flex-shrink:0}.htln-search:focus-within{border-color:var(--htln-accent);box-shadow:0 0 0 3px rgba(189,139,71,.12)}.htln-search svg{width:17px;height:17px;flex:none}.htln-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;min-width:0;font-size:12px!important;background:transparent!important;color:#193542;padding:0!important;line-height:1.4}.htln-search input::placeholder{color:#8d9a9c}.htln-filterbar{display:flex;flex-wrap:wrap;gap:8px;padding:0 clamp(24px,5.5%,76px) 22px}.htln-filter{border:1px solid #e1e5e0!important;border-radius:50px!important;padding:7px 15px!important;background:#fff!important;color:#63767b!important;font-size:11px!important;font-weight:650!important;line-height:1.45!important;transition:.18s ease}.htln-filter:hover{border-color:var(--htln-accent)!important;color:var(--htln-deep)!important}.htln-filter.is-active{background:var(--htln-deep)!important;border-color:var(--htln-deep)!important;color:white!important}.htln-navigation{position:relative;margin:0 clamp(24px,5.5%,76px);border-radius:11px;background:#eff0ec;border:1px solid #e6e8e3;overflow:hidden}.htln-navigation__scroll{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding:24px 10px 20px}.htln-navigation__track{position:absolute;left:50px;right:50px;height:2px;top:35px;background:#d5dacf}.htln-nav-item{appearance:none;border:0!important;background:transparent!important;color:#809097!important;display:flex;flex-direction:column;align-items:center;gap:13px;min-width:105px;flex:1;position:relative;z-index:1;padding:0 10px!important;scroll-snap-align:center}.htln-nav-dot{display:block;border:4px solid #eff0ec;box-shadow:0 0 0 2px #b4bdb5;width:19px;height:19px;background:#b6beb5;border-radius:50%;transition:.2s ease}.htln-nav-year{font-family:Georgia,serif;font-size:18px;line-height:1.1;font-weight:700}.htln-nav-item.is-active .htln-nav-dot,.htln-nav-item:hover .htln-nav-dot{box-shadow:0 0 0 3px var(--htln-accent);background:var(--htln-accent)}.htln-nav-item.is-active .htln-nav-year,.htln-nav-item:hover .htln-nav-year{color:var(--htln-deep)}.htln-status{padding:20px clamp(24px,5.5%,76px) 0;color:#7c8a8a;font-size:11px}.htln-status strong{color:#384e58;font-weight:750}
.htln-events{position:relative;isolation:isolate;padding:38px clamp(26px,6.5%,90px) 25px}.htln-events:before{content:"";position:absolute;top:15px;bottom:12px;left:50%;width:2px;background:linear-gradient(#d8ad72,#c2cfc9 24%,#c2cfc9 84%,#d8ad72);transform:translateX(-50%);z-index:-1}.htln-event{display:grid;grid-template-columns:1fr 84px 1fr;align-items:start;position:relative;min-height:270px;margin-bottom:10px;scroll-margin-top:100px}.htln-event--left .htln-card{grid-column:1;grid-row:1;margin-right:3px}.htln-event--right .htln-card{grid-column:3;grid-row:1;margin-left:3px}.htln-node{grid-column:2;grid-row:1;justify-self:center;align-self:start;background:#fafaf7;border:2px solid #d6c09b;border-radius:100px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;margin-top:37px;z-index:2;box-shadow:0 0 0 6px #f8f8f5}.htln-node span{background:var(--htln-accent);width:9px;height:9px;border-radius:50%}.htln-year-tag{font-family:Georgia,serif;font-size:27px;color:#ae9c7b;font-weight:650;position:absolute;top:29px}.htln-event--left .htln-year-tag{left:calc(50% + 41px)}.htln-event--right .htln-year-tag{right:calc(50% + 41px)}.htln-card{background:#fff;border:1px solid #e8e7e2;border-radius:11px;overflow:hidden;box-shadow:0 6px 22px rgba(17,44,57,.045);transition:box-shadow .25s,transform .25s;max-width:520px}.htln-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(17,44,57,.11)}.htln-card__media,.htln-card__placeholder{height:152px;width:100%;overflow:hidden}.htln-card__media img{width:100%;height:100%;object-fit:cover;display:block}.htln-card__placeholder{display:flex;justify-content:center;align-items:center;gap:4px;flex-direction:column;color:rgba(233,212,162,.55);background:radial-gradient(circle at 20% 15%,#315766,#143441 73%)}.htln-card__placeholder svg{width:94px;height:73px}.htln-card__placeholder span{font-size:9px;letter-spacing:.22em;color:#a7b6b8;font-weight:700}.htln-card__body{padding:22px 25px 23px}.htln-card__eyebrow{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:.075em;text-transform:uppercase;font-weight:850;color:#9b793f}.htln-card__eyebrow em{font-style:normal;color:#32746b;background:#e6f1ea;padding:3px 7px;border-radius:4px;font-size:8px}.htln-card__date{font-size:11px;color:#82908f;margin:11px 0 4px}.htln-card h4{font-family:Georgia,serif;font-size:clamp(19px,2vw,24px);font-weight:650;color:#162f3c;letter-spacing:-.019em;line-height:1.26;margin:3px 0 11px}.htln-card p{color:#62747c;font-size:12.5px;line-height:1.7;margin:0 0 18px}.htln-read{color:#aa7839!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(170,120,57,.35)!important;padding:0 0 5px!important;font-weight:750!important;font-size:11px!important;letter-spacing:.01em;border-radius:0!important;transition:color .2s}.htln-read:hover{color:#73490e!important}.htln-read span{font-size:15px;vertical-align:middle;padding-left:5px}.htln-event--featured .htln-card{border-top:3px solid var(--htln-accent)}.htln-no-results,.htln-empty{text-align:center;padding:45px 20px 80px;color:#6b7b81}.htln-no-results strong,.htln-empty h3{font-family:Georgia,serif;font-size:24px;color:#143341}.htln-reset{border:1px solid #cfab73!important;padding:10px 17px!important;border-radius:7px!important;background:white!important;color:#9d6c32!important}.htln-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:10px clamp(24px,5.5%,76px) 0;border-top:1px solid #e7e8e1;padding:25px 0 30px;font-size:10px;letter-spacing:.07em;color:#9ba7a8}.htln-bottom span:first-child{color:#af864d;font-weight:750;letter-spacing:.14em}
/* Detail dialog */
.htln-modal{position:fixed;inset:0;z-index:999999;display:flex;justify-content:center;align-items:center;padding:24px}.htln-modal__backdrop{background:rgba(10,26,34,.74);position:absolute;inset:0;backdrop-filter:blur(3px)}.htln-modal__panel{position:relative;z-index:1;max-height:min(90vh,900px);overflow:auto;max-width:720px;width:100%;background:#fff;color:#1b3947;border-radius:14px;padding:clamp(23px,4vw,42px);box-shadow:0 30px 100px rgba(0,0,0,.4);outline:none}.htln-modal__close{position:sticky;top:0;float:right;z-index:2;width:35px;height:35px;border-radius:50%!important;background:#f0f2ee!important;border:0!important;font-size:25px!important;line-height:30px!important;color:#344e58!important}.htln-modal__kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a17a47;font-weight:850}.htln-modal h3{font:600 clamp(27px,3.7vw,39px)/1.2 Georgia,serif;margin:13px 30px 20px 0;color:#172f3c}.htln-modal__image{margin:0 0 22px;border-radius:9px;overflow:hidden;max-height:320px}.htln-modal__image img{width:100%;height:auto;max-height:320px;object-fit:cover;display:block}.htln-modal__story{font-size:14px;line-height:1.85;color:#53666b}.htln-modal__story p{margin-bottom:13px}.htln-modal__meta{font-size:12px;color:#6d797d;margin:13px 0}.htln-modal__source{border-top:1px solid #e7e9e4;margin:20px 0 0;padding-top:15px;color:#986b31;font-size:12px;font-weight:700}.htln-modal__source a{text-decoration:underline}
/* Compact single-column mode */
.htln--compact .htln-events{max-width:1040px;margin:0 auto;padding-left:clamp(25px,5vw,60px);padding-right:clamp(25px,5vw,60px)}.htln--compact .htln-events:before{left:89px}.htln--compact .htln-event{grid-template-columns:60px minmax(0,1fr);min-height:auto;margin:0 0 18px}.htln--compact .htln-node{grid-column:1;margin-top:25px}.htln--compact .htln-card,.htln--compact .htln-event--right .htln-card,.htln--compact .htln-event--left .htln-card{grid-column:2;margin:0;max-width:none}.htln--compact .htln-year-tag{position:static;grid-column:1;grid-row:1;align-self:start;font-size:0}.htln--compact .htln-card__media,.htln--compact .htln-card__placeholder{height:130px}.htln--compact .htln-event--right .htln-card,.htln--compact .htln-event--left .htln-card{grid-row:1}
/* Horizontal cards, still in chronological order */
.htln--horizontal .htln-events{display:flex;align-items:stretch;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:48px clamp(25px,5.5%,76px) 35px;scrollbar-width:thin}.htln--horizontal .htln-events:before{left:0;right:0;top:31px;bottom:auto;height:2px;width:auto;transform:none;background:#bdc9c2}.htln--horizontal .htln-event{grid-template-columns:1fr;min-width:310px;width:355px;max-width:83vw;flex:0 0 355px;min-height:auto;scroll-snap-align:start}.htln--horizontal .htln-event .htln-card{grid-row:1;grid-column:1;margin:0;max-width:none;width:100%}.htln--horizontal .htln-node{grid-column:1;position:absolute;top:-29px;left:23px;margin:0;width:22px;height:22px}.htln--horizontal .htln-year-tag{display:none}.htln--horizontal .htln-card__media,.htln--horizontal .htln-card__placeholder{height:135px}
.htln-small-hero{--htln-deep:#173644;padding:27px clamp(25px,5vw,50px);background:linear-gradient(115deg,#13313f,#22495c);border-radius:13px;color:white;display:flex;gap:22px;justify-content:space-between;align-items:center;font-family:Inter,ui-sans-serif,sans-serif}.htln-small-hero>div>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#ddbf85}.htln-small-hero h2{font:600 clamp(24px,3vw,35px)/1.2 Georgia,serif;color:#fff;margin:7px 0}.htln-small-hero p{font-size:13px;margin:0;color:#d1e0e4}.htln-small-hero>a{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;border-radius:8px;padding:13px 19px;text-decoration:none;background:var(--htln-accent);color:white;font-weight:750;font-size:13px}.htln-small-hero>a:hover{filter:brightness(.94);color:white}
@media(max-width:960px){.htln-top__ornament{right:-95px;opacity:.55}.htln-events{padding-left:25px;padding-right:25px}.htln-event{grid-template-columns:1fr 60px 1fr}.htln-event--left .htln-year-tag{left:calc(50% + 31px)}.htln-event--right .htln-year-tag{right:calc(50% + 31px)}.htln-year-tag{font-size:22px}.htln-card__body{padding:18px}.htln-card__media,.htln-card__placeholder{height:120px}}
@media(max-width:650px){.htln{border-radius:10px}.htln-top{padding:35px 22px 30px;min-height:auto}.htln-top h2{font-size:37px}.htln-intro{font-size:13px;line-height:1.7}.htln-top__ornament{display:none}.htln-stats{gap:13px;margin-top:24px;flex-wrap:wrap}.htln-stats>div{padding-right:14px}.htln-stats strong{font-size:23px}.htln-stats span{font-size:9px}.htln-toolbar{display:block;padding:28px 20px 15px}.htln-toolbar h3{font-size:24px}.htln-search{width:100%;max-width:none;margin-top:16px}.htln-filterbar{padding:0 18px 16px;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.htln-filter{white-space:nowrap;padding:7px 12px!important;flex:none}.htln-navigation{margin:0 18px}.htln-navigation__scroll{padding:18px 6px 15px}.htln-navigation__track{top:29px;left:30px;right:30px}.htln-nav-item{min-width:75px;padding:0 4px!important}.htln-nav-dot{width:17px;height:17px}.htln-nav-year{font-size:16px}.htln-status{padding:16px 20px 0}.htln-events,.htln--compact .htln-events{padding:28px 17px 15px}.htln-events:before,.htln--compact .htln-events:before{left:36px;top:10px;transform:none}.htln-event,.htln--compact .htln-event{grid-template-columns:40px minmax(0,1fr);min-height:auto;margin:0 0 17px}.htln-event--left .htln-card,.htln-event--right .htln-card,.htln--compact .htln-event--left .htln-card,.htln--compact .htln-event--right .htln-card{grid-column:2;grid-row:1;margin:0;max-width:none}.htln-node,.htln--compact .htln-node{grid-column:1;grid-row:1;justify-self:start;width:19px;height:19px;margin-top:23px;margin-left:10px;box-shadow:0 0 0 3px #f8f8f5}.htln-node span{width:7px;height:7px}.htln-year-tag,.htln--compact .htln-year-tag{display:none}.htln-card__media,.htln-card__placeholder,.htln--compact .htln-card__media,.htln--compact .htln-card__placeholder{height:128px}.htln-card__body{padding:18px}.htln-card h4{font-size:21px}.htln-bottom{margin:0 20px;padding:22px 0;line-height:1.8}.htln-modal{padding:12px}.htln-modal__panel{padding:22px;max-height:92vh}.htln--horizontal .htln-events{padding:45px 20px 22px}.htln--horizontal .htln-events:before{left:0}.htln--horizontal .htln-event{min-width:275px;flex-basis:275px;grid-template-columns:1fr}.htln--horizontal .htln-event .htln-card{grid-column:1}.htln--horizontal .htln-node{margin-left:0}.htln-small-hero{display:block}.htln-small-hero>a{margin-top:18px;display:inline-flex}}
@media(prefers-reduced-motion:reduce){.htln *{scroll-behavior:auto!important;transition:none!important}}
/* Additional photos inside the event details overlay. */
.htln .htln-modal__gallery{margin:24px 0 18px}.htln .htln-modal__gallery h4{font-size:16px;color:#2a4956;margin:0 0 12px}.htln .htln-modal__gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.htln .htln-modal__gallery-grid a{display:block;border-radius:7px;overflow:hidden;background:#eef1ef;aspect-ratio:4/3}.htln .htln-modal__gallery-grid img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .2s ease}.htln .htln-modal__gallery-grid a:hover img,.htln .htln-modal__gallery-grid a:focus img{transform:scale(1.05)}
@media(max-width:540px){.htln .htln-modal__gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}