/* NOTTE dark pages (2026-10-13): the home page look (emerald night, gold, Italiana + DM Sans) for the info pages.
   notte-dark.js darkens the remaining light panels, also the ones the page draws later. */
:root{--nd-bg:#0E1A17;--nd-panel:#16261F;--nd-panel2:#1B2E26;--nd-line:#2B4038;--nd-text:#EEF1EC;--nd-muted:#9DB8AE;--nd-gold:#E3C98E;
  --bg:#0E1A17;--paper:#16261F;--ink:#EEF1EC;--muted:#9DB8AE;--line:#2B4038;--gold:#E3C98E;--green:#8FD6A8;--red:#F0A394}
html,html body{background:var(--nd-bg)!important;color:var(--nd-text);font-family:'DM Sans',Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
html body header{background:var(--nd-bg)!important;border-bottom:1px solid var(--nd-line)!important}
html body .brand,html body .logo{font-family:'Italiana',Georgia,serif!important;color:var(--nd-text)!important;letter-spacing:.36em!important}
html body .brand small,html body .tagline{color:var(--nd-gold)!important;font-family:'DM Sans',sans-serif!important;font-weight:600;letter-spacing:.4em!important}
html body h1,html body h2,html body h3{font-family:'Italiana',Georgia,serif!important;font-weight:400!important}
html body .eyebrow,html body .date,html body .hero small,html body .next small{color:var(--nd-gold)!important}
html body a.back,html body .back a,html body .top-back,html body .outline,html body .page-share-btn,html body .close{background:transparent!important;color:var(--nd-gold)!important;border:1px solid var(--nd-line)!important;border-radius:999px!important;box-shadow:none!important}
html body .filter,html body .tabs button,html body .chip{font-family:'DM Sans',sans-serif!important}
html body .filter.active,html body .chip.active,html body button[aria-pressed="true"]{background:var(--nd-gold)!important;color:var(--nd-bg)!important;border-color:var(--nd-gold)!important}
html body input,html body select,html body textarea{background:var(--nd-panel2)!important;color:var(--nd-text)!important;border-color:var(--nd-line)!important}
html body ::placeholder{color:#7F9A90}
html body .official{color:var(--nd-gold)!important;border-color:rgba(227,201,142,.5)!important}
html body .tabs button[aria-selected=true]{color:var(--nd-text)!important;border-color:var(--nd-gold)!important}
html body .top-back{margin:0!important;top:50%!important;transform:translateY(-50%)!important}
html body .up,html body .positive{color:#8FD6A8!important}
html body .down,html body .negative{color:#F0A394!important}