/* ============================================================
   23HourTrader — public site "Observatory" theme
   Deep midnight observatory × astronomical almanac × data terminal.
   NOT the dark/acid-accent default: ink-blue + brass + starlight-cream.
   ============================================================ */
:root{
  --ink:#0e1524;          /* midnight background */
  --ink2:#141d31;         /* raised panel */
  --ink3:#1c2740;         /* border/hairline */
  --brass:#c9a24b;        /* aged brass — instruments, star maps */
  --brass-dim:#8a7638;
  --cream:#efe9dc;        /* starlight parchment — reading text */
  --cream-dim:#a9a595;    /* muted parchment */
  --sky:#6f9bd1;          /* faint celestial blue accent */
  --good:#5cb891; --bad:#d76a72;
  --serif:"Georgia","Iowan Old Style",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;

  /* ===== ALMANAC TUNING — raise any of these toward 1 to make it MORE noticeable ===== */
  --star-opacity:1;        /* the scattered starfield (0 = off, 1 = brightest) */
  --constellation-opacity:0.40;  /* the faint constellation lines behind the hero */
  --compass-opacity:0.25;    /* brass compass rose, bottom-right */
  --masthead-opacity:1;   /* sun/moon ornament on the landing hero */
  --divider-opacity:1;    /* the celestial marks on section dividers */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);line-height:1.65;
  font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--brass);text-decoration:none} a:hover{color:var(--cream)}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* star-field — layered dots across the whole page, brighter and denser */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--star-opacity);
  background-repeat:repeat;background-size:320px 320px;
  background-image:
    radial-gradient(1.5px 1.5px at 20px 30px, rgba(239,233,220,.9), transparent),
    radial-gradient(1.5px 1.5px at 90px 70px, rgba(239,233,220,.7), transparent),
    radial-gradient(1px 1px at 160px 40px, rgba(201,162,75,.8), transparent),
    radial-gradient(2px 2px at 240px 120px, rgba(239,233,220,.85), transparent),
    radial-gradient(1px 1px at 60px 160px, rgba(111,155,209,.7), transparent),
    radial-gradient(1.5px 1.5px at 200px 200px, rgba(239,233,220,.6), transparent),
    radial-gradient(1px 1px at 300px 240px, rgba(201,162,75,.6), transparent),
    radial-gradient(1.5px 1.5px at 120px 280px, rgba(239,233,220,.75), transparent),
    radial-gradient(1px 1px at 280px 300px, rgba(111,155,209,.6), transparent),
    radial-gradient(2px 2px at 40px 250px, rgba(239,233,220,.7), transparent);}

/* a faint brass compass rose, fixed bottom-right, like an old chart's mark */
body::after{content:"";position:fixed;right:24px;bottom:24px;width:120px;height:120px;z-index:-1;
  pointer-events:none;opacity:var(--compass-opacity);
  background-repeat:no-repeat;background-position:center;background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none' stroke='%23c9a24b' stroke-width='1'><circle cx='50' cy='50' r='46'/><circle cx='50' cy='50' r='34'/><path d='M50 4 L56 44 L50 50 L44 44 Z M50 96 L44 56 L50 50 L56 56 Z M4 50 L44 44 L50 50 L44 56 Z M96 50 L56 56 L50 50 L56 44 Z' fill='%23c9a24b'/><path d='M18 18 L47 47 M82 18 L53 47 M82 82 L53 53 M18 82 L47 53' /></g></svg>");}
@media(max-width:640px){ body::after{width:80px;height:80px;right:12px;bottom:12px} }

/* nav */
nav.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--ink3)}
nav.top .brand{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--cream);letter-spacing:.3px}
nav.top .brand b{color:var(--brass)}
nav.top .links a{margin-left:22px;font-size:14px;font-family:var(--mono);letter-spacing:.02em;color:var(--cream-dim)}
nav.top .links a:hover{color:var(--brass)}

/* hero */
.hero{padding:80px 0 60px;text-align:center;position:relative}
.hero .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin-bottom:22px}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px,6vw,60px);line-height:1.08;margin:0 0 18px;color:var(--cream)}
.hero h1 em{font-style:italic;color:var(--brass)}
.hero p.lede{font-size:19px;color:var(--cream-dim);max-width:600px;margin:0 auto 30px}
.hero .cta{display:inline-block;font-family:var(--mono);font-size:14px;letter-spacing:.04em;
  border:1px solid var(--brass);color:var(--brass);padding:12px 24px;border-radius:2px;transition:.2s}
.hero .cta:hover{background:var(--brass);color:var(--ink)}

/* the signature: a "phase strip" of moon glyphs as a divider */
.phasestrip{display:flex;justify-content:center;gap:18px;font-size:20px;color:var(--brass-dim);
  margin:40px 0;letter-spacing:2px;opacity:.8}

/* sections */
section{padding:56px 0;border-top:1px solid var(--ink3)}
h2.sec{font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:0 0 26px}
.tenet{font-family:var(--serif);font-size:clamp(22px,3.5vw,30px);line-height:1.4;color:var(--cream);max-width:680px}
.tenet em{color:var(--brass);font-style:italic}

/* post list */
.post{display:block;padding:20px 0;border-bottom:1px solid var(--ink3)}
.post:hover{padding-left:8px;transition:padding .15s}
.post .date{font-family:var(--mono);font-size:12px;color:var(--brass-dim);letter-spacing:.05em}
.post .title{font-family:var(--serif);font-size:22px;color:var(--cream);margin:4px 0 6px}
.post:hover .title{color:var(--brass)}
.post .sum{font-size:15px;color:var(--cream-dim)}
.post .tags{font-family:var(--mono);font-size:11px;color:var(--sky);margin-top:8px;letter-spacing:.03em}

/* article body */
article.post-body{padding:40px 0 80px}
article.post-body h1{font-family:var(--serif);font-size:clamp(28px,5vw,42px);line-height:1.12;color:var(--cream);margin:0 0 8px}
article.post-body .meta{font-family:var(--mono);font-size:12px;color:var(--brass-dim);margin-bottom:36px;letter-spacing:.05em}
article.post-body h2{font-family:var(--serif);font-size:26px;color:var(--brass);margin:38px 0 12px}
article.post-body h3{font-family:var(--sans);font-size:19px;color:var(--cream);margin:28px 0 10px}
article.post-body p,article.post-body li{color:var(--cream);opacity:.92}
article.post-body blockquote{border-left:2px solid var(--brass);margin:24px 0;padding:6px 20px;color:var(--brass);font-family:var(--serif);font-style:italic;font-size:20px}
article.post-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
article.post-body th,article.post-body td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--ink3)}
article.post-body th:first-child,article.post-body td:first-child{text-align:left}
article.post-body th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--brass);font-weight:600}
article.post-body code{font-family:var(--mono);font-size:14px;color:var(--sky)}
article.post-body hr{border:none;border-top:1px solid var(--ink3);margin:30px 0}

/* footer */
footer{border-top:1px solid var(--ink3);padding:40px 0 60px;text-align:center;color:var(--cream-dim);font-size:13px}
footer .tag{font-family:var(--serif);font-style:italic;color:var(--brass);font-size:16px;margin-bottom:12px}
footer .links a{margin:0 12px;font-family:var(--mono);font-size:13px}

@media(max-width:640px){ nav.top .links a{margin-left:14px} .hero{padding:50px 0 40px} body{font-size:16px} }

/* ===== ALMANAC ORNAMENT ===== */
/* constellation lines behind the hero — faint connected star-chart */
.hero::before{content:"";position:absolute;inset:-20px 0 0 0;z-index:-1;pointer-events:none;
  opacity:var(--constellation-opacity);
  background-repeat:no-repeat;background-position:center top;background-size:cover;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 260'><g stroke='%23c9a24b' stroke-width='0.7' fill='%23efe9dc'><polyline points='40,60 90,40 140,70 180,50 230,80' fill='none'/><polyline points='300,40 330,70 360,55 380,90' fill='none'/><polyline points='60,180 100,150 150,175 130,220' fill='none'/><polyline points='250,160 290,190 340,170 370,200' fill='none'/><circle cx='40' cy='60' r='2'/><circle cx='90' cy='40' r='2.4'/><circle cx='140' cy='70' r='1.8'/><circle cx='180' cy='50' r='2'/><circle cx='230' cy='80' r='2.2'/><circle cx='300' cy='40' r='2'/><circle cx='330' cy='70' r='1.8'/><circle cx='360' cy='55' r='2.2'/><circle cx='380' cy='90' r='1.6'/><circle cx='60' cy='180' r='2'/><circle cx='100' cy='150' r='2.3'/><circle cx='150' cy='175' r='1.8'/><circle cx='130' cy='220' r='2'/><circle cx='250' cy='160' r='2'/><circle cx='290' cy='190' r='2.2'/><circle cx='340' cy='170' r='1.8'/><circle cx='370' cy='200' r='2'/></g></svg>");}

/* celestial sun/moon ornament above the hero eyebrow */
.hero .eyebrow::before{content:"";display:block;width:54px;height:54px;margin:0 auto 18px;
  opacity:var(--masthead-opacity);
  background-repeat:no-repeat;background-position:center;background-size:contain;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none' stroke='%23c9a24b' stroke-width='1.5'><circle cx='50' cy='50' r='20'/><g stroke-width='1'><line x1='50' y1='6' x2='50' y2='22'/><line x1='50' y1='78' x2='50' y2='94'/><line x1='6' y1='50' x2='22' y2='50'/><line x1='78' y1='50' x2='94' y2='50'/><line x1='19' y1='19' x2='30' y2='30'/><line x1='70' y1='70' x2='81' y2='81'/><line x1='81' y1='19' x2='70' y2='30'/><line x1='30' y1='70' x2='19' y2='81'/></g><path d='M58 38 A16 16 0 1 0 58 62 A13 13 0 1 1 58 38 Z' fill='%23c9a24b' stroke='none'/></g></svg>");}

/* celestial section dividers — a small mark centered on the top rule */
section{position:relative}
section::before{content:"✧";position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--ink);padding:0 14px;color:var(--brass);font-size:15px;opacity:var(--divider-opacity)}