/* Scoped hub navigation; the rest of the site's layout remains untouched. */
.area-hub-finder { padding-top:1.5rem; padding-bottom:1.5rem; }
.area-hub-finder__inner { border-top:1px solid var(--line,#d7cfbe); border-bottom:1px solid var(--line,#d7cfbe); padding:1.4rem 0; }
.area-hub-finder h2 { font-size:clamp(1.55rem,2.3vw,2.15rem); line-height:1.2; margin:0 0 1rem; }
.area-hub-finder [hidden] { display:none!important; }
.area-hub-finder__label { display:block; font-size:.92rem; margin-bottom:.4rem; color:var(--muted,#625d52); }
.area-hub-finder__control { display:flex; align-items:stretch; gap:.65rem; max-width:42rem; }
.area-hub-finder__input { box-sizing:border-box; min-width:0; flex:1; padding:.8rem 1rem; font:inherit; font-size:1rem; line-height:1.4; color:var(--ink,#1b1a17); background:#fffdf8; border:1px solid #bfb39d; border-radius:2px; }
.area-hub-finder__clear { padding:.7rem .95rem; font:inherit; font-size:.95rem; color:var(--ink,#1b1a17); background:transparent; border:1px solid #bfb39d; border-radius:2px; cursor:pointer; }
.area-hub-finder__input:focus-visible,.area-hub-finder__clear:focus-visible,.area-hub-finder a:focus-visible,.area-hub-finder summary:focus-visible { outline:2px solid #8f6d38; outline-offset:3px; }
.area-hub-finder__status { font-size:.92rem; color:var(--muted,#625d52); margin:.65rem 0; }
.area-hub-finder__status:empty { display:none; }
.area-hub-finder__directory { margin-top:.8rem; }
.area-hub-finder__directory summary { cursor:pointer; width:fit-content; line-height:1.5; }
.area-hub-finder .area-coverage-list,.area-hub-finder__results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem 1.25rem; list-style:none; padding:0; margin:1rem 0 0; }
.area-hub-finder li { min-width:0; margin:0; }
.area-hub-finder li a { display:block; padding:.45rem 0; line-height:1.4; overflow-wrap:anywhere; color:var(--ink,#1b1a17); text-underline-offset:3px; }
@media(max-width:760px) { .area-hub-finder .area-coverage-list,.area-hub-finder__results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .area-hub-finder { padding-top:.8rem; padding-bottom:.8rem; } .area-hub-finder .area-coverage-list,.area-hub-finder__results { grid-template-columns:1fr; } }