/* ==========================================================================
   KEDO CIVIC — subsite additions on top of the KEDO Labs design system.
   Loaded after style.css, which stays an untouched copy of the main site so
   it can be re-synced from kedolabs.com without merge conflicts.
   ========================================================================== */

/* --- sub-brand lockup: KEDO wordmark + CIVIC track + acid spark ---------- */
.brand.brand-civic{flex-direction:column;align-items:flex-start;gap:3px;line-height:1}
.bc-word{font:900 clamp(20px,2.2vw,25px)/1 var(--display);letter-spacing:-.01em;color:var(--ink)}
.bc-sub{display:inline-flex;align-items:center;gap:7px;font:700 10px/1 var(--display);letter-spacing:.46em;text-transform:uppercase;color:var(--accent)}
.bc-spark{width:9px;height:9px;flex:none;color:var(--acid)}
.brand-civic--footer{margin-bottom:16px}

/* --- "service areas" chip row -------------------------------------------- */
.also-label{font:600 11.5px/1 var(--utility);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:34px 0 0}
.also-list{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.also-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;background:var(--white);border:var(--hairline);border-radius:999px;font:600 12px/1 var(--utility);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted)}
.also-chip:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--acid);flex:none}

/* --- evidence cards ------------------------------------------------------- */
.evidence-grid .get-item{padding:26px}
.evidence-grid .get-item h3{font-size:16px}
.evidence-src{margin-top:16px}
.evidence-src .text-link{font-size:13px;gap:8px}

/* --- standards: 2x2 bento on wide screens, one column when narrow -------- */
.civic-standards .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.civic-standards .bento{grid-template-columns:1fr}}

/* --- "what we won't do" — stacked statements ------------------------------ */
.civic-oaths{list-style:none;padding:0;margin:34px 0 0;max-width:900px}
.civic-oaths li{position:relative;padding:26px 0 26px 52px;border-top:var(--hairline);font:700 clamp(17px,1.7vw,21px)/1.5 var(--display);letter-spacing:-.005em;color:var(--ink)}
.civic-oaths li:last-child{border-bottom:var(--hairline)}
.civic-oaths li:before{content:'\2715';position:absolute;left:4px;top:27px;font:700 15px/1 var(--utility);color:var(--accent)}
@media(max-width:700px){
  .civic-oaths li{padding:22px 0 22px 36px;font-size:16px}
  .civic-oaths li:before{top:24px;left:0}
}