/* Option B — BlueYard / Refero editorial observatory. Shared markup, controls and scorer. */
@font-face{font-family:'Instrument Sans';src:url(fonts/InstrumentSans-variable.ttf) format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
body[data-design=observatory]{--bg:#111114;--surface:#111114;--raised:#202024;--text:#f1eee9;--muted:#b7b2b0;--subtle:#979197;--line:#393638;--blue:#ffcf9e;--blue-tint:#ffcf9e08;--action:#f1eee9;--on-action:#111114;--apricot:#ffcf9e;--iris:#babfff;--bloom:#e3a2ef;font-family:'Instrument Sans',Inter,sans-serif;font-size:14px}
body[data-design=observatory][data-theme=light]{--bg:#fff;--surface:#fff;--raised:#f6f2ef;--text:#3a3a3e;--muted:#666167;--subtle:#767078;--line:#d9d2d1;--blue:#3a3a3e;--blue-tint:#ffcf9e20;--action:#3a3a3e;--on-action:#fff}
body[data-design=observatory]:before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:650px;background:radial-gradient(ellipse at 50% -20%,#ffcf9e3b,transparent 70%);pointer-events:none}body[data-design=observatory][data-theme=light]:before{background:radial-gradient(ellipse at 50% -25%,#fff8cc 0%,#ffcf9eaa 36%,#fff0e680 66%,#fff 95%)}
body[data-design=observatory] .site-header{background:var(--bg);border-bottom:1px solid var(--line)}body[data-design=observatory] .header-inner{max-width:1248px;padding:0 24px;min-height:74px;gap:32px}body[data-design=observatory] .wordmark{font-size:25px;font-weight:500;letter-spacing:-.045em}body[data-design=observatory] .header-inner nav{gap:24px}body[data-design=observatory] .header-inner nav a{font-size:13px;font-weight:500}body[data-design=observatory] .header-inner nav a[aria-current=page]{border-color:var(--text)}
body[data-design=observatory] .scene-stage{height:370px;max-width:1200px}body[data-design=observatory] .scene-caption{font:11px/1.5 'Instrument Sans',sans-serif;letter-spacing:0;text-transform:none;color:var(--text);padding-top:26px}body[data-design=observatory] .observatory-title{display:block;position:absolute;top:62px;left:0;width:100%;text-align:center;font-size:54px;font-weight:400;line-height:1.02;letter-spacing:-1.62px;color:var(--text)}body[data-design=observatory] .observatory-title br{display:none}
body[data-design=observatory] .page-shell{margin-bottom:90px;box-shadow:0 0 0 26px var(--bg)}body[data-design=observatory] h1,body[data-design=observatory] h2,body[data-design=observatory] h3{font-weight:400;letter-spacing:-.025em}body[data-design=observatory] .page-heading h1{font-size:48px;line-height:1.05;letter-spacing:-1.3px}body[data-design=observatory] .feed-title h1{font-size:24px}body[data-design=observatory] .section-heading h2{font-size:18px}body[data-design=observatory] .side-panel h2{font-size:15px}body[data-design=observatory] .section-heading{margin-top:30px}body[data-design=observatory] .lead-card h3{font-size:30px;line-height:1.14;font-weight:400;max-width:700px}body[data-design=observatory] .small-card h3{font-size:21px;line-height:1.22}body[data-design=observatory] .wire-card h3{font-size:19px}
body[data-design=observatory] .story-card{padding:26px 0}body[data-design=observatory] .story-card:hover,body[data-design=observatory] .story-card:focus-within{background:var(--blue-tint)}body[data-design=observatory] .story-card:before{background:var(--apricot)}body[data-design=observatory] .story-card:nth-child(3n):before{background:var(--iris)}body[data-design=observatory] .story-card:nth-child(4n):before{background:var(--bloom)}body[data-design=observatory] .story-card:hover h3{color:var(--text)}body[data-design=observatory] .card-top .source-name{font-weight:500;letter-spacing:0}body[data-design=observatory] .tabs{gap:24px;margin-top:26px}body[data-design=observatory] .tabs button{font-size:13px}body[data-design=observatory] .filter-chip{border:0;border-bottom:1px solid transparent;border-radius:0;padding:4px 7px;font-size:11px;background:none}body[data-design=observatory] .filter-chip[aria-pressed=true]{background:none;border-color:var(--text)}body[data-design=observatory] .filter-chip[aria-pressed=false]{text-decoration:none;opacity:.8}body[data-design=observatory] .search input{border-width:0 0 1px;padding-left:0;border-radius:0}
body[data-design=observatory] button,body[data-design=observatory] input,body[data-design=observatory] select,body[data-design=observatory] .btn,body[data-design=observatory] .lab-resource,body[data-design=observatory] dialog{border-radius:0}body[data-design=observatory] .callout{background:#ffcf9e0c;border-left:1px solid var(--apricot);padding:24px}body[data-design=observatory] .callout:nth-of-type(2){background:#babfff0b;border-color:var(--iris)}body[data-design=observatory][data-theme=light] .callout{background:#ffcf9e30}body[data-design=observatory][data-theme=light] .callout:nth-of-type(2){background:#babfff20}body[data-design=observatory] .callout a,body[data-design=observatory] .text-link,body[data-design=observatory] .machine-links a{color:var(--text);text-decoration:underline;text-underline-offset:4px}body[data-design=observatory] .eyebrow{letter-spacing:0;font-weight:500}body[data-design=observatory] .prose{font-size:15px}body[data-design=observatory] .prose h2{font-size:24px}body[data-design=observatory] .article-list a{font-size:13px;padding:13px 0}body[data-design=observatory] .article-list a:first-child:before{color:var(--text)}body[data-design=observatory] .save-button[aria-pressed=true]{color:var(--text)}body[data-design=observatory] .save-button:hover{border-color:var(--text)}body[data-design=observatory] .footer-inner{max-width:1200px;padding-top:38px}
@media(max-width:1100px){body[data-design=observatory] .header-inner{gap:18px}body[data-design=observatory] .header-inner nav{gap:15px}body[data-design=observatory] .header-inner nav a{font-size:12px}}
@media(max-width:900px){body[data-design=observatory] .sidebar{margin-top:48px}body[data-design=observatory] .observatory-title{font-size:44px}body[data-design=observatory] .page-heading h1{font-size:40px}}
@media(max-width:700px){body[data-design=observatory] .header-inner{min-height:66px;gap:4px;padding:0 16px}body[data-design=observatory] .header-inner .wordmark{font-size:21px}body[data-design=observatory] .header-inner nav a{font-size:15px}body[data-design=observatory] .scene-stage{height:260px}body[data-design=observatory] .scene-caption{font-size:10px;padding-top:20px}body[data-design=observatory] .observatory-title{top:55px;font-size:34px;letter-spacing:-1px;text-align:left;line-height:1.05}body[data-design=observatory] .observatory-title br{display:block}body[data-design=observatory] .page-shell{box-shadow:0 0 0 16px var(--bg)}body[data-design=observatory] .lead-card h3{font-size:25px}body[data-design=observatory] .small-card h3{font-size:20px}body[data-design=observatory] .wire-card h3{font-size:18px}body[data-design=observatory] .page-heading h1{font-size:34px}body[data-design=observatory] .feed-title h1{font-size:21px}body[data-design=observatory] .tabs{gap:18px}body[data-design=observatory] .filter-chip{font-size:10px}body[data-design=observatory] .story-card{padding:23px 0}}

@media(max-width:700px){body[data-design=observatory] .header-inner nav.open{gap:0}}

/* No decorative background or space reserved for the former orb. */
body[data-design=observatory]:before{display:none}
body[data-design=observatory] .scene-stage{height:190px}
@media(max-width:700px){body[data-design=observatory] .scene-stage{height:165px}}

.incident-updates{position:relative;z-index:2;margin:14px 0;padding-top:12px;border-top:1px solid var(--border)}.incident-updates p{font-size:11px;color:var(--muted);margin:4px 0 8px}.incident-updates a{display:flex;flex-direction:column;gap:3px;padding:7px 0;font-size:12px;line-height:1.45}.incident-updates small{color:var(--muted);font-size:10px}.incident-updates a:hover,.incident-updates a:focus-visible{color:var(--blue);text-decoration:underline}
