/*
 * BBSH / HISTORY: an archival editorial edition.
 * Layered over the established history page; no data, wave, or JS behaviour replaced.
 * Real photo assets are already hosted locally with their authors in history.json.
 */
.history-editorial{--history-gold:#edc17b;--history-ink:#071e33}
.history-editorial .history-cover{
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
 align-items:center;gap:clamp(20px,3vw,48px);max-width:min(1480px,calc(100% - 32px));
 margin:20px auto 24px;padding:clamp(22px,4.1vw,66px);overflow:hidden;
 background:radial-gradient(ellipse at 87% 8%,#275a77c2,transparent 47%),linear-gradient(118deg,#061b2e,#0a283e 61%,#173c54);
 border:1px solid #42657d;border-radius:clamp(16px,2.2vw,28px);box-shadow:0 26px 60px #0316283d;color:#fff;
}
.history-editorial .history-cover::before{content:"";position:absolute;z-index:-1;inset:0;
 background-image:repeating-linear-gradient(122deg,transparent 0 31px,#ffffff05 31px 32px);opacity:.45;pointer-events:none}
.history-cover-copy{min-width:0;position:relative;z-index:1}
.history-cover .eyebrow{color:#f8cc85!important;font-size:11px;font-weight:900;letter-spacing:.22em;margin:0 0 26px}
.history-cover-years{color:#aad2e6;font-variant-numeric:tabular-nums;letter-spacing:.15em;font-weight:850;font-size:13px;margin:0 0 9px}
.history-cover h1{color:#fff;font-size:clamp(43px,5.65vw,83px);line-height:.97;letter-spacing:-.066em;max-width:10.5ch;margin:0 0 21px;overflow-wrap:normal}
.history-cover .lead{color:#d3e3ed;font-size:clamp(14px,1.35vw,18px);line-height:1.72;max-width:56ch;margin:0 0 24px}
.history-cover-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}
.history-cover-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 17px;text-decoration:none;font-size:12px;line-height:1.3;border-radius:9px}
.history-cover-actions .button:first-child{background:var(--history-gold);border-color:var(--history-gold);color:var(--history-ink)}
.history-cover-actions .button-ghost{background:#ffffff10;border:1px solid #a2bac9;color:#e7f4fb}
.history-cover-actions a:hover{filter:brightness(1.09)}
.history-cover-subnote{color:#abc9d9;font-size:11px;line-height:1.5;margin:0 0 25px;max-width:55ch}
.history-cover-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #63839b75;padding-top:18px}
.history-cover-facts span{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:#b9d2df}
.history-cover-facts b{font-size:clamp(23px,2.4vw,33px);line-height:1;color:#f2c783;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.history-cover-mosaic{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);grid-template-rows:minmax(165px,1fr) minmax(190px,1.08fr);gap:12px;min-width:0;align-self:stretch;max-height:550px;min-height:425px;transform:rotate(1deg)}
.history-cover-photo{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;margin:0;border-radius:14px;border:2px solid #aac3d25c;background:#123853}
.history-cover-photo-old{grid-row:span 2}
.history-cover-photo img{display:block;width:100%;height:100%;object-fit:cover}
.history-cover-photo-old img{object-position:center}
.history-cover-photo-new img{object-position:center 43%}
.history-cover-photo-legend img{object-position:center 25%}
.history-cover-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#031521ea,transparent 64%);pointer-events:none}
.history-cover-photo figcaption{position:absolute;inset:auto 12px 12px;z-index:1;display:flex;flex-direction:column;gap:6px;min-width:0;color:#fff;text-shadow:0 2px 7px #0009}
.history-cover-photo figcaption strong{font-size:clamp(12px,1.3vw,19px);font-weight:900;letter-spacing:-.025em;line-height:1.2}
.history-cover-photo figcaption small,.history-cover-photo figcaption a{color:#d9e8f3;font-size:10px;font-weight:650;line-height:1.45;text-decoration-color:#bcd3db9c;overflow-wrap:anywhere}
.history-cover-photo figcaption a:focus-visible,.history-cover a:focus-visible{outline:3px solid #f7d28b;outline-offset:3px;border-radius:3px}
.history-editorial .history-glance{padding-top:22px}
.history-editorial .history-numbers{gap:11px;margin:0 0 26px}
.history-editorial .history-number{border:1px solid var(--line);border-top:4px solid #d8a963;padding:21px 21px 22px;border-radius:13px;background:var(--surface);box-shadow:0 8px 22px #081e2b12}
.history-editorial .history-number-value{font-size:clamp(41px,5vw,68px);line-height:.92;letter-spacing:-.065em}
.history-editorial .history-number-label{font-size:15px;line-height:1.35}
.history-editorial .history-number-text{font-size:12px;line-height:1.6}
.history-editorial .era-nav ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 13px}
.history-editorial .era-nav li{min-width:0}
.history-editorial .era-chip{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;min-height:112px;padding:20px 14px 14px;border:1px solid color-mix(in srgb,var(--era-base) 45%,var(--line));border-top:5px solid var(--era);border-left-width:1px;border-radius:11px;background:linear-gradient(150deg,var(--era-bg),var(--surface));color:var(--ink);font-weight:900;font-size:clamp(13px,1.3vw,17px);line-height:1.3;transition:translate .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.history-editorial .era-chip::after{content:"↗";position:absolute;right:12px;top:10px;color:var(--era);font-size:17px}
.history-editorial .era-chip:hover{translate:0 -3px;border-color:var(--era);box-shadow:0 9px 20px #071f3221}
.history-editorial .era-nav-years{color:var(--era);font-size:11px;font-weight:900;letter-spacing:.06em;line-height:1.3}
.history-editorial .history-nav ul{gap:7px;margin:10px 0 21px}
.history-editorial .history-nav a{background:var(--surface);border-radius:9px;min-height:39px;padding:9px 13px;font-size:12px;display:inline-flex;align-items:center}
.history-editorial .history-nav a:focus-visible,.history-editorial .era-chip:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.history-editorial .history-chart{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:clamp(13px,2.2vw,27px);box-shadow:0 15px 40px #08203212;overflow:hidden}
.history-editorial .history-chart figcaption{font-size:11px;line-height:1.6}
.history-editorial .history-chart svg{overflow:visible}
.history-editorial .hd-inner{border-radius:13px}
.history-editorial .era{position:relative;isolation:isolate;padding:clamp(43px,5vw,78px) 0 52px}
.history-editorial .era::before{content:attr(data-chapter);position:absolute;right:clamp(12px,4vw,68px);top:25px;font-family:var(--font-display,serif);font-size:clamp(100px,16vw,260px);line-height:1;color:var(--era);opacity:.08;pointer-events:none;letter-spacing:-.1em}
.history-editorial .era>.container{position:relative}
.history-editorial .era-head{position:relative;padding-left:21px;border-left:5px solid var(--era);margin-bottom:12px}
.history-editorial .era-head h2{font-size:clamp(34px,5vw,70px);line-height:.98;letter-spacing:-.052em;margin:8px 0 12px;max-width:14ch}
.history-editorial .era-years{font-size:12px;font-weight:950;letter-spacing:.13em}
.history-editorial .era-kicker{font-size:clamp(13px,1.3vw,17px);max-width:57ch;line-height:1.5}
.history-editorial .era-body{column-gap:clamp(22px,4vw,68px);row-gap:16px;margin-top:27px}
.history-editorial .era-text{font-size:clamp(15px,1.35vw,19px);line-height:1.8;letter-spacing:-.007em;max-width:67ch}
.history-editorial .era-number{background:color-mix(in srgb,var(--era) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--era) 32%,transparent);border-radius:14px;padding:20px 22px;gap:10px 18px}
.history-editorial .era-number strong{font-size:clamp(41px,6.5vw,80px);letter-spacing:-.055em}
.history-editorial .era-number span{line-height:1.4;font-size:13px;max-width:35ch}
.history-editorial .era-side>*{box-shadow:0 8px 28px #071f3318}
.history-editorial .era-seasons{border-radius:10px}
.history-editorial .era-seasons summary{min-height:44px}
.history-editorial .era-switch{position:relative;font-weight:850;z-index:1}
.history-editorial .era-switch span{border-radius:9px}
.history-editorial .album{padding-top:54px;padding-bottom:45px}
.history-editorial .album-strip{gap:15px;padding-top:19px;padding-bottom:30px}
.history-editorial .sticker{filter:drop-shadow(0 10px 10px #071b322b);transition:transform .22s}
.history-editorial .sticker:hover{transform:translateY(-5px)}
.history-editorial .sticker a{border-radius:10px}
.history-editorial .cmp{padding-top:55px;padding-bottom:55px}
.history-editorial .cmp-cards{gap:12px}
.history-editorial .cmp-card{border-radius:13px;box-shadow:0 7px 20px #071e3114;border-top-width:5px;transition:transform .2s,box-shadow .2s}
.history-editorial .cmp-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px #071e3126}
.history-editorial .cmp-card-value{font-size:clamp(34px,4vw,52px)}
.history-editorial .hof{border-radius:16px}
.history-editorial .hof-grid{gap:13px}
.history-editorial .hof-card{border-radius:13px;border:1px solid var(--line);border-top:5px solid var(--era,var(--blue));box-shadow:0 7px 20px #04192b16;transition:transform .2s,box-shadow .2s}
.history-editorial .hof-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #061c312b}
.history-editorial .hof-card.is-lead{background:linear-gradient(140deg,var(--era-bg),var(--surface));padding:clamp(15px,2vw,24px)}
.history-editorial .hof-card.is-lead .hof-photo{border-radius:11px}
.history-editorial .history-stadiums{gap:22px}
.history-editorial .history-stadium{border:1px solid var(--line);border-radius:16px;padding:clamp(15px,2.4vw,30px);background:var(--surface);box-shadow:0 14px 30px #061b2f12;min-width:0}
.history-editorial .history-stadium-head h3{font-size:clamp(24px,2.4vw,35px);letter-spacing:-.045em}
.history-editorial .stadium-photo img{transition:transform .3s}
.history-editorial .stadium-photo a:hover img{transform:scale(1.025)}
.history-editorial .stadium-photos{gap:12px}
.history-editorial .stadium-photo{min-width:0}
.history-editorial :is(.history-stadiums,.hof-grid,.cmp-cards,.history-numbers,.era-body) > *{min-width:0}
@media(max-width:1180px){
 .history-editorial .history-cover{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding:32px}
 .history-cover-mosaic{min-height:340px}
 .history-editorial .era-nav ol{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 .history-editorial .history-cover{grid-template-columns:1fr;gap:18px;padding:24px}
 .history-cover h1{max-width:17ch}
 .history-cover-mosaic{height:330px;min-height:0;max-height:none}
 .history-editorial .history-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}
 .history-editorial .history-number{padding:15px}
 .history-editorial .history-number-value{font-size:clamp(34px,6vw,56px)}
 .history-editorial .era-nav ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .history-editorial .era-chip{min-height:94px}
}
@media(max-width:560px){
 .history-editorial .history-cover{width:calc(100% - 24px);max-width:none;margin:12px auto 15px;padding:20px 15px 17px;border-radius:15px;gap:18px}
 .history-cover .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}
 .history-cover-years{font-size:11px}
 .history-cover h1{font-size:clamp(38px,10vw,54px);line-height:1.02;margin-bottom:15px}
 .history-cover .lead{font-size:13px;line-height:1.65}
 .history-cover-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 10px}
 .history-cover-actions .button{padding:10px 7px;min-height:45px;font-size:11px}
 .history-cover-subnote{font-size:10px;margin-bottom:16px}
 .history-cover-facts{gap:7px;padding-top:13px}
 .history-cover-facts span{font-size:9px}
 .history-cover-facts b{font-size:27px}
 .history-cover-mosaic{grid-template-columns:1.1fr .9fr;grid-template-rows:126px 150px;height:288px;gap:7px;transform:none}
 .history-cover-photo{border-radius:9px;border-width:1px}
 .history-cover-photo figcaption{inset:auto 7px 7px;gap:3px}
 .history-cover-photo figcaption strong{font-size:11px}
 .history-cover-photo figcaption small,.history-cover-photo figcaption a{font-size:8px;line-height:1.2}
 .history-editorial .history-glance{padding-top:10px}
 .history-editorial .history-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:19px}
 .history-editorial .history-number{padding:13px 11px;border-radius:10px;border-top-width:3px}
 .history-editorial .history-number:last-child{grid-column:1/-1}
 .history-editorial .history-number-value{font-size:37px}
 .history-editorial .history-number-label{font-size:12px}
 .history-editorial .history-number-text{font-size:10px}
 .history-editorial .era-nav ol{gap:7px}
 .history-editorial .era-chip{min-height:91px;padding:16px 9px 10px;font-size:13px;border-top-width:4px;border-radius:8px}
 .history-editorial .era-chip::after{right:8px;top:7px;font-size:12px}
 .history-editorial .era-nav-years{font-size:10px}
 .history-editorial .history-nav ul{gap:6px}
 .history-editorial .history-nav a{font-size:11px;min-height:38px;padding:8px}
 .history-editorial .history-chart{padding:9px;border-radius:10px}
 .history-editorial .era{padding:43px 0 34px}
 .history-editorial .era::before{top:14px;font-size:110px;right:16px}
 .history-editorial .era-head{padding-left:12px;border-left-width:4px}
 .history-editorial .era-head h2{font-size:clamp(34px,9vw,49px)}
 .history-editorial .era-text{font-size:14px;line-height:1.75}
 .history-editorial .era-number{padding:14px}
 .history-editorial .era-number strong{font-size:46px}
 .history-editorial .history-stadium{padding:12px;border-radius:12px}
 .history-editorial .stadium-photos{gap:7px}
 .history-editorial .cmp-card{border-radius:9px}
}
@media(prefers-reduced-motion:reduce){
 .history-editorial .era-chip,.history-editorial .sticker,.history-editorial .cmp-card,.history-editorial .hof-card,.history-editorial .stadium-photo img{transition:none}
 .history-editorial .era-chip:hover,.history-editorial .sticker:hover,.history-editorial .cmp-card:hover,.history-editorial .hof-card:hover{transform:none;translate:none}
}