/* Sajag — civic reporting prototype. Calm civic green. */
:root{--accent:#3ddc97;--accent-hover:#2fc783;--accent-soft:#3ddc9722;--accent-2:#6aa8ff;--amber:#ffb340}
.btn-primary,.skip-link,.loop li::before{color:#03241a}
.loop li::before{background:linear-gradient(135deg,var(--accent),var(--accent-2))}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){--accent:#0a7a4d;--accent-hover:#086540;--accent-soft:#0a7a4d17;--accent-2:#1d4ed8;--amber:#9a5b00}
  :root:not([data-theme="dark"]) .btn-primary,:root:not([data-theme="dark"]) .skip-link,:root:not([data-theme="dark"]) .loop li::before{color:#fff}
  :root:not([data-theme="dark"]) .eyebrow{color:#0a7a4d}
}
:root[data-theme="light"]{--accent:#0a7a4d;--accent-hover:#086540;--accent-soft:#0a7a4d17;--accent-2:#1d4ed8;--amber:#9a5b00}
:root[data-theme="light"] .btn-primary,:root[data-theme="light"] .skip-link,:root[data-theme="light"] .loop li::before{color:#fff}
:root[data-theme="light"] .eyebrow{color:#0a7a4d}
.eyebrow{color:var(--accent)}
.tg-mark{border-radius:14px;flex:none}
.phone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-5)}
.phone-grid > *{min-width:0}.phone-grid figure{margin:0}
.phone-grid img{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#fff}
.phone-grid .shot-caption{text-align:left}
.render-note{display:inline-block;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .7rem;border-radius:var(--radius-full);color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent);margin-bottom:var(--space-3)}