/* Compass BLACKOUT / Scholarly instrument, cinematic without simulated risk.
 * Scoped styles use HOMEFRONT navy, cream, brass and the shared typefaces.
 */
.hf-blackout{--bo-night:var(--hf-night,#13232e);--bo-navy:var(--hf-navy,#1e3341);--bo-cream:var(--hf-cream,#f4f0e8);--bo-gold:var(--hf-gold,#eaca92);--bo-gold-light:#ffe1ae;--bo-brass:var(--hf-brass,#bb9259);--bo-ink:var(--hf-muted,#53616a);color:var(--bo-navy);background:var(--bo-cream)}
.hf-blackout *, .hf-blackout *:before,.hf-blackout *:after{box-sizing:border-box}
.hf-blackout [hidden]{display:none!important}
.hf-blackout .eyebrow{font-size:12px}
/* Focus: navy on light surfaces, pale gold on navy ones (each at least 3:1 against its surface). */
.hf-blackout :is(a,button,h3[tabindex]):focus-visible{outline:3px solid var(--bo-navy);outline-offset:4px}
.hf-blackout :is(.bo-hero,.bo-house-panel,.bo-sources) :is(a,button):focus-visible{outline-color:var(--bo-gold-light)}
.hf-blackout button{font:inherit;cursor:pointer}
/* Present for screen readers from page load; visually the outcome card shows the same words. */
.bo-live{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bo-hero{background:linear-gradient(129deg,#0e202b,#1e3341 57%,#29495a);color:var(--bo-cream);overflow:hidden}
.bo-hero-inner{padding-block:116px 84px;display:grid;grid-template-columns:1.03fr .97fr;gap:6%;align-items:center}
.bo-hero-copy{max-width:700px}
.bo-hero .hf-crumb,.bo-hero .hf-crumb a{color:#f4f0e8d1}
.bo-hero .hf-crumb{font-size:12px}
.bo-hero .eyebrow,.bo-hero-foot{color:var(--bo-gold)}
.bo-hero .eyebrow{margin-top:40px;letter-spacing:.18em}
.bo-hero h1{font:500 clamp(50px,6.25vw,95px)/.99 Editorial,Georgia,serif;letter-spacing:-.038em;margin:20px 0 23px}
.bo-hero h1 em{font-style:normal;color:var(--bo-gold)}
.bo-hero-copy>p:not(.eyebrow):not(.bo-hero-foot){font:400 16px/1.8 Manrope,Arial,sans-serif;max-width:560px;color:#e8eeeb}
.bo-hero-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;margin-top:28px;background:var(--bo-gold);border-radius:30px;padding:14px 22px;min-height:49px;color:var(--bo-night);text-decoration:none;font:700 13px/1.4 Manrope,Arial,sans-serif}
.bo-hero-link:hover{background:#ffe1ae}
.bo-hero-foot{font:600 12px/1.8 Manrope,Arial,sans-serif!important;letter-spacing:.12em;margin-top:27px}
.bo-hero-art{position:relative;min-width:0;margin:0;display:flex;min-height:395px;flex-direction:column;justify-content:space-between;padding:28px;border:1px solid #eaca926b;background:radial-gradient(circle at 73% 17%,#eaca9229,transparent 42%),linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),#172f3e;background-size:auto,25px 25px,25px 25px,auto;box-shadow:20px 22px 0 #08162077}
.bo-art-horizon{position:absolute;left:9%;right:9%;bottom:58px;border-bottom:1px solid #c9af7c99}
.bo-art-house{width:82%;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100px 100px;position:relative;border:2px solid #dfd1b4a3}
.bo-art-roof{position:absolute;width:104%;top:-45px;left:-2%;height:45px;border-top:3px solid #edd4a1;border-right:3px solid #edd4a1;transform:skewY(-8deg);transform-origin:100% 100%;pointer-events:none}
.bo-art-room{border:1px solid #7895a4ad;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#28495a80;gap:11px}
.bo-art-room:nth-last-child(2),.bo-art-room:last-child{background:#10232ecc}
.bo-art-lamp{color:#ffe1ae;font-size:25px;text-shadow:0 0 20px #ffe1aebe}
.bo-art-lamp.bo-dim{color:#7d8f9b;text-shadow:none}
.bo-art-room small{letter-spacing:.14em;font:700 12px Manrope,Arial,sans-serif;color:#f4f0e8cc}
.bo-hero-art figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font:600 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.08em;color:#eedcb8}
.bo-setup{padding-block:66px 70px;display:grid;grid-template-columns:.23fr .38fr .39fr;column-gap:24px;align-items:start;border-bottom:1px solid #dacfc0}
.bo-setup .eyebrow{letter-spacing:.11em;color:#76572f}
.bo-setup h2{font:500 clamp(31px,3.5vw,48px)/1.12 Editorial,Georgia,serif;margin:0;text-wrap:balance}
.bo-setup>p:last-child{font:400 16px/1.8 Manrope,Arial,sans-serif;margin:0;color:#46535b;text-wrap:pretty}
.bo-setup>p:last-child strong{color:var(--bo-navy)}
.bo-play{padding-block:80px 100px;background:#ece6dc;position:relative}
.bo-play-head{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:32px}
.bo-play-head .eyebrow{color:#6e5029}
.bo-play-head h2,.bo-reading-intro h2,.bo-sources-head h2{font:500 clamp(39px,4.5vw,63px)/1.07 Editorial,Georgia,serif;letter-spacing:-.022em;margin:10px 0 0;text-wrap:balance}
.bo-play-head>p{max-width:375px;font:400 15px/1.8 Manrope,Arial,sans-serif;color:#46535b}
.bo-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.bo-scenarios button{min-width:0;text-align:left;border:1px solid #b9a888;padding:21px;background:#f9f5ed;border-radius:3px;color:var(--bo-navy);min-height:138px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .15s}
.bo-scenarios button:hover,.bo-scenarios button[aria-pressed="true"]{border-color:#92734d;transform:translateY(-2px)}
.bo-scenarios button[aria-pressed="true"]{background:#e1d6c4;box-shadow:inset 0 0 0 2px #ab8753}
.bo-scenarios span{font:700 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.09em;color:#664826}
.bo-scenarios strong{font:500 clamp(21px,2vw,29px)/1.11 Editorial,Georgia,serif}
.bo-scenarios small{font:500 13px/1.6 Manrope,Arial,sans-serif;color:#46535b}
.bo-experience{display:grid;grid-template-columns:1fr 1fr;background:var(--bo-night);color:var(--bo-cream);border:1px solid #a7895c7d;min-height:520px}
.bo-house-panel{background:radial-gradient(circle at 60% 17%,#50708942,transparent 55%),linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px),#142b3a;background-size:auto,23px 23px,23px 23px,auto;padding:29px;display:flex;flex-direction:column;min-width:0}
.bo-house-caption,.bo-house-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;letter-spacing:.09em;font:650 12px/1.5 Manrope,Arial,sans-serif;color:#eaca92}
.bo-house{margin:70px auto 40px;width:min(370px,84%);height:250px;position:relative;border:2px solid #d4b778a8;transition:background .4s}
.bo-house-roof{position:absolute;left:-5px;right:-5px;height:70px;top:-69px;border-bottom:2px solid #d4b778;border-top:2px solid #d4b778;transform:skewY(-9deg);transform-origin:100% 100%}
.bo-house-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.bo-room{border:1px solid #6c8893aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#28475c99;transition:background .4s}
.bo-room-lamp{display:block;border-radius:100%;width:18px;height:18px;background:#ffe1ae;box-shadow:0 0 16px 7px #ffd79d7c;transition:background .4s,box-shadow .4s}
.bo-house[data-power="out"] .bo-room{background:#0b1a25c4}
.bo-house[data-power="out"] .bo-room-lamp{background:#596976;box-shadow:none}
.bo-house[data-power="alert"] .bo-room:nth-child(odd){background:#223a4a}
.bo-house[data-power="alert"] .bo-room:nth-child(odd) .bo-room-lamp{background:#c6aa77;box-shadow:0 0 7px #eaca9288}
.bo-house[data-power="standby"] .bo-room:nth-child(even){background:#132936}
.bo-house[data-power="standby"] .bo-room:nth-child(even) .bo-room-lamp{background:#596976;box-shadow:none}
.bo-room b{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.1em}
.bo-room small{font:400 12px Manrope,Arial,sans-serif;color:#e6e2d7}
.bo-scene-key{text-align:center;font:400 15px/1.7 Manrope,Arial,sans-serif;color:#ecdcc0;max-width:380px;margin:0 auto 35px;min-height:48px}
.bo-house-footer{margin-top:auto;border-top:1px solid #ffffff25;padding-top:17px}
.bo-story-panel{border-left:1px solid #d8c39e57;background:#f8f5ef;color:var(--bo-navy);padding:clamp(24px,3.2vw,45px);min-width:0}
.bo-story-panel .eyebrow{color:#6e5029}
.bo-story-panel h3{font:500 clamp(29px,3.1vw,44px)/1.11 Editorial,Georgia,serif;margin:18px 0 13px;text-wrap:balance}
/* Keyboard focus moves keep their target clear of the pinned site header. */
.hf-blackout :is(h2,h3,[data-bo-scenario]){scroll-margin-top:110px;scroll-margin-bottom:24px}
.bo-story-panel>p:not(.eyebrow):not(.bo-story-foot){font:400 15px/1.8 Manrope,Arial,sans-serif;color:#46535b}
.bo-options{display:grid;gap:9px;margin-top:28px}
.bo-choice{border:1px solid #c9b9a4;background:white;color:var(--bo-navy);padding:15px 18px;text-align:left;font:600 15px/1.55 Manrope,Arial,sans-serif!important;min-height:49px;transition:border-color .18s,background .18s}
.bo-choice:hover:not([aria-disabled="true"]),.bo-choice[aria-pressed="true"]{border-color:#936f3e;background:#f3e8d6}
.bo-choice[aria-disabled="true"]{cursor:default;color:#53616a;background:#fbf9f5}
.bo-choice[aria-pressed="true"]{color:var(--bo-navy);background:#f3e8d6;box-shadow:inset 3px 0 0 #936f3e}
.bo-reveal{margin-top:24px;border-left:3px solid var(--bo-brass);background:#ede5d8;padding:20px 22px}
.bo-reveal .eyebrow{color:#6e5029}
.bo-reveal h4{font:500 26px/1.22 Editorial,Georgia,serif;margin:8px 0 10px}
.bo-reveal p:not(.eyebrow){font:400 15px/1.75 Manrope,Arial,sans-serif;color:#33464f}
.bo-reveal a{font:650 13px/1.5 Manrope,Arial,sans-serif;color:#674a24}
.bo-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}
.bo-controls button,.bo-conclusion button{border:1px solid #162f3f;background:#1e3341;color:white;padding:12px 18px;border-radius:24px;font:700 13px/1.5 Manrope,Arial,sans-serif;min-height:44px}
.bo-controls button.bo-secondary{color:#1e3341;background:transparent}
.bo-story-foot{border-top:1px solid #ddd0be;margin-top:28px;padding-top:15px;font:400 14px/1.75 Manrope,Arial,sans-serif;color:#53616a}
.bo-conclusion{margin-top:20px;background:#f8f5ef;padding:35px;border:1px solid #cabda9}
.bo-conclusion .eyebrow{color:#6e5029}
.bo-conclusion h3{font:500 36px/1.1 Editorial,Georgia,serif;margin:12px 0}
.bo-conclusion p:not(.eyebrow){max-width:720px;font:400 15px/1.8 Manrope,Arial,sans-serif;color:#46535b}
.bo-conclusion>a{display:inline-block;margin-left:20px;color:#674a24;font:700 13px/1.5 Manrope,Arial,sans-serif}
.bo-reading{padding-block:96px 105px}
.bo-reading-intro{max-width:680px}
.bo-reading-intro .eyebrow{color:#76572f}
.bo-reading-intro>p:last-child{font:400 16px/1.8 Manrope,Arial,sans-serif;color:#46535b}
.bo-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px}
.bo-reading-card{background:#faf7f1;border:1px solid #ded5c6;min-width:0;padding:25px}
.bo-reading-card .eyebrow{color:#6e5029}
.bo-reading-card h3{font:500 26px/1.1 Editorial,Georgia,serif;min-height:54px;margin:17px 0 13px;text-wrap:balance}
.bo-reading-card>p:not(.eyebrow){font:400 15px/1.75 Manrope,Arial,sans-serif;color:#46535b}
.bo-reading-card a{display:inline-block;margin-top:15px;color:#674a24;font:700 13px/1.5 Manrope,Arial,sans-serif}
.bo-sources{background:#13232e;color:#f4f0e8;padding-block:86px 74px}
.bo-sources-head{max-width:760px}
.bo-sources-head .eyebrow{color:#eaca92}
.bo-sources-head>p:last-child{font:400 16px/1.8 Manrope,Arial,sans-serif;color:#d1d7d5}
.bo-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#eaca9255;margin-top:45px;border:1px solid #eaca9255}
.bo-source{position:relative;text-decoration:none;display:grid;grid-template-columns:44px 1fr 25px;column-gap:13px;row-gap:5px;background:#213744;color:#f4f0e8;padding:21px 23px;align-content:start;min-height:116px}
.bo-source:hover{background:#2e4b5d}
.bo-source>span:first-child{grid-row:span 3;font:500 20px Editorial,Georgia,serif;color:#eaca92}
.bo-source strong{font:650 14px/1.5 Manrope,Arial,sans-serif}
.bo-source small{font:400 14px/1.65 Manrope,Arial,sans-serif;color:#dce5e5}
.bo-source em{grid-column:2;font:600 12px/1.5 Manrope,Arial,sans-serif;font-style:normal;letter-spacing:.06em;color:#eaca92}
.bo-source .bo-arrow{grid-column:3;grid-row:1;font:16px Arial;color:#eaca92}
.bo-method{margin-top:32px;padding-top:20px;border-top:1px solid #eaca9255;font:400 14px/1.8 Manrope,Arial,sans-serif;color:#d1d7d5;max-width:900px}
.bo-date{font:400 13px/1.7 Manrope,Arial,sans-serif;color:#c6d0d0;margin-top:24px}
.bo-related{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px}
.bo-related a{color:#eaca92;text-decoration:none;font:650 13px/1.6 Manrope,Arial,sans-serif;padding:3px 0}
.bo-noscript{padding:20px;background:#fff7e6;color:#1e3341;font:400 15px/1.7 Manrope,Arial,sans-serif}
@media(max-width:980px){.bo-hero-inner,.bo-experience{grid-template-columns:1fr}.bo-hero-inner{padding-block:92px 85px;gap:80px}.bo-hero-art{min-height:315px}.bo-setup{grid-template-columns:1fr 1fr}.bo-setup .eyebrow{grid-column:1/-1}.bo-story-panel{border-top:1px solid #d8c39e57;border-left:0}.bo-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.bo-hero-inner{padding-block:85px 63px;gap:55px}.bo-hero h1{font-size:clamp(43px,11vw,61px)}.bo-hero-art{padding:18px;min-height:265px}.bo-art-house{grid-template-rows:70px 70px}.bo-setup{display:block;padding-block:48px}.bo-setup h2{margin:14px 0}.bo-play{padding-block:55px 64px}.bo-play-head{display:block}.bo-play-head>p{margin-top:15px}.bo-scenarios{grid-template-columns:1fr;gap:9px}.bo-scenarios button{min-height:95px;padding:15px;gap:6px}.bo-house-panel{padding:20px}.bo-house{margin:65px auto 25px;width:80%;height:205px}.bo-house-roof{height:50px;top:-49px}.bo-story-panel{padding:24px 20px}.bo-reading{padding-block:60px 70px}.bo-reading-grid{grid-template-columns:1fr}.bo-reading-card h3{min-height:unset}.bo-sources{padding-block:55px}.bo-source-grid{grid-template-columns:1fr}.bo-conclusion{padding:26px 22px}.bo-conclusion>a{display:block;margin:18px 0 0}}
@media(max-width:370px){.bo-hero h1{font-size:42px}.bo-source{grid-template-columns:27px 1fr 18px;padding:16px}.bo-house{width:90%}.bo-room b{letter-spacing:.04em}.bo-art-house{width:92%}}
@media(prefers-reduced-motion:reduce){.hf-blackout *,.hf-blackout *:before,.hf-blackout *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.bo-hero,.bo-scenarios,.bo-experience,.bo-conclusion{display:none!important}.bo-reading-grid{display:block}.bo-reading-card{page-break-inside:avoid;margin-bottom:15px}.bo-sources{color:#111;background:white}.bo-source{color:#111;background:white;border:1px solid #999}.bo-source small{color:#333}}