.journey-page{background:#f8f1e7}.journey-page .section{scroll-margin-top:76px}
.journey-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:clamp(38px,7vw,105px);align-items:center;padding:clamp(90px,11vw,150px) clamp(22px,7vw,100px) clamp(70px,8vw,110px);background:linear-gradient(135deg,#07172a,#0c2948);color:#fff}.journey-hero .eyebrow{color:var(--gold,#e4b85d)}.journey-hero h1{max-width:980px}.journey-hero .lede{max-width:830px;color:rgba(255,255,255,.72)}.journey-hero .lede strong{color:#fff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-actions .secondary{border-color:rgba(255,255,255,.35);color:#fff}
.master-window{display:grid;grid-template-columns:1fr auto;gap:18px;padding:clamp(25px,4vw,40px);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.master-window div{display:grid;gap:5px}.master-window div:nth-of-type(2){grid-column:1/-1}.master-window span{color:var(--gold,#e4b85d);font:800 .6rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.master-window strong{font:500 1.4rem/1.1 Georgia,"Times New Roman",serif}.master-window time{font-weight:800}.master-window small{color:rgba(255,255,255,.5)}.master-window>b{align-self:center;color:var(--gold,#e4b85d);font:500 5rem/.8 Georgia,"Times New Roman",serif}.master-window>i{align-self:center;writing-mode:vertical-rl;color:rgba(255,255,255,.5);font:800 .58rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.master-window>p{grid-column:1/-1;margin:0;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.6);font-size:.78rem}
.plain-rule{display:grid;grid-template-columns:auto 1fr;gap:35px;align-items:center;padding:24px clamp(22px,7vw,100px);background:var(--copper,#87401d);color:#fff}.plain-rule strong{font:500 1.5rem/1 Georgia,"Times New Roman",serif}.plain-rule p{margin:0;max-width:1050px;color:#ffe7d5}
.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(30px,7vw,110px);align-items:end}.section-heading>p{color:var(--muted,#5b656f);font-size:1.03rem;line-height:1.65}.relay-section{background:#fff}.relay-section .eyebrow,.schedule-section .eyebrow,.handoff-section .eyebrow,.themes-section .eyebrow{color:var(--accent-text,#87401d)}
.relay-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:46px 0 0;padding:0;list-style:none}.relay-sequence li{display:grid;align-content:start;gap:7px;min-height:190px;padding:25px;border:1px solid var(--line,#d9cfbf);background:#f8f1e7}.relay-sequence li span{color:var(--accent-text,#87401d);font:800 .6rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.relay-sequence li strong{margin-top:28px;font:500 1.7rem/1.05 Georgia,"Times New Roman",serif}.relay-sequence li time{font-size:1rem;font-weight:800}.relay-sequence li small{color:var(--muted,#5b656f)}
.handoff-example{display:grid;grid-template-columns:1fr auto .8fr auto 1fr;gap:16px;align-items:center;margin-top:40px;padding:28px;background:var(--night,#07172a);color:#fff}.handoff-example div{display:grid;gap:8px}.handoff-example span{color:var(--gold,#e4b85d);font:800 .59rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.handoff-example strong{font:500 1.3rem/1.15 Georgia,"Times New Roman",serif}.handoff-example p{margin:0;color:rgba(255,255,255,.62);font-size:.82rem}.handoff-example i{color:var(--accent-text,#87401d);font-style:normal}.handoff-centre{padding:20px;border:1px solid rgba(255,255,255,.18);text-align:center}.handoff-callout{display:flex;align-items:center;justify-content:center;gap:20px;margin:0;padding:24px;background:var(--copper,#87401d);color:#fff}.handoff-callout strong{font:500 clamp(1.4rem,2.6vw,2.25rem)/1 Georgia,"Times New Roman",serif}.handoff-callout span{font:800 .6rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
.schedule-section{background:#efe5d8}.viewer-time{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:42px 0 18px;padding:22px 25px;background:#fff;border:1px solid var(--line,#d9cfbf)}.viewer-time>div{display:grid;gap:5px}.viewer-time>div strong{font:500 1.35rem/1.1 Georgia,"Times New Roman",serif}.viewer-time>div span{color:var(--muted,#5b656f);font-size:.82rem}.viewer-time label{min-width:260px;font:800 .61rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}.viewer-time select{margin-top:7px}.viewer-time .schedule-actions{display:flex;grid-template-columns:1fr 1fr;gap:7px}.schedule-actions button{min-height:44px;padding:9px 12px;border:1px solid var(--line,#d9cfbf);background:#f8f1e7;color:var(--navy,#0b2544);font-weight:800;cursor:pointer}.schedule-actions button:hover,.schedule-actions button:focus-visible{border-color:var(--accent-text,#87401d);outline:2px solid rgba(201,111,55,.2)}
.shift-schedule{display:grid;gap:12px}.shift-card{scroll-margin-top:90px;border:1px solid var(--line,#d9cfbf);background:#fff;box-shadow:0 10px 28px rgba(7,23,42,.05)}.shift-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:14px 18px;background:var(--night,#07172a);color:#fff}.shift-summary{display:grid;gap:4px}.shift-summary>span,.shift-card>header>b{font:800 .59rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.shift-summary>strong{font:500 1.2rem/1.1 Georgia,"Times New Roman",serif}.shift-summary>small{color:rgba(255,255,255,.6);font-size:.72rem}.shift-card>header>b{color:var(--gold,#e4b85d)}.shift-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:132px;min-height:44px;padding:9px 11px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}.shift-toggle span{font-weight:800}.shift-toggle i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--gold,#e4b85d);color:var(--night,#07172a);font-style:normal;font-size:1.05rem}.shift-toggle:hover,.shift-toggle:focus-visible{border-color:var(--gold,#e4b85d);outline:2px solid var(--gold,#e4b85d);outline-offset:2px}.shift-details{display:grid;grid-template-columns:1fr 1fr}.shift-details[hidden]{display:none}.shift-main{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px}.shift-place small,.shift-facts span,.transfer span,.movement span{color:var(--accent-text,#87401d);font:800 .59rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.shift-place h3{margin:9px 0 7px;font:500 2.2rem/1 Georgia,"Times New Roman",serif}.shift-place time{font-size:1.05rem;font-weight:800}.shift-place p{color:var(--muted,#5b656f);font-size:.82rem}.shift-facts{display:grid;gap:8px}.shift-facts p{display:grid;gap:5px;margin:0;padding:12px;background:#f5eee3}.shift-facts strong{font-size:.78rem}.transfer,.movement{display:grid;align-content:center;gap:7px;padding:24px 28px}.transfer{background:var(--copper,#87401d);color:#fff}.transfer span{color:#ffe2c9}.transfer strong{font:500 1.35rem/1.15 Georgia,"Times New Roman",serif}.transfer small{color:#ffe3d0}.movement{border-left:1px solid var(--line,#d9cfbf);background:#fff}.movement strong{font:500 1.25rem/1.15 Georgia,"Times New Roman",serif}.movement small{color:var(--muted,#5b656f)}.shift-card.opening>header,.shift-card.closing>header{background:#0d2a49}

.handoff-section{background:#07172a;color:#fff}.handoff-section .section-heading>p{color:rgba(255,255,255,.65)}.handoff-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:44px 0 0;padding:0;list-style:none;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.handoff-steps li{display:grid;align-content:start;min-height:255px;padding:27px;background:#0b223c}.handoff-steps span{color:var(--gold,#e4b85d);font:800 .62rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.handoff-steps strong{margin-top:48px;font:500 1.35rem/1.15 Georgia,"Times New Roman",serif}.handoff-steps p{color:rgba(255,255,255,.6);font-size:.84rem}
.themes-section{background:#fff}.theme-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:42px;background:var(--line,#d9cfbf);border:1px solid var(--line,#d9cfbf)}.theme-list div{display:grid;gap:7px;min-height:145px;padding:22px;background:#f8f1e7}.theme-list span{color:var(--accent-text,#87401d);font:800 .62rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.theme-list strong{margin-top:18px;font:500 1.2rem/1.15 Georgia,"Times New Roman",serif}.theme-list small{color:var(--muted,#5b656f)}.theme-note{margin:28px 0 0;padding:19px 22px;border-left:4px solid var(--copper,#87401d);background:#efe5d8;color:var(--muted,#5b656f)}
.decision-note{display:grid;grid-template-columns:minmax(260px,.8fr) repeat(3,1fr);gap:1px;padding:clamp(65px,8vw,105px) clamp(22px,7vw,100px);background:var(--copper,#87401d);color:#fff}.decision-note>div{padding-right:35px}.decision-note .eyebrow{color:#ffe2c9}.decision-note>p{margin:0;padding:25px;background:var(--copper,#87401d);color:#ffe9da;font-size:.86rem}.decision-note>p strong{display:block;margin-bottom:10px;color:#fff;font:500 1.25rem/1.1 Georgia,"Times New Roman",serif}
@media(max-width:1100px){.relay-sequence{grid-template-columns:1fr 1fr}.handoff-steps,.theme-list{grid-template-columns:repeat(2,1fr)}.decision-note{grid-template-columns:1fr 1fr}.decision-note>div{padding:0 20px 25px 0}}
@media(max-width:800px){.journey-hero,.section-heading{grid-template-columns:1fr}.journey-hero{padding:65px 20px 55px}.plain-rule{grid-template-columns:1fr;gap:8px}.shift-details{grid-template-columns:1fr}.shift-main,.transfer,.movement{grid-column:1}.shift-main{grid-template-columns:1fr}.movement{border-left:0;border-top:1px solid var(--line,#d9cfbf)}.handoff-example{grid-template-columns:1fr}.handoff-example i{transform:rotate(90deg);justify-self:center}.handoff-callout{align-items:flex-start;flex-direction:column;gap:7px}.viewer-time{align-items:stretch;flex-direction:column}.viewer-time label{min-width:0}.handoff-steps,.theme-list,.decision-note{grid-template-columns:1fr}.decision-note>div{padding:0}.master-window{grid-template-columns:1fr auto}}
@media(max-width:520px){.relay-sequence{grid-template-columns:1fr}.shift-card>header{grid-template-columns:1fr auto;gap:8px}.shift-card>header>b{grid-column:2;grid-row:1}.shift-toggle{grid-column:1/-1;width:100%}.shift-main,.transfer,.movement{padding:22px 18px}.handoff-steps{grid-template-columns:1fr}.master-window>b{font-size:4rem}}
@media print{.topbar,.hero-actions,.viewer-time,footer{display:none!important}.journey-hero{padding:30px;background:#fff;color:#000}.journey-hero .lede,.section-heading>p{color:#333}.master-window{border:1px solid #999;background:#fff;color:#000}.shift-card{break-inside:avoid}.handoff-section{background:#fff;color:#000}.handoff-steps li{border:1px solid #aaa;background:#fff;color:#000}.handoff-steps p{color:#444}}
.shift-details>.shift-main{grid-column:1/-1}
.shift-place .overnight{display:inline-block;margin:8px 0 0;padding:4px 9px;border:1px solid var(--copper,#87401d);border-radius:999px}
.relay-sequence .relay-close{grid-column:1/-1;min-height:0;background:var(--night,#07172a);color:#fff;border-color:var(--night,#07172a)}
.relay-sequence .relay-close span{color:var(--gold,#e4b85d)}.relay-sequence .relay-close small{color:rgba(255,255,255,.7)}
.structure-section .eyebrow{color:var(--accent-text,#87401d)}
.design-principle{margin:14px 0 0;color:var(--accent-text,#87401d);font:800 .72rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.spine-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:34px 0 0;font-size:.95rem}
.spine-line span{width:100%;color:var(--accent-text,#87401d);font:800 .62rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.spine-line i{color:var(--accent-text,#87401d);font-style:normal}
.template-blocks{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:22px 0 0;padding:0;list-style:none;background:var(--line,#d9cfbf);border:1px solid var(--line,#d9cfbf)}
.template-blocks>li{display:grid;align-content:start;gap:10px;padding:22px 18px;background:#f8f1e7}
.template-blocks time{color:var(--accent-text,#87401d);font:800 .66rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.template-blocks strong{font:500 1.12rem/1.15 Georgia,"Times New Roman",serif}
.template-blocks p{margin:0;color:var(--muted,#5b656f);font-size:.82rem}
.template-blocks small{color:var(--accent-text,#87401d);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.structure-note{margin:22px 0 0;color:var(--muted,#5b656f);font-size:.9rem}
.shift-beats{grid-column:1/-1;padding:18px 28px;border-top:1px solid var(--line,#d9cfbf)}
.shift-beats span{color:var(--accent-text,#87401d);font:800 .59rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.shift-beats ol{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none}
.shift-beats li{font-size:.82rem;font-weight:700}
.shift-beats li time{color:var(--accent-text,#87401d);font-weight:800}
@media(max-width:1100px){.template-blocks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.template-blocks{grid-template-columns:1fr}.shift-beats{padding:16px 18px}}


.handoff-example .eyebrow,.handoff-example i{color:var(--copper-on-dark,#d4834a)}

/* Contrast: inside a dark panel the accent takes its lighter variant.
   A dark panel is a rule that sets both a dark background and light text;
   anything less is a card or a border, and its accent stays as it is. */
.journey-hero,
.handoff-example,
.shift-card>header,
.handoff-section,
.relay-sequence .relay-close{--accent-text:var(--copper-on-dark,#d4834a)}