.archive-feature { background: #f7f8f9; border-block: 1px solid var(--line); padding-block: clamp(46px, 6vw, 88px); }
.archive-feature-inner { display: grid; align-items: center; grid-template-columns: minmax(0,.95fr) minmax(0,1fr); gap: clamp(32px,7vw,104px); }
.archive-feature .eyebrow { color: var(--blue-dark); }
.archive-feature h2 { color: var(--ink-deep); font-size: clamp(2.4rem,4.5vw,4.3rem); margin: .65rem 0 1rem; }
.archive-feature p:not(.eyebrow) { max-width: 35rem; color: var(--ink); }
.archive-feature .text-link { margin-top: 1.15rem; }
.archive-feature figure { margin: 0; background: var(--ink-deep); color: var(--white); padding: clamp(1.2rem,3vw,2.45rem); }
.archive-feature figcaption { font-weight: 650; font-size: clamp(1.15rem,1.6vw,1.5rem); }
.archive-feature figcaption small, .archive-feature figure a { display: block; color: var(--line); font-size: .8rem; font-weight: 450; }
.archive-feature figure a { text-decoration: underline; text-underline-offset: 3px; width: fit-content; }
.archive-bars { margin: 1.35rem 0; }
.archive-bars div { display: grid; grid-template-columns: 6rem 1fr 2.8rem; align-items: center; gap: .65rem; margin: .65rem 0; font-size: .88rem; }
.archive-bars i { display: block; height: .65rem; width: var(--length); background: var(--blue); }
.archive-bars strong { font: 650 .95rem ui-monospace,Consolas,monospace; white-space: nowrap; text-align: right; }
@media (max-width: 800px) { .archive-feature-inner { grid-template-columns: minmax(0,1fr); } }
.archive-feature .area-lookup { border-top:1px solid var(--line); margin-top:1.4rem; padding-top:1.1rem; }
.area-lookup-head { display:flex; justify-content:space-between; gap:.4rem .8rem; flex-wrap:wrap; align-items:baseline; margin-bottom:.65rem; }
.area-lookup h3 { font-size:1.2rem; }
.area-lookup-head a { color:var(--blue-dark); font-size:.8rem; text-decoration:underline; }
.area-scope { font-size:.88rem; margin-bottom:.65rem; }
.area-fields { display:flex; align-items:end; gap:.5rem; flex-wrap:wrap; }
.area-fields label { display:grid; flex:1 1 5rem; gap:.25rem; font-size:.75rem; font-weight:650; }
.area-fields input, .area-fields button { min-height:2.65rem; border:1px solid #a8b2ba; border-radius:3px; padding:.45rem .55rem; font:inherit; }
.area-fields input { background:white; min-width:0; width:100%; font-size:1rem; color:var(--ink-deep); }
.area-fields button { border-color:var(--ink-deep); color:white; background:var(--ink-deep); cursor:pointer; font-size:.85rem; font-weight:650; }
.area-fields button:hover { background:var(--blue-dark); }
.area-lookup .area-towns { font-size:.85rem; margin-top:.65rem; }
.area-towns a { color:var(--blue-dark); text-decoration:underline; text-underline-offset:2px; }