/* SOLSTICE PRO AI LTD — observatory manual / star-chart aesthetic
   Palette: night #070912 / moon #d8e3f0 / gold #e8b04a / blue-dwarf #84c0ff
   Prefixes: sol- / field- / coord- / epoch- / arc- / transit- */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inconsolata:wght@400;500;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'EB Garamond',Georgia,serif;
  background:#070912;
  color:#d8e3f0;
  line-height:1.7;
  font-size:18px;
  background-image:
    radial-gradient(1px 1px at 12% 18%,rgba(216,227,240,.55),transparent 50%),
    radial-gradient(1px 1px at 38% 72%,rgba(132,192,255,.45),transparent 50%),
    radial-gradient(1px 1px at 71% 23%,rgba(216,227,240,.4),transparent 50%),
    radial-gradient(1px 1px at 84% 61%,rgba(232,176,74,.35),transparent 50%),
    radial-gradient(2px 2px at 56% 12%,rgba(216,227,240,.3),transparent 50%),
    radial-gradient(1px 1px at 22% 88%,rgba(132,192,255,.4),transparent 50%);
  background-attachment:fixed;
}

a{color:#e8b04a;text-decoration:none;border-bottom:1px dotted rgba(232,176,74,.4)}
a:hover{color:#84c0ff;border-bottom-color:rgba(132,192,255,.6)}

/* ── coord bar (horizontal nav, no sticky sidebar) ─────────── */
.sol-coord-bar{
  border-bottom:1px solid rgba(232,176,74,.3);
  background:rgba(7,9,18,.85);
  backdrop-filter:blur(4px);
  position:sticky;top:0;z-index:50;
}
.sol-coord-inner{
  max-width:1180px;margin:0 auto;padding:14px 32px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;
}
.sol-mark{
  font-family:'EB Garamond',serif;font-size:22px;letter-spacing:.04em;
  color:#d8e3f0;border:none;display:flex;align-items:baseline;gap:10px;
}
.sol-mark .sol-mark-glyph{color:#e8b04a;font-size:26px;}
.sol-mark .sol-mark-sub{font-family:'Inconsolata',monospace;font-size:11px;color:#84c0ff;letter-spacing:.18em;text-transform:uppercase;}
.sol-coord-nav{display:flex;flex-wrap:wrap;gap:22px;font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;}
.sol-coord-nav a{color:#d8e3f0;border:none;opacity:.78}
.sol-coord-nav a:hover{color:#e8b04a;opacity:1}
.sol-coord-nav a.is-here{color:#e8b04a;opacity:1;text-shadow:0 0 6px rgba(232,176,74,.4)}

/* ── coord readout strip (RA/DEC bar under nav on inside pages) */
.sol-readout{
  max-width:1180px;margin:0 auto;padding:14px 32px;
  font-family:'Inconsolata',monospace;font-size:11px;color:#84c0ff;
  letter-spacing:.2em;text-transform:uppercase;
  display:flex;gap:32px;flex-wrap:wrap;border-bottom:1px dashed rgba(132,192,255,.18);
}
.sol-readout span b{color:#e8b04a;font-weight:500;margin-right:6px}

/* ── field (main content) ──────────────────────────────────── */
.field-page{max-width:880px;margin:0 auto;padding:60px 32px 80px}
.field-wide{max-width:1180px;margin:0 auto;padding:60px 32px 80px}

/* hero / opening epoch */
.epoch-open{padding:80px 32px 40px;max-width:1100px;margin:0 auto;border-bottom:1px solid rgba(232,176,74,.18)}
.epoch-tag{font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.28em;color:#e8b04a;text-transform:uppercase;margin-bottom:18px}
.epoch-open h1{
  font-family:'EB Garamond',serif;font-weight:500;
  font-size:54px;line-height:1.1;color:#d8e3f0;margin-bottom:22px;letter-spacing:-.005em;
}
.epoch-open h1 em{color:#e8b04a;font-style:italic}
.epoch-lede{font-size:21px;line-height:1.55;color:rgba(216,227,240,.82);max-width:720px;font-style:italic}
.epoch-meta{margin-top:30px;display:flex;gap:36px;flex-wrap:wrap;font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.18em;color:#84c0ff;text-transform:uppercase}
.epoch-meta span b{color:#e8b04a;font-weight:500;margin-right:6px}

/* section coord header */
.field-sec{margin:54px 0 0}
.field-sec h2{
  font-family:'EB Garamond',serif;font-weight:500;font-size:30px;line-height:1.2;color:#d8e3f0;
  margin-bottom:6px;letter-spacing:.005em;
}
.field-coord{
  font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.2em;color:#84c0ff;
  text-transform:uppercase;margin-bottom:22px;display:block;
}
.field-coord b{color:#e8b04a;font-weight:500;margin-right:8px}
.field-sec h3{
  font-family:'EB Garamond',serif;font-weight:500;font-style:italic;font-size:22px;
  color:#e8b04a;margin:32px 0 12px;
}
.field-sec p{margin-bottom:18px;color:rgba(216,227,240,.88)}
.field-sec p.field-drop::first-letter{
  font-size:60px;float:left;line-height:.9;padding:6px 10px 0 0;color:#e8b04a;
  font-family:'EB Garamond',serif;font-weight:500;
}
.field-sec ul,.field-sec ol{margin:0 0 22px 26px;color:rgba(216,227,240,.88)}
.field-sec li{margin-bottom:8px}
.field-sec blockquote{
  border-left:2px solid #e8b04a;padding:6px 0 6px 22px;margin:24px 0;
  font-style:italic;color:rgba(216,227,240,.92);
}
.field-sec blockquote cite{
  display:block;margin-top:10px;font-style:normal;
  font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.18em;
  color:#84c0ff;text-transform:uppercase;
}
.field-sec code,.sol-mono{font-family:'Inconsolata',monospace;color:#84c0ff;font-size:.92em}

/* horizontal divider star-chart style */
.transit-rule{
  border:none;text-align:center;margin:48px 0;color:#e8b04a;
  font-family:'Inconsolata',monospace;font-size:14px;letter-spacing:.6em;
}
.transit-rule::before{content:"✶  ·  ✶  ·  ✶"}

/* arc cards (planet/mission listing) */
.arc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin:30px 0}
.arc-card{
  border:1px solid rgba(232,176,74,.22);background:rgba(216,227,240,.03);
  padding:26px;transition:border-color .2s,background .2s;
}
.arc-card:hover{border-color:rgba(232,176,74,.5);background:rgba(232,176,74,.04)}
.arc-card .arc-coord{font-family:'Inconsolata',monospace;font-size:10px;letter-spacing:.22em;color:#84c0ff;text-transform:uppercase;margin-bottom:10px;display:block}
.arc-card h3{font-family:'EB Garamond',serif;font-weight:500;font-size:22px;color:#d8e3f0;margin-bottom:10px}
.arc-card p{font-size:16px;color:rgba(216,227,240,.78);margin-bottom:14px}
.arc-card .arc-link{font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e8b04a;border:none}

/* figure / plate */
.sol-plate{margin:36px 0;border:1px solid rgba(232,176,74,.2);padding:14px;background:rgba(216,227,240,.02)}
.sol-plate img{display:block;width:100%;height:auto;filter:grayscale(.25) contrast(1.05) saturate(.85);opacity:.92}
.sol-plate figcaption{
  margin-top:12px;font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.18em;
  color:#84c0ff;text-transform:uppercase;
}
.sol-plate figcaption b{color:#e8b04a;font-weight:500;margin-right:6px}

/* data table — observatory log */
.sol-log{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}
.sol-log th,.sol-log td{
  border-bottom:1px dashed rgba(132,192,255,.22);padding:11px 12px;text-align:left;vertical-align:top;
}
.sol-log th{
  font-family:'Inconsolata',monospace;font-size:11px;letter-spacing:.18em;
  color:#e8b04a;text-transform:uppercase;font-weight:500;
  border-bottom:1px solid rgba(232,176,74,.4);
}
.sol-log td:first-child{font-family:'Inconsolata',monospace;color:#84c0ff;font-size:13px;white-space:nowrap}

/* call to action — transit notice */
.transit-cta{
  margin:60px 0 20px;padding:36px;border:1px solid rgba(232,176,74,.3);
  background:rgba(232,176,74,.04);text-align:center;
}
.transit-cta h3{font-family:'EB Garamond',serif;font-weight:500;font-size:26px;color:#d8e3f0;margin-bottom:12px}
.transit-cta p{color:rgba(216,227,240,.82);margin-bottom:20px;max-width:560px;margin-left:auto;margin-right:auto}
.transit-cta a.sol-btn{
  display:inline-block;padding:14px 30px;border:1px solid #e8b04a;color:#e8b04a;
  font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.24em;text-transform:uppercase;
}
.transit-cta a.sol-btn:hover{background:#e8b04a;color:#070912}

/* footer */
.sol-foot{
  border-top:1px solid rgba(232,176,74,.2);margin-top:40px;padding:40px 32px;
  background:rgba(7,9,18,.7);
}
.sol-foot-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start;
  font-family:'Inconsolata',monospace;font-size:12px;letter-spacing:.12em;color:rgba(216,227,240,.6);}
.sol-foot-inner a{color:rgba(216,227,240,.75);border:none}
.sol-foot-inner a:hover{color:#e8b04a}
.sol-foot-cols{display:flex;gap:42px;flex-wrap:wrap}
.sol-foot-col b{display:block;color:#e8b04a;font-weight:500;margin-bottom:8px;letter-spacing:.2em}
.sol-foot-col a{display:block;margin-bottom:6px;text-transform:uppercase}
.sol-foot-note{color:rgba(132,192,255,.6);font-size:11px;margin-top:18px;letter-spacing:.16em}

/* small */
@media (max-width:720px){
  .epoch-open h1{font-size:38px}
  .field-sec h2{font-size:24px}
  .sol-coord-nav{gap:14px;font-size:11px}
  .field-page,.field-wide{padding:42px 22px 60px}
  .epoch-open{padding:50px 22px 30px}
}