/* DJIA Trend - site styles */
:root{
  --bg:#f6f6f3;
  --surface:#ffffff;
  --ink:#16202c;
  --ink-2:#3a4552;
  --muted:#5d6773;
  --line:#e2e2dc;
  --accent:#1d4f7a;
  --accent-soft:#e8eef4;
  --up:#1b6e45;
  --up-soft:#e7f2ec;
  --down:#a4262c;
  --down-soft:#f7e9e9;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);}
body{min-height:100vh;display:flex;flex-direction:column;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;}
main{flex:1 0 auto;}
a{color:var(--accent);text-underline-offset:2px;}
a:hover{color:#133a5c;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:2000;}
.skip-link:focus{left:0;}

/* Header */
.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--line);}
.site-header .navbar{padding:.7rem 0;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);}
.brand:hover{color:var(--ink);}
.brand-mark{width:30px;height:30px;border-radius:6px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;}
.brand-mark svg{display:block}
.brand-name{font-family:var(--serif);font-weight:700;font-size:1.35rem;letter-spacing:-.01em;}
.brand-name span{color:var(--accent);}
.site-header .nav-link{color:var(--ink-2);font-weight:500;font-size:.95rem;padding:.5rem .9rem !important;border-radius:6px;}
.site-header .nav-link:hover{color:var(--ink);background:#f1f1ed;}
.site-header .nav-link.active{color:var(--accent);background:var(--accent-soft);}
.navbar-toggler{border-color:var(--line);}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(29,79,122,.25);}
.header-meta{font-size:.8rem;color:var(--muted);white-space:nowrap;}

/* Ticker strip */
.ticker{background:var(--ink);color:#e9edf2;font-size:.82rem;}
.ticker .container{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;padding-top:.4rem;padding-bottom:.4rem;}
.ticker b{color:#fff;font-weight:600;}

/* Page heading */
.page-head{padding:2.5rem 0 1.5rem;border-bottom:1px solid var(--line);background:var(--surface);}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:.4rem;}
.page-title{font-family:var(--serif);font-weight:700;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.015em;line-height:1.15;margin:0;}
.lede{color:var(--ink-2);font-size:1.08rem;max-width:62ch;margin-top:.6rem;margin-bottom:0;}

/* Cards / panels */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.5rem;}
.panel-title{font-family:var(--serif);font-weight:600;font-size:1.25rem;margin:0 0 .25rem;}
.panel-sub{color:var(--muted);font-size:.9rem;margin:0 0 1rem;}
.section{padding:2rem 0;}

/* Summary */
.summary-date{font-size:.85rem;color:var(--muted);font-weight:500;margin-bottom:.75rem;}
.summary-date time{color:var(--ink-2);font-weight:600;}
.summary-body{font-family:var(--serif);font-size:1.15rem;line-height:1.7;color:var(--ink);}
.summary-body p:last-child{margin-bottom:0;}
.summary-body h2,.summary-body h3{font-family:var(--serif);font-size:1.3rem;font-weight:600;}

/* Trend signal tiles */
.signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;}
.signal{border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;background:#fcfcfa;}
.signal-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;}
.signal-value{display:flex;align-items:center;gap:.45rem;font-size:1.5rem;font-weight:700;margin-top:.2rem;letter-spacing:-.01em;}
.signal.up{border-left:4px solid var(--up);}
.signal.down{border-left:4px solid var(--down);}
.signal.up .signal-value{color:var(--up);}
.signal.down .signal-value{color:var(--down);}
.signal-raw{font-size:1rem;}
.asof{font-size:.85rem;color:var(--muted);}
.asof strong{color:var(--ink-2);}

/* Chart */
.chart-wrap{position:relative;height:360px;}
.chart-wrap.tall{height:440px;}
.chart-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:.95rem;padding:1rem;}
.data-table{font-size:.92rem;}
.data-table th{font-weight:600;color:var(--ink-2);background:#f8f8f5;}
.data-table td.num{text-align:right;font-variant-numeric:tabular-nums;}

/* Notice */
.notice{border-left:3px solid var(--accent);background:var(--accent-soft);padding:.9rem 1.1rem;border-radius:0 8px 8px 0;font-size:.9rem;color:var(--ink-2);}
.source-note{font-size:.85rem;color:var(--muted);}

/* History */
.history-list{list-style:none;padding:0;margin:0;}
.history-entry{display:grid;grid-template-columns:170px 1fr;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--line);}
.history-entry:first-child{padding-top:.25rem;}
.history-entry:last-child{border-bottom:0;}
.history-date{font-size:.85rem;color:var(--muted);font-weight:500;}
.history-date time{display:block;color:var(--ink);font-weight:600;font-size:.95rem;}
.history-body{font-family:var(--serif);font-size:1.05rem;line-height:1.7;}
.history-body p:last-child{margin-bottom:0;}
.history-empty{color:var(--muted);padding:1rem 0;}
@media (max-width:640px){.history-entry{grid-template-columns:1fr;gap:.35rem;}}

/* Buttons */
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500;}
.btn-accent:hover,.btn-accent:focus{background:#133a5c;border-color:#133a5c;color:#fff;}
.btn-outline-accent{border-color:var(--accent);color:var(--accent);font-weight:500;}
.btn-outline-accent:hover{background:var(--accent);color:#fff;}

/* Footer */
.site-footer{background:var(--ink);color:#c9d1db;font-size:.9rem;margin-top:3rem;}
.site-footer a{color:#fff;}
.site-footer a:hover{color:#dfe8f2;}
.site-footer .foot-brand{font-family:var(--serif);font-weight:700;color:#fff;font-size:1.15rem;}
.site-footer h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#9aa6b4;font-weight:600;margin-bottom:.6rem;}
.site-footer ul{list-style:none;padding:0;margin:0;}
.site-footer li{margin-bottom:.35rem;}
.foot-legal{border-top:1px solid #2c3847;color:#9aa6b4;font-size:.8rem;}