/* Hallmark · macrostructure: Long Document / directory index · theme: locked design.md
 * nav: existing program masthead · footer: existing service colophon
 * audience: California drivers with a citation · task: find the handling court
 * Pre-emit critique: P5 H5 E4 S5 R5 V4. Existing tokens.css remains authoritative. */
.court-header-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);font-size:var(--text-sm);font-weight:600}
.court-header-links a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.court-finder-hero .program-intro{margin-bottom:var(--space-md)}
.court-finder-hero{padding-block:var(--space-xl) var(--space-2xl)}
.court-finder-hero h1{max-width:20ch}
.court-finder-eyebrow{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-md)}
.court-finder-boundary{max-width:70ch;border-left:3px solid var(--color-accent);padding-left:var(--space-lg);font-size:var(--text-md)}
.court-finder-boundary p{margin:var(--space-xs) 0 0}
.court-finder{border-top:1px solid var(--color-rule);padding-top:var(--space-xl)}
.court-finder-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}
.court-finder-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}
.court-finder-heading p{max-width:53ch;font-size:var(--text-md)}
.court-filter{margin-block:var(--space-lg)}
.court-filter label{display:block;font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-xs)}
.court-filter-controls{display:flex;gap:var(--space-sm);max-width:40rem}
.court-filter input{min-width:0;flex:1;border:1px solid var(--color-muted);border-radius:var(--radius-input);padding:.75rem;font:400 var(--text-md)/1.5 var(--font-body);background:var(--color-paper);color:var(--color-ink)}
.court-filter button{min-height:48px;padding:.5rem 1rem;border:1px solid var(--color-accent);border-radius:var(--radius-input);font:600 var(--text-sm)/1.5 var(--font-body);background:var(--color-paper);color:var(--color-accent);cursor:pointer}
.court-filter button:hover{background:var(--color-paper-2)}
.court-filter button:active{background:var(--color-accent);color:var(--color-accent-ink)}
.court-filter input:focus-visible,.court-filter button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
#county-filter-hint,.court-directory-source,.court-finder-nojs{font-size:var(--text-sm);color:var(--color-ink-2);max-width:80ch}
#county-filter-hint{margin-top:var(--space-xs)}
#county-count{font-size:var(--text-sm);font-weight:600;margin:var(--space-md) 0 0}
.county-list{list-style:none;padding:0;margin:var(--space-xl) 0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--space-xl)}
.county-list li{min-width:0;padding:var(--space-sm) 0;border-top:1px solid var(--color-rule)}
.county-list a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:72px;gap:var(--space-2xs);text-decoration:none}
.county-list a:hover .county-name{text-decoration:underline;text-underline-offset:.2em}
.county-list a:active{color:var(--color-accent-hover)}
.county-name{font-size:var(--text-lg);font-weight:600;white-space:nowrap}
.county-destination{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}
.county-fallback{margin:0 0 var(--space-xs);font-size:var(--text-xs);color:var(--color-muted)}
#county-no-results{max-width:65ch;padding-block:var(--space-lg)}
.court-finder-next{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
.court-finder-next p,.court-finder-next li{font-size:var(--text-md)}
.court-finder-status{margin:0 0 var(--space-3xl);max-width:none}
.court-filter[hidden],.county-list li[hidden],#county-no-results[hidden]{display:none}
@media(min-width:640px){.county-list{grid-template-columns:repeat(2,minmax(0,1fr))}.court-finder-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl)}.court-finder-next{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(min-width:960px){.county-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media print{.court-filter{display:none}.county-list{display:block}.county-list li{break-inside:avoid}.county-list a{min-height:0}}
