/* mission.php page styles */
.hdr-nav a.active{color:var(--teal-deep)}.hdr-nav a.active::after{width:100%}
/* .page-hero is defined in base.css (shared across inner pages) */
.toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-bottom:var(--s6)}
.search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:#fff;border:var(--bw) solid var(--line);border-radius:var(--pill);padding:13px 18px}
.search svg{width:18px;height:18px;color:var(--muted);flex:none}
.search input{border:0;outline:0;background:transparent;font-family:var(--font);font-size:15px;width:100%;color:var(--ink)}
.selectwrap{position:relative;display:inline-flex}
.selectwrap svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.selectwrap select{appearance:none;-webkit-appearance:none;font-family:var(--font);font-size:15px;color:var(--ink);background:#fff;border:var(--bw) solid var(--line);border-radius:var(--pill);padding:13px 44px 13px 18px;cursor:pointer}
.daychips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s7)}
.daychip{font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--ink);background:#fff;border:var(--bw) solid var(--line);border-radius:var(--pill);padding:9px 16px;cursor:pointer;transition:.15s}
.daychip:hover{border-color:var(--teal)}
.daychip.active{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
.result-meta{font-size:14px;color:var(--muted);margin-bottom:var(--s6)}
.result-meta b{color:var(--teal-deep);font-weight:600}
.spec-group{margin-bottom:var(--s7)}
.spec-group h3{font-size:19px;font-weight:600;margin-bottom:var(--s4);display:flex;align-items:center;gap:12px}
.spec-group h3 .count{font-size:12px;font-weight:600;color:var(--teal-deep);background:var(--teal-soft);border:var(--bw) solid var(--teal-line);border-radius:var(--pill);padding:3px 10px}
.doc-rows{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.doc-row{display:flex;justify-content:space-between;gap:var(--s4);align-items:center;background:#fff;border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--s5);transition:.15s}
.doc-row:hover{border-color:var(--teal-line);box-shadow:var(--sh-1)}
.doc-row .di{min-width:0}
.doc-row .di b{font-size:16px;font-weight:600;color:var(--ink);display:block;margin-bottom:8px}
.doc-row .slot{font-size:13px;color:var(--body);display:flex;gap:10px;margin-bottom:5px;line-height:1.4}
.doc-row .slot .d{color:var(--teal-deep);font-weight:600;flex:none;min-width:118px}
.doc-row .book{flex:none}
.no-results{text-align:center;padding:var(--s8);color:var(--muted);background:var(--bg-soft);border-radius:var(--r);border:var(--bw) solid var(--line)}
@media(max-width:760px){.doc-rows{grid-template-columns:1fr}.doc-row{flex-direction:column;align-items:stretch}.doc-row .book{align-self:stretch}.doc-row .slot .d{min-width:96px}}
/* mission */
.mission-body{max-width:840px;margin:0 auto}
.mission-body p{font-size:18px;font-weight:300;line-height:1.75;margin-bottom:var(--s5);color:var(--body)}
.mission-body p strong{font-weight:600;color:var(--ink)}
.vision-block{background:var(--dark);color:#fff;border-radius:var(--r);padding:var(--s8) var(--s6);text-align:center;margin:var(--s8) auto}
.vision-block .eyebrow{color:#7fd6c3;justify-content:center}.vision-block .eyebrow::before{background:#7fd6c3}
.vision-block p{font-size:clamp(20px,2.6vw,30px);font-weight:300;line-height:1.45;color:#fff;max-width:34ch;margin:0 auto}
.vision-block .hl{color:#7fe0cc;font-weight:500}
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);max-width:840px;margin:var(--s7) auto 0}
.value{background:#fff;border:var(--bw) solid var(--line);border-radius:var(--r);padding:var(--s6)}
.value .v-ic{width:50px;height:50px;border-radius:var(--r-sm);background:var(--teal-soft);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s4)}
.value .v-ic svg{width:25px;height:25px;color:var(--teal)}
.value h3{font-size:18px;font-weight:600;margin-bottom:8px}
.value p{font-size:14.5px;color:var(--body);font-weight:300}
@media(max-width:700px){.values{grid-template-columns:1fr}}