/* preview-tabs: script logo + jewel-tone tab header, page layouts for trivia / timelines / finds, homepage GiveSendGo block.
   Loaded after style.css on every page (added by _build/build_tabs.py). */
@font-face{font-family:"Great Vibes";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/great-vibes-latin.woff2?v=c59dc73d29) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/cinzel-600-latin.woff2?v=61efc27ceb) format("woff2")}
:root{--gold-1:#FBEBB5;--gold-2:#E2BE6A;--gold-3:#B8893A;--kbar-h:76px}

/* ---------- bar ---------- */
.kbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#1B1E27 0%,#12141B 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-bottom:0!important;box-shadow:0 1px 0 rgba(226,190,106,.10) inset,0 6px 18px rgba(12,14,20,.22)}
.kbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--edge);z-index:1}
.kbar{--edge:linear-gradient(90deg,#8C6420,#E2BE6A 30%,#F6DE9C 50%,#E2BE6A 70%,#8C6420)}
.kbar[data-act="navy"]{--edge:#1E3768}.kbar[data-act="ruby"]{--edge:#4A111B}.kbar[data-act="gold"]{--edge:#6E4F0A}
.kbar[data-act="teal"]{--edge:#0A5152}.kbar[data-act="violet"]{--edge:#3E2370}.kbar[data-act="emerald"]{--edge:#0D5440}
.kbar-in{display:flex;align-items:stretch;gap:26px;height:var(--kbar-h);max-width:1240px}

/* ---------- logo ---------- */
.klogo{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:0 2px 3px;border-radius:10px;outline-offset:3px}
.klogo-k{font:400 44px/0.92 "Great Vibes","Snell Roundhand","Apple Chancery",cursive;padding:0 10px 0 6px;
  background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 46%,var(--gold-3) 74%,#EBCF86 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 7px rgba(226,190,106,.32)) drop-shadow(0 1px 0 rgba(0,0,0,.5));transition:filter .25s ease}
.klogo-r{position:relative;display:block;width:100%;height:1px;margin:1px 0 4px;background:linear-gradient(90deg,transparent,rgba(226,190,106,.85) 22%,rgba(246,222,156,1) 50%,rgba(226,190,106,.85) 78%,transparent)}
.klogo-r::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transform:rotate(45deg);background:#F1D58E;box-shadow:0 0 6px rgba(241,213,142,.7)}
.klogo-i{font:600 9.5px/1 Cinzel,"Trajan Pro",Georgia,serif;letter-spacing:.38em;margin-right:-.38em;color:#EAD9A4;text-transform:uppercase;white-space:nowrap}
.klogo:hover .klogo-k,.klogo:focus-visible .klogo-k{filter:drop-shadow(0 0 11px rgba(241,213,142,.55)) drop-shadow(0 1px 0 rgba(0,0,0,.5))}
.klogo:focus-visible{outline:2px solid var(--gold-2)}

/* ---------- tabs ---------- */
.ktabs{flex:1 1 auto;min-width:0;display:flex;align-items:flex-end}
.ktabs-l{display:flex;align-items:flex-end;gap:6px;list-style:none;margin:0;padding:0}
.ktabs-l li{display:flex}
.ktab{--t1:#2B4C8A;--t2:#1E3768;position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;margin-bottom:3px;
  border-radius:11px 11px 0 0;text-decoration:none;white-space:nowrap;color:#FFF7E6;font:600 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:.005em;
  background:linear-gradient(180deg,var(--t1),var(--t2));border:1px solid rgba(255,236,190,.16);border-bottom:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -8px 14px rgba(0,0,0,.18),0 -1px 0 rgba(0,0,0,.25);
  transform:translateY(5px);filter:saturate(.9) brightness(.9);text-shadow:0 1px 1px rgba(0,0,0,.35);
  transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}
.ktab::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,247,230,.55);box-shadow:0 0 0 2px rgba(255,255,255,.08);flex:0 0 auto;transition:background .16s ease,box-shadow .16s ease}
.ktab:hover{transform:translateY(1px);filter:saturate(1.05) brightness(1.05);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -8px 14px rgba(0,0,0,.12),0 -4px 14px -2px var(--glow)}
.ktab:hover::before{background:#FFF7E6}
.ktab:active{transform:translateY(6px);filter:brightness(.92);box-shadow:inset 0 2px 6px rgba(0,0,0,.4);transition-duration:.05s}
.ktab:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}
.ktab[aria-current]{transform:none;filter:none;height:48px;margin-bottom:0;padding-bottom:3px;font-weight:700;color:#fff;z-index:2;
  background:linear-gradient(180deg,var(--t0,var(--t1)),var(--t2));border-color:rgba(255,236,190,.38);
  box-shadow:inset 0 2px 0 rgba(246,222,156,.9),inset 0 1px 0 rgba(255,255,255,.35),0 -6px 18px -4px var(--glow)}
.ktab[aria-current]::before{background:var(--gold-1);box-shadow:0 0 0 2px rgba(246,222,156,.25),0 0 8px rgba(246,222,156,.8)}
.ktab[aria-current]:active{transform:translateY(2px)}
/* jewel tones: cream #FFF7E6 >= 4.85:1 on every stop; hover (brightness 1.05, white text) >= 4.7:1 */
.k-navy{--t0:#34589C;--t1:#2B4C8A;--t2:#1E3768;--glow:rgba(76,120,210,.55)}
.k-ruby{--t0:#741C2A;--t1:#5A1520;--t2:#4A111B;--glow:rgba(200,50,70,.5)}
.k-gold{--t0:#8E6610;--t1:#83600E;--t2:#6E4F0A;--glow:rgba(236,190,90,.55)}
.k-teal{--t0:#127373;--t1:#0E6566;--t2:#0A5152;--glow:rgba(40,190,180,.45)}
.k-violet{--t0:#5E3A99;--t1:#52308A;--t2:#3E2370;--glow:rgba(150,100,230,.5)}
.k-emerald{--t0:#167A5C;--t1:#126B50;--t2:#0D5440;--glow:rgba(40,200,140,.45)}
.kt-m,.kt-s{display:none}
@media(max-width:1279px){.kt-l{display:none}.kt-m{display:inline}.kbar-in{gap:18px}.ktab{padding:0 13px;font-size:13px}}

/* ---------- phones / small tablets: logo row, then a scrollable strip of the same tabs ---------- */
@media(max-width:759px){
  .kbar{position:relative}
  .kbar-in{flex-direction:column;align-items:stretch;gap:0;height:auto;padding:0}
  .klogo{align-self:flex-start;align-items:center;margin:9px 0 6px 16px;padding:0}
  .klogo-k{font-size:36px}
  .klogo-i{font-size:8.5px}
  .ktabs{position:relative;overflow:hidden}
  .ktabs::after{content:"";position:absolute;right:0;top:0;bottom:3px;width:26px;pointer-events:none;background:linear-gradient(90deg,rgba(18,20,27,0),#12141B)}
  .ktabs-l{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:6px 26px 0 12px;scroll-padding:0 26px 0 12px;gap:5px}
  .ktabs-l::-webkit-scrollbar{display:none}
  .ktab{height:38px;padding:0 12px;font-size:13px}
  .ktab[aria-current]{height:43px}
  .ktab::before{width:6px;height:6px}
  .kt-m{display:none}.kt-s{display:inline}
}
@media(prefers-reduced-motion:reduce){.ktab,.klogo-k{transition:none}}

/* taller header: keep anchors and sticky side panels clear of it */
@media(min-width:760px){
  .fd{scroll-margin-top:92px!important}
  .dl-side{top:92px!important;max-height:calc(100vh - 108px)!important}
  .ft,.find,.otl{scroll-margin-top:92px}
}
/* the homepage tagline used to live in the header (brand-tag); show it in the page at every width */
.pg-home .tagline{display:block!important;padding-top:14px}

/* ---------- homepage: GiveSendGo block (very bottom, above the footer) ---------- */
.gsg{padding:26px 0 30px}
.gsg-card{position:relative;display:flex;align-items:center;gap:22px 30px;flex-wrap:wrap;justify-content:space-between;padding:24px 26px;border-radius:22px;color:#FBEFEA;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,#6E1A27 0%,#4A111B 45%,#260810 100%);border:1px solid rgba(240,170,170,.18);box-shadow:0 14px 34px rgba(38,8,16,.35)}
.gsg-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 40%);}
.gsg-txt{position:relative;flex:1 1 380px;min-width:0}
.gsg-kick{margin:0 0 6px;font:700 11.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F2B4A8}
.gsg-h{margin:0 0 8px;font:600 clamp(21px,2.6vw,27px)/1.18 var(--serif);color:#fff;letter-spacing:-.005em}
.gsg-p{margin:0;font-size:14.5px;line-height:1.55;color:#EBD3CE;max-width:46em}
.gsg-more{color:#FFD9CF;font-weight:600;text-decoration:none;white-space:nowrap}.gsg-more:hover{text-decoration:underline}
.gsg-btn{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;text-decoration:none;font:700 15px/1.2 Inter,sans-serif;color:#2A0A10;
  background:linear-gradient(180deg,#FFF3E8,#F7D9CC);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 16px rgba(0,0,0,.3);transition:transform .15s ease,box-shadow .15s ease}
.gsg-btn:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 22px rgba(0,0,0,.36)}
.gsg-btn:active{transform:translateY(1px)}
.gsg-btn:focus-visible{outline:3px solid #F6DE9C;outline-offset:3px}
.gsg-arr{font-size:16px}
@media(max-width:600px){.gsg-card{padding:20px 18px}.gsg-btn{width:100%;justify-content:center;text-align:center}}

/* ---------- trivia page ---------- */
.tv-page .tl-row{margin:6px 0 10px}
.lb-anchor{position:relative;top:-100px;height:0}
.tv-foot{margin-top:14px}
@keyframes lbflash{0%{box-shadow:0 0 0 0 rgba(14,101,102,.6)}100%{box-shadow:0 0 0 14px rgba(14,101,102,0)}}
.lb-flash{animation:lbflash 1.1s ease-out 2}

/* ---------- official timelines ---------- */
.otl{margin:0 0 22px;padding:20px 22px 18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(31,36,48,.08)}
.otl-head{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin-bottom:10px}
.otl-head h2{margin:0;font:600 24px/1.2 var(--serif)}
.otl-x{font-size:13.5px;color:var(--muted);text-decoration:none}.otl-x:hover{text-decoration:underline}
.otl-badge{margin-left:auto;font:700 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#EFE6F8;color:#3E2370}
.otl-badge.on{background:#E3F1EA;color:#0D5440}
.otl-soon{margin:4px 0 6px;font:600 18px/1.4 var(--serif);color:var(--ink)}
.otl-about{margin:0 0 12px}
.otl-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.otl-row{display:grid;grid-template-columns:110px 1fr auto;gap:6px 16px;align-items:baseline;padding:11px 2px;border-bottom:1px solid var(--line)}
.otl-row time{font-size:13px;font-weight:700;color:var(--muted)}
.otl-ev{font-size:15px;line-height:1.5}
.otl-src{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.otl-src.todo{color:var(--muted)}
.otl-ghost{opacity:.42;filter:blur(.3px);user-select:none}
.otl-ghost time,.otl-ghost .otl-ev,.otl-ghost .otl-src{color:transparent!important;border-radius:6px;background:#E9E3D8}
@media(max-width:600px){.otl{padding:16px 16px 14px}.otl-row{grid-template-columns:1fr}.otl-badge{margin-left:0}}
.otl-rel{margin-top:6px}.otl-rel h2{margin:0 0 6px;font:600 18px/1.3 var(--serif)}.otl-rel p{margin:0}

/* ---------- investigator finds ---------- */
.find{margin:0 0 28px}
.find-head{padding:0 2px 12px}
.find-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 6px;font-size:13px;color:var(--muted)}
.find-who{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#0D5440;text-decoration:none;background:#E3F1EA;padding:4px 10px;border-radius:999px}
.find-who:hover{text-decoration:underline}
.find-t{margin:0 0 6px;font:600 clamp(20px,2.4vw,26px)/1.2 var(--serif)}
.find-sum{margin:0 0 8px;font-size:15.5px;line-height:1.6;max-width:52em}
.find-src summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ink);list-style:none;display:inline-flex;align-items:center;gap:6px}
.find-src summary::-webkit-details-marker{display:none}
.find-src summary::after{content:"+";font-weight:500;color:var(--muted)}.find-src[open] summary::after{content:"−"}
.find-src ul{margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.55}.find-src a{color:var(--accent);text-decoration:none}.find-src a:hover{text-decoration:underline}
.finds .ft{padding:0}
.find-index ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0}
.find-index a{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13px}
.find-index b{font-size:12px;color:#0D5440}
/* page intro + readable panels over the map background */
.pg-hd,.find-head,.otl-rel,.tv-foot{background:rgba(251,248,242,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(30,25,15,.08);border-radius:16px;box-shadow:0 10px 30px -14px rgba(10,10,20,.45)}
.pg-hd{position:relative;padding:20px 24px 18px;margin:0 0 20px;overflow:hidden}
.pg-hd::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--pg,#B8893A)}
.pg-hd h1{margin:0 0 6px}.pg-hd .one{margin:0;color:#3E4350}
.tv-page{--pg:linear-gradient(#C9A23E,#83600E)}.otl-page{--pg:linear-gradient(#7A55BE,#3E2370)}.finds-page{--pg:linear-gradient(#22A27A,#0D5440)}
.find-head{padding:16px 20px 12px;margin-bottom:14px}.find-head .find-sum{color:#3E4350}
.otl-rel{padding:16px 20px;margin-top:18px}
.tv-foot{display:inline-block;padding:8px 14px;color:#4A4F5C}
@media(max-width:600px){.pg-hd{padding:16px 16px 14px 20px}.find-head{padding:14px 16px 10px}}