/* Historical sample: shared Observatory surfaces; original evidence and print layout stay intact. */
@media screen {
  html.orion-observatory.sample-observatory {
    --card:var(--surface);--ink:var(--text);--muted:var(--text-mid);
    --line:var(--border);--cyan:var(--accent);--amber:var(--warn);
  }
  .sample-observatory body {
    background:radial-gradient(ellipse at 90% 7%,rgba(46,108,91,.13),transparent 34%),var(--bg);
    color:var(--ink);-webkit-font-smoothing:antialiased;
  }
  .sample-observatory .wrap {max-width:1160px;padding-inline:40px}
  .sample-observatory .top {height:94px;border-color:var(--line)}
  .sample-observatory .brand {gap:20px}
  .sample-observatory .logo {font-size:23px;font-weight:450;letter-spacing:.3em}
  .sample-observatory .brand small {font-size:10px;line-height:1.65;letter-spacing:.18em}
  .sample-observatory .top nav a {display:inline-flex;align-items:center;min-height:44px}
  .sample-observatory .hero {padding:78px 0 48px;isolation:isolate}
  .sample-observatory .hero::after {
    content:"";position:absolute;z-index:-1;right:-40px;top:15px;width:350px;height:350px;
    border:1px solid var(--border-bright);border-radius:50%;transform:rotateX(54deg) rotateY(25deg);
    box-shadow:0 0 0 36px rgba(178,255,223,.025),0 0 0 72px rgba(178,255,223,.018);
    opacity:.48;pointer-events:none;
  }
  .sample-observatory .hero h1 {max-width:900px;font-weight:400;font-size:clamp(40px,5.8vw,72px);line-height:1.08}
  .sample-observatory .intro {font-size:18px;line-height:1.85;max-width:660px}
  .sample-observatory .eyebrow {font-size:11px;letter-spacing:.14em}
  .sample-observatory .tag {border-radius:2px;padding:7px 11px}
  .sample-observatory .tag.primary {border-color:var(--border-bright)}
  .sample-observatory .notice {background:var(--accent-dim);font-size:14px;line-height:1.8;padding:20px 24px}
  .sample-observatory .contents {gap:8px;margin:28px 0 48px}
  .sample-observatory .contents a {
    display:inline-flex;align-items:center;min-height:44px;background:var(--surface);
    color:var(--text-mid);border:1px solid var(--border);border-radius:2px;padding:9px 14px;
  }
  .sample-observatory .contents a:hover {color:var(--accent);border-color:var(--border-bright)}
  .sample-observatory .section {padding:20px 0 44px}
  .sample-observatory .section-title {gap:20px;margin-bottom:26px}
  .sample-observatory h2 {font-size:29px;font-weight:400}
  .sample-observatory h3 {font-size:22px;font-weight:450;line-height:1.4}
  .sample-observatory .card,.sample-observatory .evidence-card,.sample-observatory .risk,
  .sample-observatory details,.sample-observatory .question {
    background:linear-gradient(145deg,var(--surface-2),var(--surface));
    border:1px solid var(--border);border-radius:3px;box-shadow:none;
  }
  .sample-observatory .card {padding:30px}
  .sample-observatory .card.added {border-color:var(--border-bright);box-shadow:inset 0 1px 0 rgba(178,255,223,.12)}
  .sample-observatory .card p {font-size:16px;line-height:1.8}
  .sample-observatory .source-link {font-size:13px;line-height:1.8}
  .sample-observatory .source-link a {display:inline-block;padding-block:5px}
  .sample-observatory .reading {font-size:15px;line-height:1.8}
  .sample-observatory .evidence-card {gap:38px;padding:34px}
  .sample-observatory .metric {font-size:94px;font-weight:350}
  .sample-observatory table {font-size:15px;line-height:1.7}
  .sample-observatory th,.sample-observatory td {border-color:var(--border);padding-block:15px}
  .sample-observatory .risk {padding:26px}
  .sample-observatory .risk p,.sample-observatory details p {font-size:15px;line-height:1.8}
  .sample-observatory summary {padding-block:22px;font-size:16px;line-height:1.6}
  .sample-observatory .footnote,.sample-observatory .sources li p {font-size:13px;line-height:1.8}
  .sample-observatory .sources li {padding-block:23px}
  .sample-observatory .sources li>div {min-width:0}
  .sample-observatory .sources li a {font-size:15px;line-height:1.7;overflow-wrap:anywhere}
  .sample-observatory .question {border-color:var(--border-bright);padding:34px}
  .sample-observatory .question p {font-size:27px;line-height:1.5}
  .sample-observatory .closing {padding-block:38px;margin-bottom:32px;align-items:flex-start}
  .sample-observatory .closing h2 {font-size:37px;font-weight:400}
  .sample-observatory .actions {max-width:345px;flex:none;gap:10px}
  .sample-observatory .button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:2px;padding:12px 17px}
  .sample-observatory .button.secondary {background:var(--surface);border-color:var(--border-bright)}
  .sample-observatory footer {font-size:13px;line-height:1.8}
  .sample-observatory footer nav a {display:inline-block;padding-block:8px}
  .sample-observatory a:focus-visible,.sample-observatory summary:focus-visible {outline:2px solid var(--accent);outline-offset:5px}
}
@media screen and (max-width:900px) {
  .sample-observatory .wrap {padding-inline:28px}
  .sample-observatory .closing {display:block}
  .sample-observatory .actions {margin-top:24px;max-width:none}
}
@media screen and (max-width:740px) {
  .sample-observatory .wrap {padding-inline:20px}
  .sample-observatory .top {height:80px}
  .sample-observatory .hero {padding:48px 0 36px}
  .sample-observatory .hero h1 {font-size:clamp(34px,9.6vw,53px)}
  .sample-observatory .hero::after {width:250px;height:250px;right:-65px;opacity:.3}
  .sample-observatory .intro {font-size:17px;line-height:1.75}
  .sample-observatory .tag {font-size:10px}
  .sample-observatory .notice {padding:18px;font-size:13px}
  .sample-observatory .contents {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:32px}
  .sample-observatory .contents a {font-size:12px;padding:9px 10px}
  .sample-observatory .section {padding-bottom:32px}
  .sample-observatory .section-title {gap:13px;margin-bottom:21px}
  .sample-observatory h2 {font-size:25px}
  .sample-observatory h3 {font-size:21px}
  .sample-observatory .card,.sample-observatory .evidence-card,.sample-observatory .risk {padding:23px}
  .sample-observatory .evidence-card {gap:20px}
  .sample-observatory .metric {font-size:78px}
  .sample-observatory table {font-size:14px}
  .sample-observatory th {width:40%;padding-right:16px}
  .sample-observatory .question {padding:25px}
  .sample-observatory .question p {font-size:23px}
  .sample-observatory .closing h2 {font-size:33px}
}
@media screen and (max-width:380px) {
  .sample-observatory .top nav {gap:13px}
  .sample-observatory .logo {font-size:21px}
  .sample-observatory .contents {grid-template-columns:1fr}
  .sample-observatory .card,.sample-observatory .evidence-card {padding:20px}
  .sample-observatory .actions {display:grid;grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce) {html.sample-observatory {scroll-behavior:auto}}
@media print {
  html.orion-observatory.sample-observatory {
    color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#fff;--ink:#152030;--text:#152030;
    --muted:#415265;--text-mid:#415265;--text-dim:#415265;--line:#bcc6c9;--border:#bcc6c9;
    --cyan:#145a6b;--accent:#145a6b;--amber:#6a4b15;
  }
  .sample-observatory body {color:var(--ink);background:#fff}
  .sample-observatory th,.sample-observatory td {color:var(--ink);border-color:var(--line)}
  .sample-observatory .metric-sub,.sample-observatory .metric-label,.sample-observatory .question small {color:var(--muted)}
}
