/* symbolicmigration.org look: sage page, white panels, warm charcoal text, geometric sans, monarch orange from the logo.
   Light only, to match the site (the extra :not(#_) outranks the prototype's dark-mode rules). */
:root:not(#_){
  --paper:#f2f4e8; --ink:#3e3e3c; --muted:#6c6d66; --line:#d8dbc9; --sea:#dbe8f0; --land:#ffffff; --border:#c3c7b3;
  --monarch:#d8702a; --trail:#e3a46f; --chip:#3e3e3c; --chipfg:#ffffff;
  --display:"Jost","Futura PT",Futura,"Century Gothic","Avenir Next",sans-serif;
  --body:"Jost","Futura PT",Futura,"Century Gothic","Avenir Next",sans-serif;
  color-scheme:light;
}
body{font-weight:300;font-size:16px;letter-spacing:.01em}
h1{font-weight:500;letter-spacing:.01em}
.eyebrow{color:var(--muted);letter-spacing:.14em;font-weight:400}
.lede{color:var(--ink)}
.notes b,.tag b,.facts b,.stats b{font-weight:500}
.seg button,.chip,.ghost,.play{letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.seg button[aria-pressed="true"]{background:var(--ink)}
.list button{font-weight:300}
.where,.panel h2{font-weight:500}
/* Embed mode (?embed=1): the Squarespace page supplies the title, so drop the page header and outer padding */
html.embedded body{padding-block:4px 8px;background:var(--paper)}
html.embedded .wrap>header,html.embedded header.intro{display:none!important}
html.embedded .wrap{max-width:none}
html.embedded-window .journey{height:700vh}
html.embedded-window .outro{display:none}
html.embedded-window body{padding-block:0}