/* Version 4: search landing pages (sectors, cities, specialty in a city) and articles. Uses the tokens from site.css. */
.h-sm{font-size:19px;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips .chip{background:var(--surface);color:var(--ink);font-size:14px;padding:6px 14px;transition:border-color .15s,color .15s}
.chips .chip:hover{border-color:var(--brand);color:var(--brand)}
.spec-grid.four{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}

/* articles */
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.agrid{grid-template-columns:1fr}}
.acard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-width:0;transition:border-color .15s}
.acard:hover{border-color:var(--brand)}
.acard-img{aspect-ratio:16/8;background:var(--navy)}
.acard-img img{width:100%;height:100%;object-fit:cover;display:block}
.acard-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.acard-b h3{font-size:17px;line-height:1.45}
.acard-b p{color:var(--muted);font-size:14.5px;margin:0}
.acard-b .link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--brand)}
.art-wrap{padding-block:36px 48px}
.art-body{max-width:72ch;margin-inline:auto}
.art-body h2{font-size:22px;margin:30px 0 10px}
.art-body h3{font-size:18px;margin:24px 0 8px}
.art-body p{margin:0 0 14px;line-height:1.9}
.art-body ul,.art-body ol{margin:0 0 16px;padding-inline-start:22px;line-height:1.85}
.art-body li{margin-bottom:6px}
.art-body a{color:var(--brand)}
.art-head h1{max-width:30ch}