/* Visual language only. All section placement/content lives in the Site Editor. */
:root { --civic-shadow: 0 16px 38px rgba(11,31,58,.12); --civic-border: 1px solid rgba(11,31,58,.10); }
.wp-site-blocks { overflow: clip; }
.civic-header { border-bottom: 1px solid rgba(11,31,58,.10); background: rgba(255,255,255,.94); position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); }
.civic-brand { letter-spacing: -.04em; }
.civic-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 520px; }
.civic-hero:before, .civic-hero:after { content:""; position:absolute; border-radius:999px; z-index:-1; opacity:.26; pointer-events:none; }
.civic-hero:before { width:460px; height:460px; right:-120px; top:-180px; background:var(--wp--preset--color--gold); }
.civic-hero:after { width:360px; height:360px; left:-155px; bottom:-205px; background:var(--wp--preset--color--sky); }
.civic-kicker { display:inline-flex; gap:.45rem; align-items:center; border-radius:999px; padding:.38rem .75rem; font-weight:800; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; background:rgba(255,255,255,.18); color:inherit; }
.civic-section { position:relative; }
.civic-card, .civic-resource-card, .civic-article-card { height:100%; border:var(--civic-border); border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 5px 18px rgba(11,31,58,.06); transition:transform .2s ease, box-shadow .2s ease; }
.civic-card:hover, .civic-resource-card:hover, .civic-article-card:hover { transform:translateY(-4px); box-shadow:var(--civic-shadow); }
.civic-card .wp-block-post-featured-image img, .civic-article-card .wp-block-post-featured-image img { aspect-ratio:16/9; width:100%; object-fit:cover; }
.civic-card .wp-block-group, .civic-article-card .wp-block-group { padding:1.25rem; }
.civic-card .wp-block-post-terms { font-size:.75rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--wp--preset--color--blue); }
.civic-mission-feature { border-radius:30px; overflow:hidden; box-shadow:var(--civic-shadow); }
.civic-pathway { border-radius:24px; min-height:100%; padding:1.75rem; border:var(--civic-border); }
.civic-pathway.is-style-play { background:#e9f6ff; }
.civic-pathway.is-style-learn { background:#fff5d8; }
.civic-pathway.is-style-teach { background:#e7f8f1; }
.civic-page-hero { border-bottom:1px solid rgba(11,31,58,.10); }
.civic-prose > * + * { margin-block-start:1.2em; }
.civic-prose h2 { margin-top:2.1em; }
.civic-prose .wp-block-image img { box-shadow:var(--civic-shadow); }
.civic-footer { margin-top:3rem; }
.civic-footer a { color:inherit; }
.civic-site-title a { color:inherit; text-decoration:none; }
.civic-empty { padding:2rem; border:2px dashed rgba(11,31,58,.18); border-radius:18px; }
@media (max-width: 700px) { .civic-hero { min-height:auto; } .civic-header { position:relative; } }

/* Keep mission titles readable rather than breaking inside words. */
.civic-card .wp-block-post-title { font-size:clamp(1.35rem,2.1vw,2rem); overflow-wrap:normal !important; word-break:normal !important; hyphens:none !important; text-wrap:balance; }
.civic-card .wp-block-post-template, .wp-block-post-template .wp-block-column { min-width:0; }
@media (max-width: 840px) { .wp-block-post-template.is-layout-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important; } }