
:root{
  --ink:#f5f0df;
  --muted:#cfc3a4;
  --paper:#fffaf0;
  --paper-ink:#17130d;
  --gold:#c9a227;
  --gold-soft:rgba(201,162,39,.18);
  --charcoal:#16181b;
  --coal:#0d0f12;
  --line:rgba(245,240,223,.16);
  --panel:rgba(255,255,255,.055);
  --panel-strong:rgba(255,255,255,.085);
  --danger:#e2a4a4;
  --ok:#bad4c5;
  --radius:24px;
  --shadow:0 22px 55px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 5%, rgba(201,162,39,.16), transparent 34rem),
    radial-gradient(circle at 80% 0%, rgba(83,99,114,.18), transparent 35rem),
    linear-gradient(135deg, var(--coal), #17191c 52%, #090a0c);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.6;
}
a{color:inherit}
.skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:#000;padding:.75rem;z-index:10}
.skip-link:focus{left:1rem;top:1rem}
.site-top{
  position:sticky;top:calc(-1 * var(--site-nav-stick-offset, 0px));z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem clamp(1rem,3vw,2rem);
  background:rgba(9,10,12,.78);
  backdrop-filter: blur(18px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-weight:900;box-shadow:0 0 25px rgba(201,162,39,.22)}
.nav{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.nav a{padding:.55rem .8rem;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:700;font-size:.9rem}
.nav a[aria-current="page"],.nav a:hover{background:var(--gold-soft);color:var(--ink)}
.hero{padding:clamp(3rem,8vw,7rem) clamp(1rem,6vw,5rem) 2rem;max-width:1280px;margin:auto}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;margin:0 0 1rem}
h1{font-size:clamp(2.55rem,7vw,6.7rem);line-height:.92;margin:0;letter-spacing:-.08em;max-width:11ch}
.hero p.lead{font-size:clamp(1.08rem,2.5vw,1.45rem);color:var(--muted);max-width:780px;margin:1.35rem 0 0}
.hero-actions,.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;border:1px solid rgba(201,162,39,.65);border-radius:999px;padding:.8rem 1rem;font-weight:850;color:var(--gold);background:rgba(201,162,39,.08)}
.btn:hover{transform:translateY(-1px);background:rgba(201,162,39,.16)}
.btn.secondary{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.05)}
.wrap{max-width:1280px;margin:auto;padding:0 clamp(1rem,6vw,5rem) 4rem}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}
.card.strong{background:linear-gradient(135deg, rgba(201,162,39,.14), rgba(255,255,255,.055));border-color:rgba(201,162,39,.34)}
.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}
.section{margin-top:2rem}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.section-title h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em}.section-title p{margin:0;color:var(--muted);max-width:640px}
h2,h3{line-height:1.1} h3{margin:.2rem 0 .5rem;font-size:1.15rem}.muted{color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi{padding:1rem;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.kpi b{display:block;color:var(--gold);font-size:1.9rem;line-height:1}.kpi span{color:var(--muted);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.notice{border-left:4px solid var(--gold);padding:1rem 1.1rem;background:rgba(201,162,39,.11);border-radius:18px}.notice.red{border-left-color:var(--danger);background:rgba(226,164,164,.09)}
.searchbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.searchbar input,.searchbar select{min-height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink);padding:.75rem 1rem;outline:none}.searchbar input{flex:1;min-width:230px}.searchbar select{min-width:180px}option{color:#111}
.list{display:grid;gap:1rem}.doc-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.doc-title{margin:0;font-size:1.08rem}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:800;color:var(--muted)}.tag.gold{border-color:rgba(201,162,39,.55);color:var(--gold);background:rgba(201,162,39,.09)}
.timeline{position:relative;display:grid;gap:1rem}.timeline-item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1rem;align-items:start}.date-chip{color:var(--gold);font-weight:900}.timeline-item .card{padding:1rem 1.1rem}
.exhibit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.exhibit-letter{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold-soft);color:var(--gold);font-weight:1000;border:1px solid rgba(201,162,39,.55)}
.file-links{display:grid;gap:.5rem;margin-top:.75rem}.file-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:.6rem .75rem;background:rgba(255,255,255,.035)}.file-links a:hover{border-color:rgba(201,162,39,.45)}.file-kind{font-size:.76rem;color:var(--gold);font-weight:900;white-space:nowrap}
.footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,6vw,5rem);color:var(--muted);max-width:1280px;margin:auto}
.print-only{display:none}
@media(max-width:900px){.span-8,.span-6,.span-4,.span-3{grid-column:span 12}.kpis{grid-template-columns:repeat(2,1fr)}.exhibit-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.site-top{position:relative;align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}}
@media(max-width:540px){.kpis{grid-template-columns:1fr}.doc-card{grid-template-columns:1fr}.hero{padding-top:2.2rem}h1{font-size:3rem}}
@media print{body{background:#fff;color:#111}.site-top,.hero-actions,.searchbar,.btn,.footer{display:none!important}.wrap,.hero{max-width:none;padding:0}.card{box-shadow:none;border-color:#999;background:#fff;color:#111}.muted{color:#333}.print-only{display:block}.tag{border-color:#777;color:#111}.notice{border-color:#777;background:#fff}}


/* The.Jimtionary — Legal.Edition header additions */
.site-top{
  flex-direction:column;
  align-items:stretch;
  padding:.75rem clamp(1rem,3vw,2rem) .85rem;
}
.site-banner{
  display:block;
  width:min(1120px,100%);
  margin:.15rem auto .85rem;
  text-decoration:none;
  padding:clamp(.55rem,1.6vw,1rem);
  border:1px solid rgba(201,162,39,.34);
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(201,162,39,.14), rgba(255,255,255,.035) 38%, rgba(0,0,0,.18)),
    radial-gradient(circle at 50% 0%, rgba(201,162,39,.18), transparent 60%);
  box-shadow:0 20px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.site-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:190px;
  object-fit:contain;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.45));
  border-radius:20px;
}
.site-nav-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  width:100%;
}
.video-front-seat{margin-top:2rem}
.video-card{padding:.65rem;overflow:hidden;background:rgba(0,0,0,.38)}
.video-card .sp-embed-player{border-radius:18px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.45)}
.screenpal-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;min-height:260px;border-radius:18px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.45);background:#050505}
.screenpal-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:transparent}
.video-fallback{margin:.85rem 0 .25rem;text-align:center}
@media(max-width:900px){.site-nav-row{align-items:flex-start;flex-direction:column}.site-banner{border-radius:22px;padding:.5rem}.site-banner img{max-height:145px}}
body{
  background:#000;
}
.site-top{
  background:#000;
  border-bottom:1px solid var(--gold);
}
.site-banner{
  background:#000;
}
.site-banner img{
  background:#000;
}
.card.span-4 .kpis{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.card.span-4 .kpi{
  min-width:0;
}

.hero h1.archive-seal-line{
  max-width:100%;
  white-space:nowrap;
  letter-spacing:normal;
  font-size:clamp(.9rem,4.25vw,3.25rem);
}

/* Start.Here heading: keep intro text under section title */
.start-here-title{display:block}
.start-here-title p{margin-top:.35rem;max-width:100%}
.start-here-title p span{font-size:1rem!important;white-space:nowrap}

/* Start.Here cards: align Open buttons across the row */
.start-here-title + .grid > .card{display:flex;flex-direction:column}
.start-here-title + .grid > .card .btn{margin-top:auto;align-self:flex-start}


/* Header/nav body-width containment */
.site-top{
  padding-left:0;
  padding-right:0;
  border-bottom:0;
  position:sticky;
}
.site-top::after{
  content:"";
  display:block;
  width:min(1120px, calc(100% - clamp(2rem, 12vw, 10rem)));
  height:2px;
  margin:0 auto;
  background:var(--gold);
}
.site-banner,
.site-nav-row{
  width:min(1120px, calc(100% - clamp(2rem, 12vw, 10rem)));
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:900px){
  .site-banner,
  .site-nav-row,
  .site-top::after{
    width:calc(100% - 2rem);
  }
}

/* Footer accent line: match header/page-body width */
.footer{
  border-top:0;
  position:relative;
}
.footer::before{
  content:"";
  display:block;
  width:min(1120px, calc(100vw - clamp(2rem, 12vw, 10rem)));
  height:2px;
  margin:0 auto 2rem;
  background:var(--gold);
}
@media(max-width:900px){
  .footer::before{
    width:calc(100vw - 2rem);
  }
}

/* Mobile overflow/wrap containment — prevents offscreen text/footer on phones */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

main,
.wrap,
.grid,
.card,
.site-top,
.site-banner,
.site-nav-row,
.brand,
.nav,
.footer,
.section-title,
.doc-card,
.file-links,
.file-links a{
  min-width:0;
}

p,
h1,
h2,
h3,
li,
a,
span,
strong{
  overflow-wrap:anywhere;
  word-break:normal;
}

.site-nav-row,
.footer{
  max-width:100%;
}

.brand{
  flex-wrap:wrap;
  max-width:100%;
}

.brand span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
}

.file-links a{
  max-width:100%;
}

.file-links a > *{
  min-width:0;
}

@media(max-width:640px){
  .hero h1.archive-seal-line{
    white-space:normal;
    max-width:100%;
    line-height:1.05;
  }

  .start-here-title p span{
    white-space:normal!important;
  }

  .section-title{
    display:block;
  }

  .footer{
    display:block!important;
    padding-left:1rem;
    padding-right:1rem;
  }

  .footer p,
  .footer span{
    white-space:normal!important;
    text-align:left!important;
    max-width:100%;
  }

  .footer p + p{
    margin-top:.55rem!important;
  }

  .file-links a{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  .file-kind{
    white-space:normal;
  }
}

/* Floating Return.To.Top button */
.return-to-top{
  position:fixed;
  right:clamp(1rem,3vw,1.5rem);
  bottom:calc(1rem + env(safe-area-inset-bottom));
  z-index:35;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-width:3.35rem;
  min-height:3.35rem;
  padding:.75rem .9rem;
  border:1px solid rgba(201,162,39,.72);
  border-radius:999px;
  color:var(--coal);
  background:linear-gradient(135deg, var(--gold), #f1d675);
  box-shadow:0 18px 44px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.08) inset;
  font:inherit;
  font-size:.85rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(.85rem);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease, filter .2s ease;
}
.return-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.return-to-top:hover{
  filter:brightness(1.05);
  transform:translateY(-2px);
}
.return-to-top:focus-visible{
  outline:3px solid var(--ink);
  outline-offset:3px;
}
@media(max-width:540px){
  .return-to-top{
    right:1rem;
    bottom:calc(.85rem + env(safe-area-inset-bottom));
    min-width:3rem;
    min-height:3rem;
    padding:.65rem .75rem;
    font-size:.78rem;
  }
}
@media print{
  .return-to-top{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .return-to-top{transition:none}
}



/* Archive trust + source-link additions */
.archive-status{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.archive-status span,
.timeline-sources a,
.timeline-sources span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(201,162,39,.45);
  border-radius:999px;
  padding:.28rem .62rem;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.archive-status span{
  color:var(--gold);
  background:rgba(201,162,39,.1);
}
.trust-card{
  border-color:rgba(201,162,39,.3);
  background:linear-gradient(135deg, rgba(201,162,39,.105), rgba(255,255,255,.045));
}
.timeline-sources{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  margin-top:.85rem;
}
.timeline-sources span{
  border-color:var(--line);
  color:var(--muted);
  background:rgba(255,255,255,.035);
}
.timeline-sources a{
  color:var(--gold);
  background:rgba(201,162,39,.08);
  text-decoration:none;
}
.timeline-sources a:hover{
  border-color:rgba(201,162,39,.75);
  background:rgba(201,162,39,.16);
}
.error-page .hero h1{
  max-width:12ch;
  letter-spacing:-.045em;
}
.security-list{
  display:grid;
  gap:.65rem;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
}
.security-list li{
  border:1px solid var(--line);
  border-radius:16px;
  padding:.72rem .8rem;
  background:rgba(255,255,255,.035);
  color:var(--muted);
}
.security-list strong{color:var(--ink)}
@media(max-width:540px){
  .archive-status span,
  .timeline-sources a,
  .timeline-sources span{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

/* Footer + exhibit file-link containment patch */
.footer{
  width:min(1120px, calc(100% - clamp(2rem, 12vw, 10rem)));
  max-width:none;
  margin:0 auto;
  padding:2rem 0;
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  overflow:hidden;
}
.footer::before{
  width:100%;
}
.footer p{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  margin:0;
}
.footer p:first-child{
  flex:0 1 auto;
}
.footer p:last-child{
  flex:1 1 24rem;
  text-align:right;
  white-space:normal!important;
}
.footer p:last-child span{
  white-space:normal!important;
}

.file-links,
.file-links a,
.exhibit-grid .card{
  min-width:0;
  max-width:100%;
}
.file-links a{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  overflow-wrap:anywhere;
}
.file-links a > span:first-child{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.file-kind{
  justify-self:end;
  max-width:100%;
  white-space:normal;
  text-align:right;
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .footer{
    width:calc(100% - 2rem);
  }
}
@media(max-width:720px){
  .footer{
    display:block!important;
  }
  .footer p,
  .footer p:last-child{
    text-align:left!important;
  }
  .footer p + p{
    margin-top:.55rem!important;
  }
  .file-links a{
    grid-template-columns:1fr;
    gap:.2rem;
  }
  .file-kind{
    justify-self:start;
    text-align:left;
  }
}

/* Global archive search */
.global-search{
  border:1px solid rgba(201,162,39,.34);
  border-radius:var(--radius);
  padding:1.15rem;
  background:linear-gradient(135deg, rgba(201,162,39,.12), rgba(255,255,255,.05));
  box-shadow:var(--shadow);
}
.global-search-controls{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:.9rem;
}
.global-search-controls input,
.global-search-controls select{
  min-height:44px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.07);
  color:var(--ink);
  padding:.75rem 1rem;
  outline:none;
}
.global-search-controls input{
  flex:1;
  min-width:230px;
}
.global-search-controls select{
  min-width:190px;
}
.global-search-controls button{
  min-height:44px;
  cursor:pointer;
}
.global-search-count{
  margin:.75rem 0 0;
  color:var(--muted);
  font-size:.92rem;
  font-weight:700;
}
.global-search-results{
  display:grid;
  gap:.85rem;
  margin-top:1rem;
}
.archive-result-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:start;
  background:rgba(0,0,0,.22);
}
.archive-result-card h3 a{
  text-decoration:none;
}
.archive-result-card h3 a:hover{
  color:var(--gold);
}
.archive-result-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:flex-start;
}
:target{
  scroll-margin-top:9rem;
}
.card:target,
.timeline-item:target{
  outline:2px solid var(--gold);
  outline-offset:4px;
}
@media(max-width:720px){
  .archive-result-card{
    grid-template-columns:1fr;
  }
  .archive-result-actions{
    justify-content:flex-start;
  }
  .global-search-controls input,
  .global-search-controls select,
  .global-search-controls button{
    width:100%;
  }
}
@media print{
  .global-search{display:none!important}
}
