.directory-filter{display:grid;grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);gap:1.5rem 3rem;align-items:start;margin:1.5rem 0 2rem;padding:clamp(1.25rem,3vw,2.25rem);border:var(--line-w) solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 62%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 24px 60px -30px #0009}.directory-form{display:grid;gap:1rem;min-width:0}.directory-count{margin:0}.directory-count strong{font-family:var(--font-head);font-size:1.6rem;font-variant-numeric:tabular-nums}.directory-selects{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.directory-selects-one{grid-template-columns:minmax(0,1fr)}.directory-count .meta:not([hidden]){display:block;margin-top:.2rem}.directory-selects label,.region-filter legend{font-family:var(--font-label);font-size:.8rem;color:var(--muted);padding:0}.directory-selects select{display:block;width:100%;margin-top:.3rem;min-height:44px;padding:.5rem .7rem;font:inherit;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:var(--ground);border:var(--line-w) solid var(--control-line, var(--line));border-radius:var(--radius)}.directory-form .button{justify-self:start;min-height:44px;padding-inline:1rem}.region-filter{border:0;margin:0;padding:0;min-width:0}.region-filter legend{margin-bottom:.4rem}.region-rows{position:relative;display:grid;gap:.2rem;max-height:22rem;overflow-y:auto;overscroll-behavior:contain;padding:.2rem .4rem .2rem .2rem;margin:0 -.4rem 0 -.2rem;scrollbar-width:thin;scrollbar-color:var(--line) transparent;--fade-top: 0px;--fade-bottom: 0px;mask-image:linear-gradient(transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent)}.region-rows.more-above{--fade-top: 2.5rem}.region-rows.more-below{--fade-bottom: 2.5rem}.region-group{display:grid;gap:.2rem}.region-group-head{position:sticky;top:-.2rem;z-index:1;margin:.5rem 0 0;padding:.3rem .8rem .2rem;font-size:.75rem;color:var(--muted);background:color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.region-row{position:relative;display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr) 2rem;align-items:center;gap:.75rem;min-height:40px;padding:.25rem .8rem;border:var(--line-w) solid transparent;border-radius:calc(var(--radius) * .45);cursor:pointer;transition:background-color .2s,border-color .2s}.region-row.region-all{grid-template-columns:minmax(0,1fr) 2rem}.region-row input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.region-name{font-weight:600;min-width:0}.region-n{font-family:var(--font-label);font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.region-bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.region-bar span{display:block;height:100%;width:calc(var(--share, 0) * 100%);background:var(--accent);transition:width .3s}.region-row:hover,.region-row.region-hover{background:color-mix(in srgb,var(--ground) 55%,transparent)}.region-row:has(input:checked){background:color-mix(in srgb,var(--ground) 55%,transparent);border-color:var(--accent)}.region-row:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.region-row.region-zero .region-name{color:var(--muted);font-weight:400}.directory-filter .directory-map{position:sticky;top:1rem}.directory-filter .directory-map .region-map{max-width:22rem;margin:0 auto}.directory-map .region-map a .region.on{transition:fill .25s}.directory-map .region-map a.region-dim .region.on{fill:color-mix(in srgb,var(--accent) 28%,var(--panel))}.directory-map .region-map a[aria-current] .region.on{fill:var(--accent);stroke:var(--ink);stroke-width:4}.directory-map .region-map a.region-hover .region.on{fill:var(--ink)}@media(max-width:48rem){.directory-filter{grid-template-columns:minmax(0,1fr)}.directory-filter .directory-map{position:static}.directory-filter .directory-map .region-map{max-width:12rem}}@media(max-width:26rem){.directory-selects{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.region-row,.region-bar span,.directory-map .region-map a .region.on{transition:none}}