/* StartLocal.online — Modern Newspaper Theme */
:root{
--paper: #FAF7F2; /* newsprint */
--paper-dark: #0E0F11; /* night */
--ink: #0B0B0C; /* near-black */
--ink-2: #1C1C1E;
--ink-3: #2C2C2E;
--rule: #E5E7EB; /* hairline rule */
--rule-dark: rgba(255,255,255,.14);
--accent: #7F1D1D; /* restrained burgundy */
--muted: #6b7280;
--radius: 14px;
}


html { scroll-behavior: smooth; }
body.theme-news{
background: var(--paper);
color: var(--ink);
background-image:
radial-gradient(rgba(0,0,0,0.06) .75px, transparent .75px),
radial-gradient(rgba(0,0,0,0.025) 1px, transparent 1px);
background-size: 22px 22px, 44px 44px;
background-position: 0 0, 11px 11px;
}
@media (prefers-color-scheme: dark){
body.theme-news{
background: var(--paper-dark);
background-image:
radial-gradient(rgba(255,255,255,0.08) .75px, transparent .75px),
radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
color: #F3F4F6;
}
}


/* Typography */
.ui{ font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
.copy{ font-family: Georgia, "Times New Roman", serif; }
.headline{ font-family: "Merriweather", Georgia, serif; font-weight:900; letter-spacing:-.02em; }
.small-caps{ font-variant-caps: all-small-caps; letter-spacing:.06em; }


/* Layout helpers */
.container{ max-width:1100px; margin:0 auto; padding:0 1rem; }
.rule-x{ box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); }
.rule-y{ position:relative; }
.rule-y::before{ content:""; position:absolute; left:-1rem; top:0; bottom:0; width:1px; background:rgba(0,0,0,.08); }
@media (prefers-color-scheme: dark){
.rule-x{ box-shadow: inset 0 -1px 0 var(--rule-dark); }
.rule-y::before{ background: var(--rule-dark); }
}


/* Components */
.card{ background:#fff; border:1px solid #e5e7eb; border-radius:var(--radius); box-shadow:0 10px 30px rgba(2,6,23,.06); }
.card.pad{ padding:1rem; }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:12px; padding:.65rem 1rem; font-weight:800; text-decoration:none; cursor:pointer; }
.btn-ink{ background: var(--ink); color:#fff; border:1px solid transparent; }
.btn-ghost{ background:transparent; color:var(--ink); border:1px solid color-mix(in oklab, var(--ink), #fff 80%); }
.btn-accent{ background: var(--accent); color:#fff; border:1px solid transparent; }
.chip{ display:inline-grid; grid-auto-flow:column; gap:.45rem; align-items:center; border:1px solid #e5e7eb; border-radius:999px; padding:.4rem .7rem; font-size:.92rem; }
.lift{ transition:transform .2s ease, box-shadow .2s ease; }
.lift:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(2,6,23,.10); }


/* Footer */
.footer-note{ color: color-mix(in oklab, var(--ink), #fff 60%); }