/* Clearly's public visual journey. Route cues and colors stay outside tool iframes. */
body[data-vp-theme] {
  --vp-accent: #b56543;
  --vp-cue: #eee8dd;
  --vp-cue-line: #cfc2af;
  --vp-cue-ink: #273843;
  color-scheme: light;
}
body[data-vp-theme="home"] { --vp-accent:#edb977; --vp-cue:#172a37; --vp-cue-line:#415765; --vp-cue-ink:#f6f0e5; }
body[data-vp-theme="why"] { --vp-accent:#df9770; --vp-cue:#f1e4d8; --vp-cue-line:#d9b4a0; --vp-cue-ink:#3a2b2c; }
body[data-vp-theme="world"] { --bg:#e6e9e3; --panel:#fcfbf5; --ink:#1b343f; --muted:#425861; --mint:#245366; --gold:#9d5b3f; --line:#b9c7c3; --vp-accent:#388195; --vp-cue:#e2ebe9; --vp-cue-line:#b6c9c6; --vp-cue-ink:#1b3945; }
body[data-vp-theme="civic"] { --bg:#eee4d4; --panel:#fffaf0; --ink:#202d36; --muted:#47535a; --mint:#275769; --gold:#a35034; --line:#cdbda9; --vp-accent:#a95c40; --vp-cue:#e6d7c3; --vp-cue-line:#bea88e; --vp-cue-ink:#392d2b; }
body[data-vp-theme="education"] { --bg:#e8f0f4; --panel:#fbfdfe; --ink:#173449; --muted:#405b6a; --mint:#1c5977; --gold:#8a4d2c; --line:#b6cbd5; --vp-accent:#437e9e; --vp-cue:#d9e9f0; --vp-cue-line:#a7c3d0; --vp-cue-ink:#173d57; }
body[data-vp-theme="places"] { --bg:#f0e7d5; --panel:#fffaf0; --ink:#2f3029; --muted:#57574d; --mint:#325b56; --gold:#96552e; --line:#c8bca5; --vp-accent:#a76c35; --vp-cue:#ede0c8; --vp-cue-line:#c5b18d; --vp-cue-ink:#3c382c; }
body[data-vp-theme="research"] { --bg:#efede7; --panel:#fffdf8; --ink:#2a2d30; --muted:#51575b; --mint:#345766; --gold:#9b5b48; --line:#c7c5bc; --vp-accent:#955a49; --vp-cue:#e5e4dd; --vp-cue-line:#bdbdb6; --vp-cue-ink:#30363b; }
body[data-vp-theme="tools"] { --bg:#e8eef0; --panel:#fdfdfb; --ink:#1c3444; --muted:#435865; --mint:#225c73; --gold:#a45837; --line:#b9cbd2; --vp-accent:#337a91; --vp-cue:#dce9ed; --vp-cue-line:#aec6ce; --vp-cue-ink:#203b4a; }
body[data-vp-theme="create"] { --bg:#e5ecef; --panel:#fdfbf6; --ink:#213440; --muted:#465966; --mint:#225c73; --gold:#a05b38; --line:#b4c7cc; --vp-accent:#4e8197; --vp-cue:#d5e5ea; --vp-cue-line:#acc5ce; --vp-cue-ink:#233f4c; }
body[data-vp-theme="today"] { --vp-accent:#537b9a; --vp-cue:#e3ebed; --vp-cue-line:#b8cbd1; --vp-cue-ink:#253d4e; }
body[data-vp-theme="explore"] { --vp-accent:#ae6a4b; --vp-cue:#eee0d3; --vp-cue-line:#d3b9a6; --vp-cue-ink:#3f3331; }
body[data-vp-theme="founder"] { --vp-accent:#ba7452; --vp-cue:#efe4d7; --vp-cue-line:#c6ad95; --vp-cue-ink:#3f312e; }
body[data-vp-theme="about"],body[data-vp-theme="ask"],body[data-vp-theme="saved"],body[data-vp-theme="labs"] { --bg:#f0ebe0; --panel:#fffaf0; --ink:#26353b; --muted:#4d5b60; --mint:#2a5d65; --gold:#a55936; --line:#cbbfb0; --vp-accent:#a86443; --vp-cue:#e9dfd0; --vp-cue-line:#c6b7a4; --vp-cue-ink:#354047; }

/* The masthead is the one stable visual identity across the changing chapters. */
body[data-vp-theme] > .site-head { background:rgba(20,37,50,.97);border-bottom-color:#536472;color:#f8f4ea; }
body[data-vp-theme] > .site-head .brand,
body[data-vp-theme] > .site-head #menu { color:#f8f4ea; }
body[data-vp-theme] > .site-head .brand small { color:#e5b989; }
body[data-vp-theme] > .site-head .mark { background:#f3cf9b;border-color:#f3cf9b;color:#172c38; }
body[data-vp-theme] > .site-head nav a,
body[data-vp-theme] > .site-head .tools-link { color:#e1e9ea; }
body[data-vp-theme] > .site-head nav a[aria-current] { background:#f3cf9b;color:#172c38; }
body[data-vp-theme] > .site-head .tools-link,
body[data-vp-theme] > .site-head #menu { border-color:#718391; }
body[data-vp-theme] > .status-bar { background:#273e4b;color:#f1e9dc; }
body[data-vp-theme] > footer { background:#162b39;color:#f1eee5;border-top-color:#506270; }
body[data-vp-theme] > footer p { color:#d7e1e1; }
body[data-vp-theme] > footer a,
body[data-vp-theme] > footer button { color:#f4cf9c; }

/* The line is an orientation device, not a progress score or visitor profile. */
.vp-chapter { display:flex;align-items:center;gap:clamp(.8rem,2.8vw,2.5rem);padding:.8rem clamp(1.25rem,4vw,4rem);background:var(--vp-cue);border-bottom:1px solid var(--vp-cue-line);color:var(--vp-cue-ink);min-height:68px; }
.vp-thread-mark { position:relative;display:flex;align-items:center;justify-content:space-between;width:66px;min-width:66px;height:18px; }
.vp-thread-mark::before { content:"";position:absolute;left:5px;right:5px;top:8px;height:2px;background:var(--vp-accent);opacity:.8; }
.vp-thread-mark i { width:11px;height:11px;display:block;border:2px solid var(--vp-accent);border-radius:50%;background:var(--vp-cue);position:relative;z-index:1; }
.vp-thread-mark i:nth-child(2) { width:15px;height:15px;background:var(--vp-accent); }
.vp-chapter-copy { min-width:0;flex:1;display:flex;align-items:baseline;gap:clamp(.7rem,2vw,2rem); }
.vp-chapter-copy span { font:700 .68rem/1.3 Source,system-ui,sans-serif;letter-spacing:.13em;white-space:nowrap; }
.vp-chapter-copy p { color:var(--vp-cue-ink);font:400 clamp(.9rem,1.15vw,1.03rem)/1.4 Editorial,Georgia,serif;margin:0;max-width:none; }
.vp-chapter>a { color:var(--vp-cue-ink);font:700 .77rem/1.3 Source,system-ui,sans-serif;text-decoration:none;border-bottom:1px solid var(--vp-accent);white-space:nowrap;padding:.45rem .1rem;min-height:44px;display:inline-flex;align-items:center;gap:.5rem; }
.vp-chapter>a:hover { border-bottom-width:3px; }

/* Light, subject-specific reading rooms for the shorter public pages. */
body[data-vp-theme="civic"] main,
body[data-vp-theme="education"] main,
body[data-vp-theme="about"] main,
body[data-vp-theme="world"] main,
body[data-vp-theme="ask"] main,
body[data-vp-theme="saved"] main,
body[data-vp-theme="labs"] main,
body[data-vp-theme="create"] main { background:var(--bg); }
body[data-vp-theme="civic"] main>h1,
body[data-vp-theme="education"] main>h1,
body[data-vp-theme="about"] main>h1 { color:var(--ink);max-width:1120px; }
body[data-vp-theme="civic"] main>.eyebrow,
body[data-vp-theme="education"] main>.eyebrow,
body[data-vp-theme="about"] main>.eyebrow { display:block;border-top:3px solid var(--vp-accent);padding-top:1rem;width:max-content;max-width:100%;color:var(--mint); }
body[data-vp-theme="civic"] .principles div { background:#fff7ea;border-top-color:#aa6446; }
body[data-vp-theme="education"] .card { border-top:4px solid #72a7bc; }
body[data-vp-theme="about"] .thread a { background:#fffaf2;border:1px solid #c9baaa; }
body[data-vp-theme="about"] .thread a:hover { background:#e9edf0; }
body[data-vp-theme="world"] .principles div { background:#fdfcf7;border-top-color:#5a9cad; }
body[data-vp-theme="civic"] .button,
body[data-vp-theme="education"] .button,
body[data-vp-theme="about"] .button,
body[data-vp-theme="world"] .button,
body[data-vp-theme="ask"] .button,
body[data-vp-theme="saved"] .button,
body[data-vp-theme="labs"] .button,
body[data-vp-theme="civic"] button.primary,
body[data-vp-theme="education"] button.primary,
body[data-vp-theme="ask"] button.primary { background:#24495c;border-color:#24495c;color:#fff; }
/* The Ask page has a light reading surface; its dark question panel needs its
   own foreground rather than inheriting the light page's dark ink. */
body[data-vp-theme="ask"] .ask-box { background:#24495c;color:#fff;border-color:#537487; }
body[data-vp-theme="ask"] .ask-box label,
body[data-vp-theme="ask"] .ask-box .muted { color:#fff; }
body[data-vp-theme="ask"] .question-list button { background:#fffaf2;color:#26353b;border-color:#a9b9bd; }
body[data-vp-theme="ask"] .question-list button:hover { background:#e5eef0; }
body[data-vp-theme="ask"] .ask-box :focus-visible,
body[data-vp-theme="ask"] .question-list button:focus-visible { outline:3px solid #f5be78;outline-offset:3px; }
body[data-vp-theme="civic"] .button.secondary,
body[data-vp-theme="education"] .button.secondary,
body[data-vp-theme="about"] .button.secondary,
body[data-vp-theme="world"] .button.secondary,
body[data-vp-theme="saved"] .button.secondary { background:transparent;color:var(--mint);border-color:var(--line); }
body[data-vp-theme="civic"] .card,
body[data-vp-theme="education"] .card,
body[data-vp-theme="about"] .card,
body[data-vp-theme="world"] .card,
body[data-vp-theme="ask"] .card,
body[data-vp-theme="saved"] .card,
body[data-vp-theme="labs"] .card { box-shadow:0 10px 30px rgba(26,39,45,.055); }
body[data-vp-theme="civic"] .notice,
body[data-vp-theme="education"] .notice,
body[data-vp-theme="about"] .notice,
body[data-vp-theme="world"] .notice,
body[data-vp-theme="ask"] .notice,
body[data-vp-theme="saved"] .notice,
body[data-vp-theme="labs"] .notice { background:#e4e3d9;color:#2b4049;border-left-color:var(--vp-accent); }
body[data-vp-theme="civic"] .notice a,
body[data-vp-theme="education"] .notice a,
body[data-vp-theme="about"] .notice a { color:#225967; }

/* Deep candidates keep the same outer thread without touching their iframe. */
body[data-vp-depth="deep"] { background:var(--bg);color:var(--ink); }
body[data-vp-depth="deep"] #main { background:var(--bg); }
body[data-vp-depth="deep"] .route-intro { border-top:3px solid var(--vp-accent);padding-top:1.3rem; }
body[data-vp-depth="deep"] .route-intro h1 { color:var(--ink); }
body[data-vp-depth="deep"] .route-intro .eyebrow { color:var(--mint); }
body[data-vp-depth="deep"] .route-intro button.primary { background:#254d64;border-color:#254d64;color:#fff; }
body[data-vp-depth="deep"] .route-intro .button.secondary { background:transparent;border-color:var(--line);color:var(--mint); }
body[data-vp-depth="deep"] .route-intro details { border-color:var(--line); }
body[data-vp-depth="deep"] .workspace-bar { background:#243d4e;color:#f7f4ea;border-color:#617887; }
body[data-vp-depth="deep"] .workspace-bar button,
body[data-vp-depth="deep"] .workspace-bar a { color:#f7f4ea;border-color:#77909d; }
body[data-vp-depth="deep"] .frame-wrap { border-color:#9eafb7; }

/* The builder is a studio inside Clearly; its editing and export logic stays intact. */
body[data-vp-theme="create"] .pb-heading>.eyebrow { display:block;color:#255b75;border-top:3px solid #5d91a6;padding-top:1rem;width:max-content;max-width:100%; }
body[data-vp-theme="create"] #pb-form,
body[data-vp-theme="create"] .pb-preview-panel { background:#fffdf8;border-color:#aebfc6;box-shadow:0 16px 40px rgba(28,51,64,.075); }
body[data-vp-theme="create"] #pb-form { border-top:5px solid #557f95; }
body[data-vp-theme="create"] .pb-preview-panel { border-top:5px solid #bd7755; }
body[data-vp-theme="create"] #pb-form input[type=file] { background:#253e4e;color:#fff; }
body[data-vp-theme="create"] #pb-form .pb-primary { background:#254d64;border-color:#254d64;color:#fff; }
body[data-vp-theme="create"] #pb-form .pb-secondary,
body[data-vp-theme="create"] #pb-form .pb-remove { color:#24536a;border-color:#8fb0bd; }
body[data-vp-theme="create"] .pb-boundary { background:#253e4e;color:#e9f0f1;border-left-color:#d39c6c; }

/* Home: a human story, a rust founder statement, a place, then a blue night sequence. */
body[data-vp-theme="home"] .ej-home-hero { background:#101f2a; }
body[data-vp-theme="home"] .ej-home-hero .ej-space { background:linear-gradient(90deg,rgba(9,24,35,.96),rgba(9,24,35,.72) 50%,rgba(9,24,35,.15)),linear-gradient(0deg,rgba(9,24,35,.83),transparent 52%); }
body[data-vp-theme="home"] .ej-home-copy h1 em { color:#f0c48f; }
body[data-vp-theme="home"] .ej-founder-band { background:#934c3c;border-color:#b77a61; }
body[data-vp-theme="home"] .ej-founder-band .founder-bridge-kicker,
body[data-vp-theme="home"] .ej-founder-band a { color:#ffe2a3; }
body[data-vp-theme="home"] .ej-founder-band blockquote,
body[data-vp-theme="home"] .ej-founder-band h2 { color:#fff8ed; }
body[data-vp-theme="home"] .ej-founder-band cite { color:#f2d8c9; }
body[data-vp-theme="home"] .ej-founder-band>div:last-child { border-color:#d8a594; }
body[data-vp-theme="home"] .ej-home-project { background:#ece6d8; }
body[data-vp-theme="home"] .ej-home-project-grid { border-color:#aeb6b2;background:#aeb6b2; }
body[data-vp-theme="home"] .ej-home-project-grid article:nth-child(3n+1) { background:#fffaf0; }
body[data-vp-theme="home"] .ej-home-project-grid article:nth-child(3n+2) { background:#e7eff1; }
body[data-vp-theme="home"] .ej-home-project-grid article:nth-child(3n) { background:#f5e4d8; }
body[data-vp-theme="home"] .ej-home-project-grid article { border-top:5px solid #bd7451; }
body[data-vp-theme="home"] .ej-home-project-grid article:nth-child(3n+2) { border-top-color:#49819a; }
body[data-vp-theme="home"] .ej-home-sequence { background:#182e3c; }
body[data-vp-theme="home"] .ej-home-sequence ol { border-top-color:#72909b; }
body[data-vp-theme="home"] .ej-home-sequence li { border-right-color:#506d7b; }
body[data-vp-theme="home"] .ej-home-sequence span { color:#d1dee1; }

/* The home Riverside scene is an encounter with an ordinary street, not a travel ad. */
.ej-home-riverside { position:relative;min-height:clamp(640px,86svh,920px);display:flex;align-items:flex-end;isolation:isolate;background:#1a2e3a;color:#fff;overflow:hidden; }
.ej-home-riverside>figure { position:relative;min-height:inherit;width:100%;margin:0;display:flex;align-items:flex-end;isolation:isolate; }
.ej-home-riverside picture { position:absolute;inset:0;z-index:0; }
.ej-home-riverside picture,
.ej-home-riverside img { display:block;width:100%;height:100%; }
.ej-home-riverside img { object-fit:cover;object-position:50% 56%;filter:saturate(.82) contrast(1.04); }
.ej-home-riverside-shade { position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,28,40,.93),rgba(11,28,40,.57) 53%,rgba(11,28,40,.1)),linear-gradient(0deg,rgba(10,27,38,.82),transparent 46%);pointer-events:none; }
.ej-home-riverside-copy { position:relative;z-index:2;width:min(850px,88vw);margin-left:clamp(1.25rem,8vw,9rem);padding:clamp(5rem,8vw,8rem) 0 clamp(6.5rem,10vw,9rem); }
.ej-home-riverside-copy .ej-kicker { color:#ffd296; }
.ej-home-riverside-copy h2 { color:#fff8ee;font:400 clamp(3rem,7vw,7rem)/.95 Editorial,Georgia,serif;letter-spacing:-.05em;margin:.6rem 0 1.3rem;max-width:900px;text-wrap:balance; }
.ej-home-riverside-copy p:not(.ej-kicker) { color:#f5eee5;font:400 clamp(1.1rem,1.9vw,1.5rem)/1.5 Editorial,Georgia,serif;max-width:670px; }
.ej-home-riverside-copy a { color:#fff8ec;border:1px solid #f4c485;display:inline-flex;align-items:center;min-height:46px;padding:.7rem 1rem;text-decoration:none;font-weight:700;margin-top:1.4rem;background:rgba(17,38,49,.56); }
.ej-home-riverside-copy a:hover { background:#f3cf9b;color:#19313d; }
.ej-home-riverside-actions { display:flex;gap:.75rem;flex-wrap:wrap;align-items:center; }
.ej-home-riverside-actions a:last-child { background:rgba(17,38,49,.18);border-color:#e9e9e0; }
.ej-home-riverside figcaption { position:absolute;z-index:3;bottom:1rem;right:clamp(1.25rem,3vw,3rem);left:clamp(1.25rem,3vw,3rem);width:fit-content;max-width:760px;margin-left:auto;padding:.35rem .55rem;background:rgba(11,28,39,.84);color:#f5f1e8;font:500 .69rem/1.45 Source,system-ui,sans-serif;text-align:right; }
.ej-home-riverside figcaption a { color:#fff2db;text-decoration:underline; }

/* Place gets a second, quieter documentary pause after the explanatory flow. */
.vp-place-interlude { position:relative;min-height:clamp(590px,82svh,850px);background:#2d302b;color:#fff; }
.vp-place-interlude figure { position:relative;min-height:inherit;margin:0;display:flex;align-items:flex-end;isolation:isolate; }
.vp-place-interlude picture { position:absolute;inset:0;z-index:0; }
.vp-place-interlude picture img { display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%;filter:saturate(.82) contrast(1.02); }
.vp-place-shade { position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(32,36,33,.9),rgba(32,36,33,.54) 57%,rgba(32,36,33,.1)),linear-gradient(0deg,rgba(32,36,33,.8),transparent 52%); }
.vp-place-words { position:relative;z-index:2;width:min(850px,87vw);padding:clamp(5rem,8vw,8rem) 0 clamp(6rem,9vw,8rem);margin-left:clamp(1.25rem,8vw,9rem); }
.vp-place-words>span { color:#ffe1a7;letter-spacing:.17em;font:700 .75rem/1.3 Source,system-ui,sans-serif; }
.vp-place-words h2 { color:#fff8ec;font:400 clamp(3rem,7vw,7rem)/.96 Editorial,Georgia,serif;letter-spacing:-.055em;margin:.8rem 0 1.5rem;max-width:850px;text-wrap:balance; }
.vp-place-words p { color:#f7f1e6;font:400 clamp(1.13rem,2vw,1.6rem)/1.5 Editorial,Georgia,serif;max-width:640px; }
.vp-place-words a { color:#fff5dd;border-bottom:1px solid #f1c489;padding:.5rem 0;text-decoration:none;display:inline-flex;gap:.7rem;align-items:center;min-height:44px;font-weight:700; }
.vp-place-interlude figcaption { position:absolute;z-index:3;bottom:1rem;right:clamp(1.25rem,3vw,3rem);left:clamp(1.25rem,3vw,3rem);width:fit-content;max-width:790px;margin-left:auto;background:rgba(29,35,32,.86);color:#f2eee4;font:500 .69rem/1.45 Source,system-ui,sans-serif;padding:.35rem .55rem;text-align:right; }
.vp-place-interlude figcaption a { color:#fff3d8; }

/* Research reads as charcoal and paper; tools as a blue working environment. */
body[data-vp-theme="places"] .sx-hero-shade { background:linear-gradient(90deg,rgba(43,34,25,.94),rgba(43,34,25,.67) 49%,rgba(43,34,25,.13)),linear-gradient(0deg,rgba(43,34,25,.74),transparent 55%); }
body[data-vp-theme="places"] .sx-flow { background:#4b4338; }
body[data-vp-theme="places"] .sx-flow header p,
body[data-vp-theme="places"] .sx-flow li span { color:#eee3d0; }
body[data-vp-theme="places"] .sx-flow .sx-kicker,
body[data-vp-theme="places"] .sx-flow li>b { color:#ffd995; }
body[data-vp-theme="places"] .sx-place-stack { background:#efe4d0; }
body[data-vp-theme="places"] .sx-place-stack article { background:#fffaf0; }
body[data-vp-theme="places"] .sx-place-stack b { color:#8a5735; }
body[data-vp-theme="places"] .sx-boundaries { background:#ead9c6; }
body[data-vp-theme="places"] .sx-continue { background:#243945; }
body[data-vp-theme="research"] .sx-flow,
body[data-vp-theme="research"] .sx-inspector-grid nav,
body[data-vp-theme="research"] .sx-ai>div,
body[data-vp-theme="research"] .sx-continue { background:#2e363d; }
body[data-vp-theme="research"] .sx-hero-shade { background:linear-gradient(90deg,rgba(30,34,38,.95),rgba(30,34,38,.72) 49%,rgba(30,34,38,.17)),linear-gradient(0deg,rgba(30,34,38,.78),transparent 54%); }
body[data-vp-theme="research"] .sx-flow header p,
body[data-vp-theme="research"] .sx-flow li span { color:#e0e2de; }
body[data-vp-theme="research"] .sx-flow .sx-kicker,
body[data-vp-theme="research"] .sx-flow li>b { color:#f3bd9d; }
body[data-vp-theme="research"] .sx-inspector,
body[data-vp-theme="research"] .sx-lineage { background:#eae7df; }
body[data-vp-theme="research"] .sx-inspector-grid button.active { background:#dcb397;color:#242d35; }
body[data-vp-theme="tools"] .sx-flow,
body[data-vp-theme="tools"] .sx-continue { background:#203b50; }
body[data-vp-theme="tools"] .sx-hero-shade { background:linear-gradient(90deg,rgba(18,42,58,.95),rgba(18,42,58,.72) 49%,rgba(18,42,58,.17)),linear-gradient(0deg,rgba(18,42,58,.78),transparent 54%); }
body[data-vp-theme="tools"] .sx-flow header p,
body[data-vp-theme="tools"] .sx-flow li span { color:#d8e5e8; }
body[data-vp-theme="tools"] .sx-flow .sx-kicker,
body[data-vp-theme="tools"] .sx-flow li>b { color:#f4c99c; }
body[data-vp-theme="tools"] .sx-directory { background:#eaf0f1; }
body[data-vp-theme="tools"] .sx-filters button.active { background:#254c61; }
body[data-vp-theme="tools"] .sx-contract { background:#d8e6ec; }
body[data-vp-theme="today"] .sx-flow { background:#283e50; }
body[data-vp-theme="today"] .sx-hero-shade { background:linear-gradient(90deg,rgba(28,48,65,.95),rgba(28,48,65,.7) 49%,rgba(28,48,65,.13)),linear-gradient(0deg,rgba(28,48,65,.75),transparent 54%); }
body[data-vp-theme="today"] .sx-flow header p,
body[data-vp-theme="today"] .sx-flow li span { color:#e0e8e9; }
body[data-vp-theme="explore"] .sx-flow { background:#583d38; }
body[data-vp-theme="explore"] .sx-hero-shade { background:linear-gradient(90deg,rgba(55,35,34,.95),rgba(55,35,34,.7) 49%,rgba(55,35,34,.13)),linear-gradient(0deg,rgba(55,35,34,.75),transparent 54%); }
body[data-vp-theme="explore"] .sx-flow header p,
body[data-vp-theme="explore"] .sx-flow li span { color:#f1dfd7; }

body[data-vp-theme="why"] .ej-reversal,
body[data-vp-theme="why"] .ej-movement { background:#203440; }
body[data-vp-theme="why"] .ej-positions { background:#284454; }
body[data-vp-theme="why"] .ej-reversal blockquote { color:#f3cb9a; }
body[data-vp-theme="founder"] .founder-story .founder-pull { background:#263b49;border-left-color:#e7b781; }
body[data-vp-theme="founder"] .founder-hero-shade { background:linear-gradient(90deg,rgba(18,36,47,.88),rgba(18,36,47,.6) 48%,rgba(18,36,47,.18)),linear-gradient(0deg,rgba(18,36,47,.88),transparent 42%); }

@media(max-width:900px) {
  .vp-chapter-copy { display:block; }
  .vp-chapter-copy p { margin-top:.15rem; }
  .vp-chapter { gap:1rem; }
}
@media(max-width:700px) {
  .vp-chapter { min-height:0;display:grid;grid-template-columns:1fr;gap:.3rem;padding:.7rem 1.15rem; }
  .vp-thread-mark { display:none; }
  .vp-chapter-copy span { font-size:.62rem;white-space:normal; }
  .vp-chapter-copy p { font-size:.92rem; }
  .vp-chapter>a { grid-column:1;justify-self:start;padding:.2rem 0;min-height:44px;white-space:normal; }
  .ej-home-riverside { min-height:700px; }
  body[data-vp-theme="home"] .ej-home-hero .ej-space { background:linear-gradient(0deg,rgba(9,24,35,.97),rgba(9,24,35,.56) 62%,rgba(9,24,35,.18)); }
  .ej-home-riverside img { object-position:56% center; }
  .ej-home-riverside-shade { background:linear-gradient(0deg,rgba(11,28,40,.95),rgba(11,28,40,.68) 59%,rgba(11,28,40,.18)); }
  .ej-home-riverside-copy { margin:0 1.2rem;width:auto;padding:5rem 0 8.5rem; }
  .ej-home-riverside-copy h2 { font-size:clamp(2.8rem,12vw,4.7rem); }
  .ej-home-riverside figcaption { left:1rem;right:1rem;bottom:.7rem;width:auto;max-width:none;text-align:left;font-size:.62rem;line-height:1.4; }
  .vp-place-interlude,.vp-place-interlude figure { min-height:690px; }
  .vp-place-interlude picture img { object-position:56% 50%; }
  .vp-place-shade { background:linear-gradient(0deg,rgba(32,36,33,.95),rgba(32,36,33,.65) 63%,rgba(32,36,33,.16)); }
  .vp-place-words { width:auto;margin:0 1.2rem;padding:5rem 0 8.5rem; }
  .vp-place-words h2 { font-size:clamp(2.8rem,12vw,4.9rem); }
  .vp-place-interlude figcaption { left:1rem;right:1rem;bottom:.7rem;width:auto;max-width:none;text-align:left;font-size:.62rem;line-height:1.4; }
  body[data-vp-theme="places"] .sx-hero-shade,
  body[data-vp-theme="research"] .sx-hero-shade,
  body[data-vp-theme="tools"] .sx-hero-shade,
  body[data-vp-theme="today"] .sx-hero-shade,
  body[data-vp-theme="explore"] .sx-hero-shade { background:linear-gradient(0deg,rgba(21,35,43,.96),rgba(21,35,43,.72) 58%,rgba(21,35,43,.2)); }
  body[data-vp-theme="founder"] .founder-hero-shade { background:linear-gradient(0deg,rgba(18,36,47,.96),rgba(18,36,47,.76) 55%,rgba(18,36,47,.22)); }
}
@media(prefers-reduced-motion:reduce) {
  .vp-chapter *, .ej-home-riverside *, .vp-place-interlude * { animation:none!important;transition:none!important; }
}
@media print {
  .vp-chapter { display:none; }
  .ej-home-riverside,.vp-place-interlude { min-height:0;color:#20282d;background:white; }
  .ej-home-riverside>figure,.vp-place-interlude picture,.ej-home-riverside-shade,.vp-place-shade { display:none; }
  .ej-home-riverside-copy,.vp-place-words { margin:0;padding:1rem 0; }
  .ej-home-riverside-copy h2,.vp-place-words h2,.ej-home-riverside-copy p,.vp-place-words p { color:#20282d; }
}
.question-handoff { margin-top:1.2rem;padding:1.2rem;background:#e4edf0;border-left:4px solid #4e8297;color:#243d4b; }
.question-handoff p { margin:0 0 .7rem;line-height:1.5; }
.question-handoff blockquote { margin:.7rem 0 1rem;padding:.7rem 1rem;background:#fffaf1;border:1px solid #c6d0d0;font:400 1rem/1.45 Editorial,Georgia,serif;overflow-wrap:anywhere; }
.question-handoff button { min-height:44px;padding:.75rem 1rem;background:#254c61;color:#fff;border:1px solid #254c61;font-weight:700;cursor:pointer; }
.question-handoff button:focus-visible { outline:3px solid #b66c43;outline-offset:3px; }

/* An editorial bridge from examples to the inspectable project map. */
.ej-scale-bridge { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(2rem,7vw,8rem);align-items:end;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,8vw,9rem);background:radial-gradient(circle at 85% 5%,#375065 0,transparent 38%),#182c3a;color:#f9f4e8; }
.ej-scale-bridge .ej-kicker { color:#f7c889; }
.ej-scale-bridge h2 { font:400 clamp(3rem,6.1vw,6.4rem)/.96 Editorial,Georgia,serif;letter-spacing:-.05em;max-width:780px;margin:.8rem 0 1.5rem;color:#fff8ee;text-wrap:balance; }
.ej-scale-bridge-intro>p:not(.ej-kicker) { font:400 clamp(1.08rem,1.55vw,1.4rem)/1.56 Editorial,Georgia,serif;color:#e1e8e7;max-width:630px; }
.ej-scale-bridge-intro>a { display:inline-flex;align-items:center;gap:1.5rem;min-height:48px;padding:.8rem 1rem;margin-top:1.3rem;border:1px solid #f7c889;background:#f7c889;color:#182c3a;font:700 .94rem/1.3 Source,system-ui,sans-serif;text-decoration:none; }
.ej-scale-bridge-intro>a:hover { background:#fff1d7; }
.ej-scale-bridge-intro>a:focus-visible { outline:3px solid #fff;outline-offset:3px; }
.ej-scale-bridge ol { list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid #81919b;border-left:1px solid #81919b; }
.ej-scale-bridge li { min-height:168px;padding:1.1rem 1.2rem;border-right:1px solid #81919b;border-bottom:1px solid #81919b;display:flex;flex-direction:column; }
.ej-scale-bridge li span { font:700 .75rem/1.4 Source,system-ui,sans-serif;letter-spacing:.14em;color:#f7c889; }
.ej-scale-bridge li strong { display:block;margin-top:1.6rem;font:400 clamp(1.55rem,2.1vw,2.35rem)/1.05 Editorial,Georgia,serif;color:#fff8ee; }
.ej-scale-bridge li small { display:block;margin-top:.65rem;color:#d6e2e2;font:400 .84rem/1.45 Source,system-ui,sans-serif; }
@media(max-width:800px) { .ej-scale-bridge { grid-template-columns:1fr; }.ej-scale-bridge ol { max-width:720px; } }
@media(max-width:430px) { .ej-scale-bridge ol { grid-template-columns:1fr 1fr; }.ej-scale-bridge li { min-height:160px;padding:.9rem; }.ej-scale-bridge li strong { margin-top:1.1rem;font-size:1.4rem; } }
@media print { .ej-scale-bridge { display:block;background:#fff;color:#22323e;padding:1.5rem 0; }.ej-scale-bridge h2,.ej-scale-bridge li strong,.ej-scale-bridge-intro>p:not(.ej-kicker),.ej-scale-bridge li small { color:#22323e; }.ej-scale-bridge ol { margin-top:1rem; } }
