body.pre-timeline-route { background:#080b0d; }
/* Jannah's hidden overflow creates a non-scrolling ancestor for both sticky rails. */
body.pre-timeline-route #tie-container { overflow:visible; }
@supports (overflow:clip) { body.pre-timeline-route #tie-container { overflow:clip; } }
body.pre-timeline-route #content.site-content { padding-block-start:0; margin-block-start:0; }
/* Collapse only the reserved empty topbar; populated navigation keeps its sizing. */
body.pre-timeline-route #theme-header #top-nav:not(.has-menu):not(.has-components) { border-block-width:0; }
body.pre-timeline-route #theme-header #top-nav:not(.has-menu):not(.has-components) .topbar-wrapper { min-height:0; }
/* Compact only Jannah's separate logo row; keep its navigation and controls. */
body.pre-timeline-route #theme-header.header-layout-2 :is(.logo-row,.logo-wrapper,.logo-container) { height:auto; min-height:0; padding-block:0; }
body.pre-timeline-route #theme-header.header-layout-2 #logo { margin-block:8px!important; }
body.pre-timeline-route #theme-header.header-layout-2 #logo .tie-logo-img { width:auto; height:auto; max-height:64px!important; object-fit:contain; }
.pre-timeline { --tl-red:#f13949; --tl-border:#303d42; --tl-muted:#bec7cc; --tl-sticky:0px; background:linear-gradient(180deg,#0d1519 0,#080c0e 720px,#0b1114 100%); color:#f3f5f6; font:16px/1.8 Cairo,Tahoma,Arial,sans-serif; letter-spacing:0; width:100%; min-width:0; }
.pre-timeline *, .pre-timeline *::before, .pre-timeline *::after { box-sizing:border-box; }
.pre-timeline [hidden] { display:none!important; }
.pre-timeline :is(h1,h2,h3,p) { padding:0; margin:0; color:inherit; letter-spacing:0; }
.pre-timeline :is(a,button,input,summary) { font:inherit; letter-spacing:0; }
.pre-timeline :is(a,button,summary) { color:inherit; cursor:pointer; text-decoration:none; }
.pre-timeline svg { flex:0 0 20px; vertical-align:middle; }
.pre-timeline :is(a,button,input,summary):focus-visible { outline:2px solid #ffdbac; outline-offset:4px; }
.pre-tl-width { width:min(1580px,calc(100% - 64px)); margin-inline:auto; min-width:0; }
.pre-tl-hero { min-height:340px; position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; background:#0d1316; background-image:linear-gradient(90deg,#060b0f40,#060b0f80 38%,#060b0fe0 65%,#060b0f70),var(--tl-image,none); background-size:cover; background-position:center top; border-block-end:1px solid var(--tl-border); }
.pre-tl-hero::after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(180deg,#080c0e50,transparent 22%,transparent 65%,#080c0ef2); }
.pre-tl-hero .pre-tl-width { padding-block:36px; position:relative; z-index:1; }
.pre-tl-hero-copy { width:min(660px,61%); margin-inline:16% auto; text-align:center; }
.pre-tl-hero-art { position:absolute; top:0; bottom:0; z-index:0; pointer-events:none; }
/* Portrait art fits the hero height instead of being enlarged to its wide slot. */
.pre-tl-hero-art img { width:auto; max-width:100%; height:100%; display:block; object-fit:contain; object-position:left top; mask-composite:intersect; }
.pre-tl-hero-art-left { left:0; width:42%; }
.pre-tl-hero-art-left img { margin-right:auto; mask-image:linear-gradient(90deg,#000 35%,#000a 60%,transparent),linear-gradient(180deg,#000 72%,transparent); }
.pre-tl-hero-art-right { right:0; width:24%; padding:20px 0; opacity:.72; }
.pre-tl-hero-art-right img { margin-left:auto; object-position:right top; mask-image:linear-gradient(90deg,transparent,#000 50%,#000 80%,transparent),linear-gradient(180deg,#000 72%,transparent); }
.pre-tl-hero h1 { font-size:48px; line-height:1.3; font-weight:800; margin-block-end:16px; text-shadow:0 2px 16px #000; }
.pre-tl-hero h1 span { color:var(--tl-red); }
.pre-tl-hero p { max-width:550px; color:#e0e5e8; line-height:1.9; text-shadow:0 1px 8px #000; }
.pre-tl-hero-copy>p { margin-inline:auto; }
.pre-tl-mode { display:flex; align-items:flex-start; justify-content:center; gap:14px; margin-block-start:24px; flex-wrap:wrap; }
.pre-tl-mode>a,.pre-tl-guide summary { padding:10px 20px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #53616a; border-radius:6px; background:#0b1014e8; min-height:46px; font-size:15px; line-height:1.5; }
.pre-tl-mode>a { border-color:#eb3040; color:#fff; background:linear-gradient(180deg,#50151c,#251015); box-shadow:inset 0 0 16px #9b182125; }
.pre-tl-mode>a:hover { border-color:#ff7984; background:#49151e; }
.pre-tl-guide summary { min-width:132px; }
.pre-tl-guide summary:hover { border-color:#b1bdc4; background:#172127; }
.pre-tl-guide { max-width:360px; }
.pre-tl-guide p { padding:12px 0; font-size:14px; }
.pre-tl-filters { padding-block:24px 18px; }
.pre-tl-search { width:min(100%,520px); display:flex; border:1px solid #53616a; border-radius:6px; background:#0c1419; margin-block-end:16px; box-shadow:inset 0 1px 4px #0004; }
.pre-tl-search input { min-width:0; width:100%; border:0; color:#fff; background:transparent; padding:10px 14px; height:46px; }
.pre-tl-search input::placeholder { color:#bec7cc; }
.pre-tl-search button { border:0; background:transparent; min-width:46px; padding:0; color:#dbe5e9; }
.pre-tl-types,.pre-tl-eras { display:flex; gap:10px; overflow:auto; padding:5px; scrollbar-width:thin; scrollbar-color:#43525a transparent; }
.pre-tl-types a { flex:0 0 auto; display:flex; align-items:center; gap:8px; border:1px solid #344147; border-radius:6px; background:linear-gradient(180deg,#19232a,#11191e); padding:6px 16px; min-height:44px; font-size:14px; }
.pre-tl-types a svg { color:var(--type-accent,#e6ebee); }
.pre-tl-era-strip { position:sticky; top:var(--tl-sticky); z-index:4; background:#080c0ffa; border:1px solid #65333b; border-radius:6px; margin-block:0 24px; padding-inline:16px; box-shadow:inset 0 1px #f1394910,0 4px 14px #0003; min-width:0; }
.pre-tl-era-strip::before,.pre-tl-era-strip::after { content:""; position:absolute; inset-block:10px 14px; width:16px; pointer-events:none; z-index:1; }
.pre-tl-era-strip::before { left:1px; background:linear-gradient(90deg,#080c0f,#080c0f00); }
.pre-tl-era-strip::after { right:1px; background:linear-gradient(270deg,#080c0f,#080c0f00); }
.pre-tl-eras { gap:12px; padding:12px 4px 10px; scroll-padding-inline:4px; scrollbar-color:#a04756 #151c20; overscroll-behavior-inline:contain; }
.pre-tl-eras::-webkit-scrollbar { height:6px; }
.pre-tl-eras::-webkit-scrollbar-track { background:#151c20; border-radius:3px; }
.pre-tl-eras::-webkit-scrollbar-thumb { background:#a04756; border-radius:3px; }
.pre-tl-eras::-webkit-scrollbar-thumb:hover { background:#c75c6d; }
.pre-tl-eras a { flex:1 0 168px; min-height:94px; display:flex; flex-direction:column; justify-content:center; text-align:center; padding:8px 12px; border:1px solid #46545b; border-radius:5px; }
.pre-tl-eras a:first-child { flex:0 0 94px; font-size:14px; }
.pre-tl-eras .pre-tl-era-card { position:relative; isolation:isolate; overflow:hidden; background:#10191e; aspect-ratio:16/9; text-shadow:0 1px 5px #000,0 1px 12px #000; }
.pre-tl-era-card::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#05090d45,#05090dbf); pointer-events:none; }
.pre-timeline .pre-tl-era-art { position:absolute; inset:0; display:block; width:100%; height:100%; max-height:none; margin:0; object-fit:cover; z-index:-2; pointer-events:none; }
.pre-tl-era-card .pre-tl-era-art { transition:filter .2s ease; }
.pre-tl-era-card:hover .pre-tl-era-art { filter:brightness(1.15); }
.pre-tl-era-card bdi { font-weight:700; font-size:22px; line-height:1.4; }
.pre-tl-era-card span { font-size:13px; color:#edf1f3; margin-block-start:5px; }
.pre-timeline .pre-tl-types a[aria-current=true] { background:#53141e; border-color:var(--type-accent,#ff3346); color:white; }
.pre-tl-eras a[aria-current=true],.pre-tl-eras a.is-in-view { border-color:var(--tl-red); box-shadow:inset 0 -3px #ed3445,0 0 10px #e1253025; }
.pre-timeline .pre-tl-types a:hover { background:#282e30; }
.pre-tl-eras a:hover { border-color:#f68088; }
.pre-tl-extra-filters { display:flex; flex-wrap:wrap; align-items:end; gap:14px; margin-block-start:14px; border-block-start:1px solid #303d42; padding:12px 5px 0; font-size:14px; }
.pre-tl-extra-filters label { display:grid; gap:4px; min-width:0; }
.pre-tl-extra-filters :is(select,button) { max-width:100%; min-height:40px; background:#11191e; color:#eef2f5; border:1px solid #405159; border-radius:4px; padding:5px 12px; font:inherit; }
.pre-tl-extra-filters :is(select,button):focus-visible { outline:2px solid #ffdbac; outline-offset:3px; }
.pre-tl-layout { display:grid; grid-template-columns:204px minmax(0,1fr); gap:24px; align-items:start; }
.pre-tl-results { min-width:0; scroll-margin-top:calc(var(--tl-sticky) + var(--tl-nav-offset,125px)); }
.pre-tl-year-sidebar { position:sticky; top:calc(var(--tl-sticky) + var(--tl-nav-offset,125px)); max-height:calc(100dvh - var(--tl-sticky) - var(--tl-nav-offset,125px) - 20px); padding-inline-start:6px; overflow:auto; scrollbar-width:thin; scrollbar-color:#8b3442 #10171b; scrollbar-gutter:stable; overscroll-behavior:contain; }
.pre-tl-year-sidebar::-webkit-scrollbar { width:6px; }
.pre-tl-year-sidebar::-webkit-scrollbar-track { background:#10171b; }
.pre-tl-year-sidebar::-webkit-scrollbar-thumb { background:#8b3442; border-radius:3px; }
.pre-tl-year-sidebar::-webkit-scrollbar-thumb:hover { background:#b64455; }
.pre-tl-year-sidebar h2 { font-size:20px; margin-block-end:16px; }
.pre-tl-year-sidebar nav { border-inline-start:1px solid #53616a; padding-inline-start:18px; }
.pre-tl-year-sidebar a { position:relative; display:block; padding:12px; min-height:58px; border:1px solid transparent; border-radius:4px; line-height:1.5; color:#bec7cc; margin-block-end:6px; }
.pre-tl-year-sidebar a::before { content:""; position:absolute; inset-inline-start:-24px; top:21px; width:10px; height:10px; border:2px solid #0c1216; border-radius:50%; background:#687c87; }
.pre-tl-year-sidebar small { display:block; font-size:13px; font-weight:400; color:var(--tl-muted); margin-block-start:4px; }
.pre-tl-year-sidebar a:hover { background:#19242a; color:#fff; }
.pre-tl-year-sidebar a[aria-current=location] { border-color:#b72d3c; color:#fff; background:linear-gradient(90deg,#201017,#3b121b); font-weight:700; }
.pre-tl-year-sidebar a[aria-current=location]::before { background:var(--tl-red); border-color:#ffabb2; box-shadow:0 0 8px #fa344866; }
.pre-tl-reset { margin-block:0 20px!important; font-size:14px; color:var(--tl-muted)!important; }
.pre-tl-era { position:relative; border:1px solid var(--tl-border); border-radius:6px; margin-block-end:20px; scroll-margin-top:calc(var(--tl-sticky) + var(--tl-nav-offset,125px)); background:#080d10; box-shadow:0 8px 22px #0002; }
/* A fine top edge joins the fading year rail, without a solid red box. */
.pre-tl-era::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit; background:linear-gradient(270deg,#ff4054,#ff405499 65%,#ff405420),linear-gradient(180deg,#ff4054,#e33a4b70 38%,#e33a4b00 92%); background-size:100% 1px,1px 100%; background-position:top right; background-repeat:no-repeat; }
.pre-tl-era-head { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:22px 28px; min-height:clamp(160px,12vw,220px); background:#10191e; border-radius:5px 5px 0 0; border-block-end:1px solid #a4445059; box-shadow:inset 0 -1px #bd3a4524,0 4px 14px #cf27300a; text-shadow:0 1px 8px #000; }
.pre-tl-era-head .pre-tl-era-art { object-position:center 45%; }
.pre-tl-era-head::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#080c0e20,#080c0e60 45%,#080c0ebd 85%); pointer-events:none; }
.pre-tl-era-head h2 { font-size:36px; line-height:1.35; font-weight:800; }
.pre-tl-era-head h3 { font-size:23px; margin-block-start:8px; }
.pre-tl-era-head p { max-width:660px; color:#d0d8dc; margin-block-start:10px; line-height:1.9; }
.pre-tl-era.is-featured .pre-tl-era-head h2 { color:var(--tl-red); }
.pre-tl-era-head :is(h2,h3,p) { max-width:calc(100% - 250px); overflow-wrap:anywhere; }
.pre-tl-era-head a { position:relative; z-index:4; }
.pre-timeline .pre-tl-era-toggle { position:absolute; inset:0; z-index:3; width:100%; height:100%; display:flex; align-items:center; justify-content:flex-end; padding:22px 24px; margin:0; border:0; border-radius:inherit; background:transparent; text-shadow:none; text-align:start; }
.pre-timeline .pre-tl-era-toggle:focus-visible { outline-offset:-4px; }
.pre-tl-era-cta { display:flex; flex-direction:column; align-items:center; gap:3px; max-width:100%; padding:9px 14px; border:1px solid #ef4657; border-radius:6px; background:#0b0f13e8; color:#fff; box-shadow:0 2px 10px #0004; transition:background-color .18s,border-color .18s; }
.pre-tl-era-cta-row { display:flex; align-items:center; justify-content:center; gap:10px; font-size:15px; font-weight:700; line-height:1.5; }
.pre-tl-era-count { font-size:12px; font-weight:400; line-height:1.5; color:#e5ced2; }
.pre-tl-era-arrow { display:flex; align-items:center; flex:0 0 20px; rotate:-90deg; transition:rotate .18s; }
.pre-tl-era-radar { position:relative; display:block; flex:0 0 10px; width:10px; height:10px; border-radius:50%; background:#ff4054; }
.pre-tl-era-radar::before,.pre-tl-era-radar::after { content:""; position:absolute; inset:-3px; border:1px solid #ff4054; border-radius:50%; animation:pre-tl-radar 2s ease-out infinite; pointer-events:none; }
.pre-tl-era-radar::after { animation-delay:-1s; }
@keyframes pre-tl-radar { from { transform:scale(.65); opacity:.65; } to { transform:scale(1.6); opacity:0; } }
.pre-tl-era-toggle:is(:hover,:focus-visible) .pre-tl-era-cta { background:#35141dcc; border-color:#ff8b99; }
.pre-tl-era.is-open { border-color:#a73c4c; box-shadow:0 0 12px #ed34451c; }
.pre-tl-era-toggle[aria-expanded=true] .pre-tl-era-cta { background:#471522e8; border-color:#ff8b99; }
.pre-tl-era-toggle[aria-expanded=true] .pre-tl-era-arrow { rotate:90deg; }
.pre-tl-era-toggle[aria-expanded=true] .pre-tl-era-radar::before,.pre-tl-era-toggle[aria-expanded=true] .pre-tl-era-radar::after { animation:none; opacity:0; }
.pre-tl-era-panel[data-animating] { overflow:hidden; }
.pre-tl-rail { position:relative; padding:16px 24px 12px 14px; margin-inline:18px 0; }
.pre-tl-rail::before { content:""; position:absolute; inset-inline-start:0; inset-block:0; width:1px; pointer-events:none; background:linear-gradient(180deg,#ff4054,#e33a4b70 50%,#e33a4b00 95%); }
.pre-tl-event { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,32%); gap:24px; background:linear-gradient(110deg,#131d22,#0b1114); border:1px solid #34444b; border-radius:6px; padding:18px; margin-block-end:16px; position:relative; scroll-margin-top:calc(var(--tl-sticky) + var(--tl-nav-offset,125px)); box-shadow:0 3px 10px #0002; }
.pre-tl-event.is-featured { border-color:#9d4650; box-shadow:inset -2px 0 #ad4351,0 3px 16px #66152124; }
.pre-tl-event:not(:has(.pre-tl-image)) { grid-template-columns:minmax(0,1fr); }
.pre-tl-point { position:absolute; inset-inline-start:-31px; top:28px; width:12px; height:12px; background:#eac6a4; border:3px solid #ed3445; border-radius:50%; }
.pre-tl-event.is-featured .pre-tl-point { box-shadow:0 0 10px #ed243d66; }
.pre-tl-image { grid-column:2; grid-row:1; align-self:start; }
.pre-tl-image img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border:1px solid #53616a; border-radius:5px; transition:border-color .18s ease,filter .18s ease; }
.pre-tl-event:hover .pre-tl-image img { border-color:#829098; filter:brightness(1.05); }
.pre-tl-event-copy { grid-column:1; grid-row:1; min-width:0; }
.pre-tl-meta { display:flex; align-items:center; gap:10px 14px; flex-wrap:wrap; font-size:15px; line-height:1.6; color:#cbd3d8; }
.pre-tl-meta>span { display:inline-flex; align-items:center; gap:6px; }
.pre-tl-badge { border:1px solid var(--type-accent); border-radius:4px; padding:2px 8px; background:#090d0f; color:#f4f5f6; }
.pre-tl-badge svg { color:var(--type-accent); }
@supports (background:color-mix(in srgb,red,black)) {
 .pre-tl-badge { background:color-mix(in srgb,var(--type-accent) 14%,#090d0f); }
 .pre-timeline .pre-tl-types a[aria-current=true] { background:color-mix(in srgb,var(--type-accent,#ee3449) 28%,#090d0f); }
}
.pre-tl-featured { color:#ffcf96; border:1px solid #67513a; border-radius:4px; padding:1px 6px; font-size:12px; }
.pre-tl-event h3 { font-size:24px; line-height:1.5; margin-block:10px; overflow-wrap:anywhere; }
.pre-tl-event p { max-width:70ch; color:#d0d8dd; font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.pre-tl-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-block-start:16px; }
.pre-tl-actions :is(a,button),.pre-tl-pagination a { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 14px; min-height:44px; border:1px solid #53616a; border-radius:5px; background:linear-gradient(180deg,#131c21,#0b1114); font-size:14px; line-height:1.5; }
.pre-tl-actions :is(a,button):hover { border-color:#f34f5d; }
.pre-tl-actions [data-tl-expand] { border-color:#da6575; background:#38141e; font-weight:700; min-height:46px; padding-inline:18px; }
.pre-tl-actions [data-tl-expand] { transition:background-color .2s,border-color .2s,box-shadow .2s; }
.pre-tl-actions [data-tl-expand]:hover { background:#51202c; border-color:#ff8493; box-shadow:0 0 10px #e54b6025; }
.pre-tl-actions [data-tl-expand][aria-expanded=true] { background:#702436; border-color:#ff9aa7; box-shadow:0 0 10px #e54b6025; }
.pre-tl-actions [data-tl-expand] svg { transition:rotate .2s ease; }
.pre-tl-actions [data-tl-expand][aria-expanded=true] svg { rotate:-90deg; }
.pre-tl-actions [data-tl-expand]:disabled { cursor:wait; opacity:.7; }
.pre-timeline .pre-tl-details { border:1px solid #bc506480; border-inline-start:3px solid #df6075; border-radius:5px; background:#301b27; box-shadow:inset 0 1px #ff9bad12,0 0 18px #d54c6314; margin-block:22px 12px; padding:24px 26px; overflow:auto; max-height:65vh; overflow-wrap:anywhere; color:#f5eaf0; scrollbar-width:thin; scrollbar-color:#ad5163 #301b27; }
.pre-timeline .pre-tl-details p { color:#f5eaf0; }
.pre-tl-details a { color:#ffbdc7; text-decoration:underline; text-underline-offset:3px; }
.pre-tl-details :is(img,video,table) { max-width:100%; height:auto; }
.pre-tl-details :is(h2,h3,h4,p,ul,ol) { margin-block-end:12px; }
.pre-tl-details :is(ul,ol) { padding-inline-start:24px; }
.pre-tl-details>:last-child { margin-block-end:0; }
.pre-tl-feedback:empty { display:none; }
.pre-tl-empty { padding:48px 20px!important; text-align:center; color:var(--tl-muted)!important; }
.pre-tl-pagination { display:flex; justify-content:center; align-items:center; gap:20px; padding-block:15px 40px; flex-wrap:wrap; }
.pre-tl-pagination a { border-color:var(--tl-red); min-height:50px; padding:10px 20px; font-size:15px; }
.pre-tl-pagination>span { display:inline-flex; justify-content:center; align-items:center; min-width:80px; min-height:46px; padding:8px 14px; border:1px solid #46545b; border-radius:5px; background:#141c22; color:#f8e8eb; font-size:17px; font-weight:700; direction:ltr; font-variant-numeric:tabular-nums; }
@media(max-width:1199px) { .pre-tl-layout { display:block; } .pre-tl-year-sidebar { display:none; position:static; } .pre-tl-event { grid-template-columns:minmax(0,1fr) 260px; } }
@media(max-width:820px) {
 .pre-tl-hero h1 { font-size:40px; } .pre-tl-event { grid-template-columns:minmax(0,1fr) 200px; gap:18px; }
 .pre-tl-width { width:calc(100% - 28px); } .pre-tl-era-head { padding:22px 18px; min-height:160px; }
 .pre-tl-era-strip { position:relative; top:auto; } .pre-tl-event h3 { font-size:23px; }
}
@media(max-width:600px) {
 body.pre-timeline-route #theme-header.header-layout-2 #logo { margin-block:6px!important; }
 body.pre-timeline-route #theme-header.header-layout-2 #logo .tie-logo-img { max-height:48px!important; }
 .pre-tl-hero { min-height:310px; text-align:center; background-position:40% top; }
 .pre-tl-hero .pre-tl-width { padding-block:32px; } .pre-tl-hero h1 { font-size:34px; margin-block-end:14px; } .pre-tl-hero-copy { width:100%; margin:0; } .pre-tl-hero-art-left { opacity:.18; width:65%; } .pre-tl-hero-art-right { opacity:.12; width:35%; padding:15px 0; }
 .pre-tl-hero p { font-size:15px; margin-inline:auto; } .pre-tl-mode { justify-content:center; gap:10px; margin-block-start:20px; }
 .pre-tl-mode>a,.pre-tl-guide summary { font-size:13px; padding:9px 12px; min-height:44px; } .pre-tl-guide summary { min-width:108px; } .pre-tl-search { width:100%; }
 .pre-tl-filters { padding-block:18px 14px; } .pre-tl-era-strip { margin-block-end:20px; padding-inline:12px; } .pre-tl-era-strip::before,.pre-tl-era-strip::after { width:12px; } .pre-tl-eras { padding-block:8px; gap:10px; }
 .pre-tl-eras a { flex-basis:144px; min-height:82px; padding:8px 10px; min-width:100px; font-size:13px; } .pre-tl-eras a:first-child { flex-basis:78px; min-width:78px; }
 .pre-tl-era-card bdi { font-size:18px; } .pre-tl-era-card span { font-size:12px; }
 .pre-tl-extra-filters { gap:10px; margin-block-start:10px; } .pre-tl-extra-filters select { min-height:44px; }
 .pre-tl-rail { padding-inline:14px 10px; margin-inline-start:8px; }
 .pre-tl-event { grid-template-columns:minmax(0,1fr) 100px; gap:10px 12px; padding:12px; } .pre-tl-point { width:10px; height:10px; inset-inline-start:-20px; top:28px; }
 .pre-tl-image { grid-row:1 / span 2; width:100%; margin:0; } .pre-tl-image img { aspect-ratio:1/1; }
 .pre-tl-event-copy { display:contents; } .pre-tl-event-copy>:is(.pre-tl-meta,h3,p) { grid-column:1; }
 .pre-tl-event-copy>.pre-tl-meta { grid-row:1; } .pre-tl-event-copy>h3 { grid-row:2; margin-block:0; }
 .pre-tl-event-copy>p { grid-column:1 / -1; grid-row:3; } .pre-tl-event-copy>.pre-tl-actions { grid-column:1 / -1; grid-row:4; }
 .pre-tl-event-copy>.pre-tl-details { grid-column:1 / -1; grid-row:5; } .pre-tl-event-copy>.pre-tl-feedback { grid-column:1 / -1; grid-row:6; }
 .pre-tl-meta { gap:8px; font-size:12px; }
 .pre-tl-event h3 { font-size:18px; } .pre-tl-event-copy>p { font-size:14px; }
 .pre-tl-actions { gap:8px; margin-block-start:14px; } .pre-tl-actions :is(a,button) { font-size:13px; padding:8px 10px; min-height:44px; }
 .pre-tl-era-head { padding:18px 16px 90px; min-height:160px; } .pre-tl-era-head :is(h2,h3,p) { max-width:100%; } .pre-tl-era-head h2 { font-size:32px; } .pre-tl-era-head h3 { font-size:21px; }
 .pre-timeline .pre-tl-era-toggle { align-items:flex-end; padding:14px 16px; } .pre-tl-era-cta { padding:8px 12px; }
 .pre-tl-era-head p { font-size:15px; }
 .pre-timeline .pre-tl-details { padding:20px 18px; max-height:70vh; margin-block:18px 10px; } .pre-tl-pagination { gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .pre-timeline * { scroll-behavior:auto!important; transition:none!important; } }
@media(prefers-reduced-motion:reduce) { .pre-tl-era-radar::before,.pre-tl-era-radar::after { animation:none; opacity:0; } }

/* Advanced timeline filters use the same native dark-option treatment. */
.pre-timeline select{color-scheme:dark}
.pre-timeline select :is(option,optgroup){background-color:#11191e;color:#eef2f5}
.pre-timeline select option:checked{background-color:#711d2e;color:#fff}
.pre-timeline select option:disabled{color:#b2c0ca}