/* Town pages intentionally work without JavaScript, including system theme selection. */
:root { color-scheme: light; --pp-bg:#f6f7fb; --pp-surface:#fff; --pp-border:#d6dbe5; --pp-text:#313b50; --pp-heading:#0f1626; --pp-heading-2:#26344c; --pp-muted:#54607a; --pp-link:#245abd; --pp-link-hover:#183e87; }
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; --pp-bg:#141722; --pp-surface:#1f2331; --pp-border:#454b60; --pp-text:#f0f2f8; --pp-heading:#f0f2f8; --pp-heading-2:#d0d8e8; --pp-muted:#b4bdd1; --pp-link:#8bbaff; --pp-link-hover:#b4d3ff; }
}
body { max-width:1080px; margin:auto; }
main { min-width:0; }
h1 { font-size:clamp(26px,5vw,38px); }
h2 { margin-top:32px; }
p { line-height:1.65; }
a { overflow-wrap:anywhere; }
.town-nav { display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--pp-border); }
.town-nav a,.town-links a { display:inline-flex; align-items:center; min-height:44px; padding:4px 12px; }
.town-links { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:4px 12px; }
.town-table { max-width:100%; overflow:auto; border:1px solid var(--pp-border); border-radius:8px; }
table { width:100%; border-collapse:collapse; font-size:14px; }
caption { text-align:left; padding:12px; color:var(--pp-muted); }
th,td { text-align:left; padding:12px; border-bottom:1px solid var(--pp-border); }
thead th { background:var(--pp-surface); }
.town-table th:first-child { position:sticky; left:0; background:var(--pp-surface); min-width:100px; }
.town-table td { min-width:90px; }
.town-table td:last-child { min-width:180px; }
.muted,footer { color:var(--pp-muted); }
footer { border-top:1px solid var(--pp-border); margin-top:28px; font-size:14px; }
:focus-visible { outline:3px solid var(--pp-link); outline-offset:3px; }