/* Local Insights design system — extension of the 2026-07 homepage redesign
   to the inner shell pages. Loads AFTER styles.css and re-themes it via the
   token layer, replaces the newspaper chrome with the hub topbar, and
   polishes cards/buttons to the new language. */

:root{
  --ink:#1C1A15;
  --ink-soft:#2B2820;
  --vermilion:#B84215;
  --vermilion-deep:#8F3110;
  --forest:#5E8034;
  --paper:#FBF8F3;
  --surface:#FFFFFF;
  --rule:#EDE6D6;
  --stone:#5A5544;
  --display:'Source Serif 4',Georgia,'Times New Roman',serif;
  --serif:'Source Serif 4',Georgia,serif;
  --ui:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ── hub topbar (replaces dateline + masthead + main-nav) ── */
.lih-topbar{position:sticky;top:0;z-index:6;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(251,248,243,.93);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.lih-topbar-l{display:flex;align-items:center;gap:28px}
.lih-topbar-l>a{display:block;color:var(--ink)}
.lih-topnav{display:flex;gap:20px;font-size:14px;font-weight:500}
.lih-topnav a{color:#3D392E;text-decoration:none}
.lih-topnav a:hover{color:var(--vermilion)}
.lih-topnav a[aria-current="page"]{color:var(--ink);font-weight:600}
.lih-topnav a.sub{color:var(--vermilion);font-weight:600}
.lih-menu-btn{display:none;width:44px;height:44px;margin-right:-10px;border:0;background:transparent;cursor:pointer;align-items:center;justify-content:center;color:var(--ink)}
.lih-m-nav{display:none}
.lih-m-nav.open{display:flex;flex-direction:column;position:sticky;top:56px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--rule);z-index:7}
.lih-m-nav a{padding:14px 18px;text-decoration:none;color:var(--ink);font-size:15px;font-weight:500;border-top:1px solid #F5F1E8}
@media(max-width:767px){
  .lih-topbar{padding:0 18px}
  .lih-topnav{display:none}
  .lih-menu-btn{display:flex}
}

/* ── typography polish ── */
h1,h2,h3,.page-hero h1{font-variation-settings:'opsz' 40}
.page-hero h1{font-weight:500;letter-spacing:-.022em}
.kicker{font-family:var(--ui);font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--stone)}

/* ── archive cards ── */
.plate-card .plate{border-radius:10px;overflow:hidden;border:1px solid var(--rule);box-shadow:0 1px 2px rgba(28,26,21,.06);transition:box-shadow 200ms ease,transform 200ms ease}
.plate-card:hover .plate{box-shadow:0 18px 40px -18px rgba(28,26,21,.4);transform:translateY(-2px);outline:none}
.plate-card h3{font-family:var(--display);letter-spacing:-.015em}
.plate-meta .date{color:var(--stone)}
.plate-fig,.plate-cap{border-radius:4px}
.results-line{font-family:var(--mono)}
.filters select,.filters input{border-radius:6px;border-color:var(--rule)}
.filters select:focus,.filters input:focus{border-color:var(--ink);outline:none}

/* ── buttons, doors, forms ── */
.btn,.btn-ink,button[type=submit]{border-radius:6px}
.btn-ink{background:var(--vermilion);border-color:var(--vermilion)}
.btn-ink:hover{background:#D55A24;border-color:#D55A24}
.door{color:var(--vermilion-deep)}
.door:hover{color:var(--vermilion)}
.subscribe-form input,.news-form input,.news-form textarea{border-radius:6px}
.subscribe-form button,.news-form button{border-radius:6px;background:var(--vermilion);border-color:var(--vermilion)}
.subscribe-form button:hover,.news-form button:hover{background:#D55A24}

/* ── content sheets (about / contact / methodology) ── */
.sheet{border-radius:10px;border:1px solid var(--rule);box-shadow:0 1px 2px rgba(28,26,21,.06)}
.source-stamp{font-family:var(--mono)}
.trust-item{border-radius:10px}

/* ── footer ── */
.site-footer a:hover{color:var(--vermilion)}