/* ---- Community alert ticker (top of homepage) ---- */
.alert-ticker{display:flex;align-items:center;gap:0;height:44px;background:#14452F;color:#fff;overflow:hidden;position:relative;z-index:5;font-family:'DM Sans',Manrope,Arial,sans-serif}
.at-label{flex:none;display:inline-flex;align-items:center;gap:9px;height:100%;padding:0 18px 0 max(16px,calc((100% - 1488px)/2));background:#0f3825;color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.at-dot{width:8px;height:8px;border-radius:50%;background:#ff5a4e;box-shadow:0 0 0 0 #ff5a4e99;animation:atpulse 2s infinite}
@keyframes atpulse{0%{box-shadow:0 0 0 0 #ff5a4e99}70%{box-shadow:0 0 0 8px #ff5a4e00}100%{box-shadow:0 0 0 0 #ff5a4e00}}
.at-viewport{flex:1;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.at-track{display:flex;width:max-content;animation:atscroll 45s linear infinite;will-change:transform}
@media (hover:hover) and (pointer:fine){.alert-ticker:hover .at-track{animation-play-state:paused}}.alert-ticker:has(:focus-visible) .at-track{animation-play-state:paused}
@keyframes atscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.at-set{display:flex;align-items:center;gap:10px;padding-right:10px}
.at-chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 4px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff24;color:#fff;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.at-chip:hover,.at-chip:focus-visible{background:#ffffff26;outline:none}
.at-prompt span{color:#d7e6dc;font-weight:500}
.at-k{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#006b3b;white-space:nowrap}
.k-lost{background:#c0262d}.k-found{background:#16834e}.k-alert{background:#d9480f}.k-caution{background:#FFCA00;color:#1f2a25}.k-lookout{background:#e8590c}.k-safety{background:#1d5fbf}.k-security{background:#4338ca}
.at-post{flex:none;display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 max(16px,calc((100% - 1488px)/2)) 0 16px;background:#0f3825;color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.at-post span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#14452F;font-size:15px;line-height:1}
@media (max-width:700px){.alert-ticker{height:40px}.at-label{font-size:0;gap:0;padding:0 12px}.at-post{padding:0 12px;font-size:12px}.at-chip{font-size:12px}}
@media (prefers-reduced-motion:reduce){.at-track{animation-duration:90s}.at-dot{animation:none}}
/* ---- Alerts page ---- */
.al-911{margin:22px 0 0;padding:12px 16px;border-radius:12px;background:#fdecec;border:1px solid #f5c2c2;color:#7a1a1a;font-size:15px}
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:22px}
.al-card{background:#fff;border:1px solid #e3e6df;border-radius:18px;padding:20px 22px;box-shadow:0 12px 30px -28px #14452f80;scroll-margin-top:90px}
.al-card[hidden]{display:none}
.al-card:target{box-shadow:0 0 0 3px #006b3b55}
.al-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.al-when{font-size:13px;color:#5d6b64}
.al-card h3{font-size:20px;line-height:1.3;margin:12px 0 8px;color:#1f2a25}
.al-card p{margin:0 0 12px;color:#3c4a43;line-height:1.55}
.al-meta{list-style:none;margin:0;padding:12px 0 0;border-top:1px dashed #e3e6df;display:grid;gap:6px;font-size:14px}
.al-meta span{display:inline-block;min-width:64px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5d6b64}
.al-form-panel{margin-top:34px;max-width:860px;scroll-margin-top:90px}
.al-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.al-check input{width:auto!important;margin-top:4px}
.al-page .dir-empty-mark{font-size:26px;font-weight:800;color:#c0262d}
/* ---- Account ---- */
.ac-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 26px}
.ac-actions a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #e3e6df;border-radius:14px;background:#fff;text-decoration:none;color:#1f2a25;font-weight:700}
.ac-actions a small{font-weight:500;color:#5d6b64;font-size:13px}
.ac-actions a:hover{border-color:#006b3b}
@media (max-width:760px){.ac-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ac-note{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#eef5f0;border:1px solid #d3e6da;font-size:14px}

/* ---- Proof, official alerts and emergency emails ---- */
.at-off{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#14452F;border-radius:999px;padding:3px 7px}
.al-911{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-left:5px solid #c0262d;line-height:1.5}
.al-911 strong{font-size:17px}.al-911 a{color:#7a1a1a;font-weight:700}
.al-source{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0!important;font-size:13px;font-weight:800;color:#006b3b!important}
.al-is-official{border-color:#9cc9b0;box-shadow:0 0 0 1px #9cc9b0,0 12px 30px -28px #14452f80}
.al-photo{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin:0 0 12px;background:#eef2ee}
.al-official{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:26px 28px;border-radius:18px;background:#14452F;color:#fff}
.al-official h2{color:#fff;margin:8px 0 8px;font-size:24px}.al-official p{margin:0;color:#d7e6dc;max-width:760px;line-height:1.55}.al-official .label{color:#fff;opacity:.8}.al-official .button{flex:none}
.al-sub{margin-top:22px;max-width:860px;scroll-margin-top:90px;border-left:5px solid #c0262d}
.al-proof-box{border:1px dashed #cfd8d1;border-radius:14px;padding:14px 16px 6px;margin:4px 0 14px;display:grid;gap:10px}
.al-proof-box legend{padding:0 6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5d6b64}
.al-proof-row{display:flex;gap:14px;align-items:flex-start;margin-top:10px}
.al-proof{width:180px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #e3e6df;display:block}
.al-approve{margin-top:12px;padding-top:12px;border-top:1px dashed #e3e6df}
.al-off-card summary{cursor:pointer;list-style-position:outside}.al-off-card{border-left:5px solid #006b3b;margin-bottom:24px}
.al-done{max-width:640px;margin:40px auto;text-align:left}.al-done h1{margin:8px 0 12px}
@media (max-width:760px){.al-official{flex-direction:column;align-items:flex-start;padding:22px}.al-proof-row{flex-direction:column}}
.al-page .button.light{background:#fff!important;color:#14452F!important;border:1.5px solid #14452F!important;box-shadow:none!important}
.al-official .button.light{border-color:#fff!important}

/* Keep the alert ticker scrolling even when the phone's Reduce Motion setting is on (the site-wide rule stops all animation).
   It still stops if the reader turns on 'Stop animations' in our accessibility menu. */
@media (prefers-reduced-motion:reduce){html:not(.a11y-reduce-motion) .alert-ticker .at-track{animation-name:atscroll!important;animation-duration:60s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:running}}

/* ---- Private verification box + police confirmation ---- */
.al-private-note{margin:0;font-size:14px;line-height:1.5;color:#14452F;background:#eef5f0;border:1px solid #d3e6da;border-radius:10px;padding:10px 12px}
.al-police-note{margin:0;font-size:14px;line-height:1.5;color:#7a1a1a;background:#fdecec;border:1px solid #f5c2c2;border-radius:10px;padding:10px 12px}
.al-police-note[hidden]{display:none}
.al-police-admin{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f6f7f4;border:1px solid #e3e6df;font-size:14px;line-height:1.5}
.al-verify{margin-top:10px;padding:10px 12px;border:1px solid #f5c2c2;border-radius:10px;background:#fff8f8;display:grid;gap:8px}

/* ---- Post an alert: tile picker + compact form ---- */
.al-page [hidden]{display:none!important}
.al-post-lead{margin:4px 0 0}
.al-pick h3{margin:16px 0 12px;font-size:18px;color:#1f2a25}
.al-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.al-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid #e3e6df;border-radius:14px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#1f2a25;transition:border-color .15s,box-shadow .15s,transform .15s}
.al-tile:hover,.al-tile:focus-visible{border-color:#006b3b;box-shadow:0 10px 24px -18px #14452f99;transform:translateY(-1px);outline:none}
.al-tile span{font-size:14px;line-height:1.4;color:#3c4a43}
.al-tile small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#b42318}
.al-form-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-top:14px;background:#f6f7f4;border:1px solid #e3e6df;border-radius:12px}
.al-form-head span{flex:1;min-width:160px;font-size:14px;color:#3c4a43}
.al-compact textarea{min-height:84px}
.al-compact .al-proof-box{padding:12px 14px 4px}
#al-done{margin:14px 0 0}
@media (max-width:520px){.al-tiles{grid-template-columns:1fr 1fr}.al-tile{padding:12px}.al-tile span{font-size:13px}}

/* ---- Slimmer alerts page ---- */
.al-hero h1{font-size:clamp(34px,4.2vw,50px)}
.al-911s{margin:16px 0 0;padding:10px 14px;border-radius:10px;background:#fdecec;border:1px solid #f5c2c2;color:#7a1a1a;font-size:14px}.al-911s a{color:#7a1a1a;font-weight:700}
.al-none{margin:18px 0 0;color:#5d6b64;font-size:15px}
.al-page .al-form-panel{margin-top:22px}
.al-offline{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#eef5f0;border:1px solid #d3e6da;font-size:14px;max-width:860px}.al-offline a{font-weight:700;color:#006b3b}
.al-page .al-sub{margin-top:18px;padding:18px 22px}.al-sub h2{margin:0 0 4px}
.al-sub .dm-row.al-guest{grid-template-columns:1fr}

/* ---- Post page: tiles only ---- */
.al-post-page h1{margin:18px 0 6px;font-size:clamp(32px,4vw,44px)}
.al-post-page .al-post-lead{margin:0 0 6px;color:#3c4a43}
.al-post-page .al-form-panel{margin-top:14px;max-width:900px}
.al-post-page .al-pick{margin-top:0}

/* ---- Full site width: no narrow boxes ---- */
.al-form-panel,.al-page .al-form-panel,.al-post-page .al-form-panel,.al-sub,.al-page .al-sub,.al-offline,.al-done{max-width:none!important}
.al-done{margin:28px 0!important}

/* ---- Draft + preview ---- */
.al-preview{margin-top:14px;display:grid;gap:12px}
.al-preview .al-card{max-width:520px}
.al-pv-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.al-pv-saved{flex-basis:100%;margin:0}
.al-draft-note{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#eef5f0;border:1px solid #d3e6da;color:#14452F}

