:root {
  --bg: #000000;
  --panel: #1a1a1a;
  --panel-alt: #262626;
  --accent: #f5c518;
  --accent-hover: #ffd84d;
  --ink: #ffffff;
  --muted: #9a9a9a;
  --border: #2f2f2f;
}

html { font-size: 17px; }
body {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 17px; line-height: 1.65; color: #ffffff;
  background-color: #000000;
  display: flex; flex-direction: column; min-height: 100vh;
}
main { flex: 1 0 auto; background-color: #000000; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif; color: #f5c518; font-weight: 600;
  line-height: 1.2; text-transform: uppercase; letter-spacing: .02em;
}
h1, .page-title { font-size: 44px; font-weight: 700; margin: .5em 0 .4em; }
h2, .block-heading { font-size: 28px; font-weight: 600; }
h3 { font-size: 22px; font-weight: 600; }
p { color: #e5e2e1; }

/* ── Navbar (gold band) ─────────────────────────────── */
nav.site-nav { background-color: #f5c518; box-shadow: 0 2px 8px rgba(0,0,0,.5); }
nav.site-nav .brand-logo {
  font-family: 'Oswald', sans-serif; font-weight: 700; color: #000000;
  text-transform: uppercase; font-size: 1.4rem; letter-spacing: .03em;
}
nav.site-nav ul a {
  color: #000000; font-weight: 600; font-family: 'Oswald', sans-serif;
  text-transform: uppercase; letter-spacing: .04em;
}
nav.site-nav ul a:hover { background-color: #000000; color: #f5c518; }
nav.site-nav .sidenav-trigger i { color: #000000; }
.dropdown-content { background-color: #1a1a1a; }
.dropdown-content li > a { color: #f5c518; }
.dropdown-content li > a:hover { background-color: #262626; }
.sidenav { background-color: #1a1a1a; }
.sidenav .sidenav-child { padding-left: 40px; color: #9a9a9a; }
.sidenav li > a { color: #ffffff; }

/* ── Hero ───────────────────────────────────────────── */
.hero { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%); color: #fff; padding: 56px 0 60px; text-align: center; border-bottom: 2px solid #f5c518; }
.hero-title { color: #f5c518; font-size: 44px; font-weight: 700; margin-bottom: .3em; }
.hero-lead { color: #e5e2e1; max-width: 760px; margin: 0 auto 1.4em; }
.hero-actions { margin-top: 1.1em; }
.hero-btn-primary { background-color: #f5c518; color: #000000; border-radius: 0; margin: .4em; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.hero-btn-primary:hover { background-color: #ffd84d; }
.hero-btn-secondary { background-color: transparent; border: 2px solid #f5c518; color: #f5c518; border-radius: 0; margin: .4em; box-shadow: none; }
.hero-btn-secondary:hover { background-color: rgba(245,197,24,.12); }

/* ── Section cards (homepage) ───────────────────────── */
.section-cards { margin-top: 1rem; }
.section-card { border-radius: 0; border: 1px solid var(--border); background-color: #1a1a1a; }
.section-card .card-content { color: #e5e2e1; }
.section-card .card-title a { color: #f5c518; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 1.1rem; }

/* ── Content ────────────────────────────────────────── */
.site-prose { color: #e5e2e1; }
.site-prose p, .block-paragraph { margin: 0 0 1.1em; color: #e5e2e1; }
.block-image { border-radius: 0; margin: 1.1em 0; max-width: 100%; height: auto; border: 1px solid var(--border); }
.block-quote { border-left: 4px solid #f5c518; padding-left: 1.2em; color: #9a9a9a; font-style: italic; }
.block-list { margin: 0 0 1.1em 1.2em; } .block-list li { list-style: disc; margin-bottom: .4em; color: #e5e2e1; }
.block-table { margin: 1.4em 0; }
.block-table th { background: #262626; color: #f5c518; }
.block-table td { color: #e5e2e1; border-color: var(--border); }
.divider { background-color: var(--border); }

/* listing feed */
.post-feed .block-list-item { display: flex; gap: 1rem; padding: 1em 0; border-bottom: 1px solid var(--border); }
.list-item-thumb { width: 120px; height: auto; border-radius: 0; flex: 0 0 auto; }
.list-item-title { font-size: 22px; margin: 0 0 .2em; }
.list-item-title a { color: #f5c518; }
.list-item-title a:hover { color: #ffd84d; }
.list-item-excerpt { color: #9a9a9a; }
@media (max-width: 600px) { .post-feed .block-list-item { flex-direction: column; } .list-item-thumb { width: 100%; } }

/* content body links — scoped, visible */
.site-prose a, .block-paragraph a, .block-list a, .list-item-title a {
  color: #f5c518; text-decoration: underline; text-decoration-color: rgba(245,197,24,.4);
}
.site-prose a:hover, .block-paragraph a:hover { color: #ffd84d; text-decoration-color: #ffd84d; }

/* ── Breadcrumbs ────────────────────────────────────── */
.breadcrumb-bar { background-color: #1a1a1a; border-bottom: 1px solid var(--border); }
.breadcrumb-bar .breadcrumb { color: #9a9a9a; }
.breadcrumb-bar .breadcrumb:last-child { color: #ffffff; }
.breadcrumb-bar .breadcrumb::before { color: var(--border); }

/* ── Cards / category ───────────────────────────────── */
.card-grid .card, .card-grid .card-minimal { border-radius: 0; background-color: #1a1a1a; }
.card .card-content { color: #e5e2e1; }
.card .card-title a, .card-minimal h5 a { color: #f5c518; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.card-minimal { border-left: 3px solid #f5c518; padding: .9em 1.2em; background: #1a1a1a; border-radius: 0; }
.card-action a { color: #f5c518 !important; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

/* ── ToC ────────────────────────────────────────────── */
.toc-box { background: #1a1a1a; border: 1px solid var(--border); border-radius: 0; padding: 1em 1.2em; margin-bottom: 1.4em; }
.toc-box h6 { color: #f5c518; font-weight: 600; margin-top: 0; }
.toc-box a { color: #e5e2e1; }
.sticky-toc { position: sticky; top: 20px; align-self: flex-start; }
.toc-level-3 { padding-left: 1em; }

/* ── Footer (gold band) ─────────────────────────────── */
footer.page-footer { background-color: #f5c518; padding-top: 28px; color: #000000; }
footer.page-footer .footer-title { color: #000000; font-size: 18px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
footer.page-footer p { color: #1a1a1a; }
footer.page-footer a { color: #000000; }
footer.page-footer a:hover { color: #1a1a1a; text-decoration: underline; }
footer.page-footer .footer-copyright { background-color: rgba(0,0,0,.85); color: #f5c518; }

/* ── Related links (interlink hub recovery) ─────────── */
.related-links { margin-top: 2rem; padding-top: 1.2rem; border-top: 2px solid var(--border); }
.related-links .block-heading { font-size: 22px; }
.related-list { columns: 2; column-gap: 2rem; list-style: none; margin-left: 0; }
.related-list li { margin-bottom: .5em; break-inside: avoid; }
.related-list a { color: #f5c518; text-decoration: underline; text-decoration-color: rgba(245,197,24,.4); }
.related-list a:hover { color: #ffd84d; }
@media (max-width: 600px) { .related-list { columns: 1; } }
