/* Doctrine page, dressed like the game: cream cards with an ink border
   and a hard "paper lip" floating over the painted terrain map, Barlow
   Condensed capitals, the movement's red against the treaty's steel blue.
   Values come from the game's src styles (see the game's ui notes).
   Fonts are SIL OFL; the terrain map is the game's own (NASA imagery,
   licence alongside the fonts). */
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url("/assets/fonts/doctrine/Barlow-500.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-weight:700;font-display:swap;src:url("/assets/fonts/doctrine/Barlow-700.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url("/assets/fonts/doctrine/BarlowCondensed-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url("/assets/fonts/doctrine/BarlowCondensed-700.woff2") format("woff2")}

.theme-doctrine{
  --sea:#86a0a6; --cream:linear-gradient(180deg,#f7f2e2,#e9e1c8); --cream-solid:#f2ecd9;
  --dink:#2a2c24; --dborder:#383a30; --dlabel:#706a56; --dred:#c14033; --dred-2:#cf7162; --treaty:#4c6a83;
  --cond:"Barlow Condensed","Arial Narrow",sans-serif; --barlow:Barlow,system-ui,sans-serif;
  --card-shadow:0 2px 0 var(--dborder),0 14px 30px rgba(30,40,40,.28);
  background:var(--sea) url("/assets/doc-terrain.webp") center top/cover fixed;color:var(--dink);font-family:var(--barlow);font-weight:500;
}
.theme-doctrine .site-head{background:var(--cream);border-color:var(--dborder);color:var(--dink)}
.theme-doctrine .site-head .brand span i{color:var(--dlabel)}
.theme-doctrine .site-nav a{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.theme-doctrine .site-nav a:hover,.theme-doctrine .site-nav a[aria-current="page"]{border-color:var(--dred)}

/* Hero: the title screen, wordmark over the washed map */
.theme-doctrine .g-hero{background:linear-gradient(90deg,rgba(247,242,226,.96) 0%,rgba(247,242,226,.82) 45%,rgba(247,242,226,.25) 100%);border-color:var(--dborder);color:var(--dink)}
.theme-doctrine .crumbs{font-family:var(--cond);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dlabel)}
.theme-doctrine .g-kicker{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--dred);opacity:1}
.theme-doctrine .g-hero h1{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(46px,5.6vw,76px)}
.theme-doctrine .title img{border-radius:50%;border:1.5px solid var(--dborder);box-shadow:0 2px 0 var(--dborder)}
.theme-doctrine .g-hero .lede{color:#4a4a3e}
.theme-doctrine .g-hero .cover{border-radius:14px;border:1.5px solid var(--dborder);box-shadow:var(--card-shadow)}
.theme-doctrine .soon-note{font-family:var(--barlow);font-weight:700;font-size:15px;border:1.5px solid var(--dborder);border-radius:10px;
  background:linear-gradient(180deg,#d4574a,var(--dred));color:#fbf6ea;box-shadow:0 2px 0 #7a2219}
.theme-doctrine .soon-note::after{content:"  \2192"}

/* Panels: cards over the map */
.theme-doctrine .g-body{background:rgba(134,160,166,.35)}
.theme-doctrine .g-panel{background:var(--cream);border:1.5px solid var(--dborder);border-radius:14px;box-shadow:var(--card-shadow);color:var(--dink);font-size:16px;line-height:1.6}
.theme-doctrine .g-about{border-top:5px solid var(--dred)}
.theme-doctrine .g-panel h2{font-family:var(--cond);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase}
/* The details card wears the event card's blue header band */
.theme-doctrine .g-facts{padding-top:0;overflow:hidden}
.theme-doctrine .g-facts h2{margin:0 -30px 14px;padding:10px 30px;background:var(--treaty);color:#f2ecd9;font-size:14px;letter-spacing:.14em}
.theme-doctrine .g-facts dl div{border-bottom:1px solid rgba(56,58,48,.18)}
.theme-doctrine .g-facts dt{font-family:var(--cond);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dlabel);align-self:center}
.theme-doctrine .g-facts dd{font-weight:700;font-variant-numeric:tabular-nums}
.theme-doctrine .g-facts .more{color:var(--dred)}

/* Gallery */
.theme-doctrine .g-gallery{background:rgba(247,242,226,.55)}
.theme-doctrine .g-gallery h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.theme-doctrine .shot-btn img{border:1.5px solid var(--dborder);border-radius:14px;box-shadow:var(--card-shadow)}
.theme-doctrine .shots-grid figcaption{font-weight:500;font-size:14px;color:#4a4a3e;opacity:1}
.theme-doctrine .lightbox button{border:1.5px solid var(--dborder);background:#f2ecd9;color:var(--dink)}

.theme-doctrine .others{background:var(--cream-solid);border-color:var(--dborder)}
.theme-doctrine .others h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.theme-doctrine .others a{background:var(--cream);border:1.5px solid var(--dborder);border-radius:14px;box-shadow:0 2px 0 var(--dborder);color:var(--dink)}
.theme-doctrine .others a:hover{background:#fbf6ea;border-color:var(--dred)}
.theme-doctrine .site-foot{background:var(--cream-solid);border-color:var(--dborder)}

/* Loading screen in the game's colours */
.theme-doctrine .loader{--loader-bg:var(--sea);--loader-ink:var(--dink);--loader-line:var(--dborder);--loader-track:#f2ecd9;--loader-fill:var(--dred);
  background-image:linear-gradient(rgba(247,242,226,.55),rgba(247,242,226,.55)),url("/assets/doc-terrain.webp");background-size:cover;background-position:center}
.theme-doctrine .loader-bar{border-width:1.5px;border-radius:10px;box-shadow:0 2px 0 var(--dborder)}
.theme-doctrine .loader-bar i{border-radius:6px}
.theme-doctrine .loader-row{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:.14em}