/* Appearance layer only: original guide controls, data and rendering stay intact. */
html:root,html[data-theme="light"]{color-scheme:light;--paper:#f1f4f7;--card:#fff;--ink:#162333;--ink-soft:#536579;--muted:#536579;--rule:#cad4df;--navy:#203b57;--navy-deep:#102035;--navy-line:#354b64;--gold:#886319;--gold-pale:#f1d99d;--street-bg:#f4f7fa;--verbatim-bg:#f8fafc;--notice-bg:#fbf3df;--notice-ink:#684e14;--shadow:#12233812;--pine:#203b57;--pine-solid:#203b57;--pine-deep:#102035;--pine-line:#354b64;--brick:#886319;--brick-pale:#f1d99d;--ui-accent:#886319;--ui-selected:#f8efd9;--ui-header:#102035}
html[data-theme="dark"]{color-scheme:dark;--paper:#0b1625;--card:#132338;--ink:#eff2f4;--ink-soft:#a6b3c2;--muted:#a6b3c2;--rule:#30445a;--navy:#e3c17a;--navy-deep:#0b1625;--navy-line:#30445a;--gold:#e3c17a;--gold-pale:#f1d99d;--street-bg:#182b40;--verbatim-bg:#0f1d2f;--notice-bg:#2a2b27;--notice-ink:#e3c17a;--shadow:#0003;--pine:#e3c17a;--pine-solid:#20364d;--pine-deep:#0b1625;--pine-line:#30445a;--brick:#e3c17a;--brick-pale:#f1d99d;--ui-accent:#e3c17a;--ui-selected:#2a2e31;--ui-header:#101e30}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.6;background:var(--paper);color:var(--ink)}
button,input,select,textarea{font-family:inherit;touch-action:manipulation}
button,select,summary{min-height:44px}
button{cursor:pointer}
input[type="search"],input[type="text"],select,textarea{font-size:1rem!important;min-height:48px;border-radius:12px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:3px}
[hidden]{display:none!important}
.hwrap{max-width:1600px;margin-inline:auto}
body>header,html[data-theme="dark"] body>header{background:var(--ui-header);padding:22px clamp(16px,2.5vw,40px) 18px;border:0;color:#eff2f4}
header .hwrap{position:relative;padding-right:66px}
header h1{font-family:inherit;font-size:clamp(1.25rem,2.3vw,1.85rem);font-weight:750;letter-spacing:-.025em;line-height:1.3;color:#eff2f4;margin:0}
header .subtitle{font:400 .9375rem/1.5 system-ui,sans-serif;color:#b4c1d0;margin:8px 0 0;max-width:90ch}
header .eyebrow{font-family:inherit;font-size:.875rem;color:#e3c17a;letter-spacing:.07em}
.header-actions{position:absolute;top:0;right:0;z-index:30}
.header-btn{min-width:48px;min-height:48px;padding:12px;border-radius:14px;border:1px solid #496077;background:#192b40;color:#e3c17a;box-shadow:none}
.header-btn svg{width:21px;height:21px}
.stickybar,html[data-theme="dark"] .stickybar{background:var(--ui-header);border-bottom:1px solid #40546b;box-shadow:0 4px 16px #0002;padding:12px clamp(16px,2.5vw,40px) 0;z-index:25}
.global-search-wrap,.stickybar .searchwrap{max-width:none;width:100%;gap:10px;margin:0!important;align-items:center;flex-wrap:nowrap}
.global-search-input-wrap,.search-input-wrap{flex:1;min-width:0}
.global-search-box,.searchbox,.stickybar.pinned .global-search-box{min-height:50px;width:100%;background:#192e45!important;color:#eff2f4!important;border:1px solid #536b84;border-radius:14px!important;padding:12px 46px 12px 16px!important;font-size:1rem!important}
.global-search-box::placeholder,.searchbox::placeholder{color:#b6c4d3}
.global-search-clear,.reset-all,.bar-top-btn,.tabmenu-btn,.tabmenu select{min-height:46px;border:1px solid #536b84;border-radius:12px;background:#192b40;color:#e3c17a;font:600 .875rem/1.4 system-ui,sans-serif;padding:10px 14px}
.global-search-inner-clear,.searchclr{min-height:40px;min-width:40px;color:#e3c17a}
.tabs,nav.tabs{display:flex;justify-content:flex-start;gap:5px;flex-wrap:wrap;margin:12px 0 0;padding:0 0 10px;border:0}
.tab,.tab.active,html[data-theme="dark"] .tab.active{font:600 .875rem/1.3 system-ui,sans-serif;letter-spacing:0;text-transform:none;padding:11px 14px;border:1px solid transparent;border-radius:12px;color:#c1cedc;background:transparent;white-space:normal;min-height:44px}
.tab.active,html[data-theme="dark"] .tab.active{border-color:#78694a;color:#f1d99d;background:#2a3039}
.tab:hover{background:#20364d;color:#fff}
.tab .n{font:inherit;opacity:.8}
.view.active{max-width:1600px;margin-inline:auto;grid-template-columns:300px minmax(0,1fr);gap:24px;padding:24px clamp(16px,2.5vw,40px) 56px;min-height:0}
html[data-filterside="right"] .view.active{grid-template-columns:minmax(0,1fr) 300px}
.view.active>main{min-width:0;max-width:1100px;width:100%}
.view.nosidebar.active,html[data-filterside="right"] .view.nosidebar.active{grid-template-columns:minmax(0,1fr)}
.callsheet{width:100%;min-width:0;max-width:100%;border:1px solid var(--rule);border-radius:18px;box-shadow:0 4px 20px var(--shadow);scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
.cs-head{padding:17px 18px;align-items:center;gap:8px}
.cs-title{font:700 1.0625rem/1.4 system-ui,sans-serif;color:var(--ink)}
.cs-section{padding:12px 16px}
.cs-label{font:650 .875rem/1.45 system-ui,sans-serif;letter-spacing:.015em;text-transform:none;margin-bottom:10px}
.cs-note,.cs-note small,.legend-row{font-size:.875rem;line-height:1.5}
.cs-clear,.fbtn,.cs-select,.search-box,.cs-kw,.recent-chip,.cat-group summary{font-family:inherit;font-size:.875rem;letter-spacing:0;text-transform:none}
.cs-clear{padding:8px;text-underline-offset:3px}
.fbtn,.recent-chip,.cat-group{border-radius:10px}
.fbtn{padding:9px 12px}
.fbtn.active,html[data-theme="dark"] .fbtn.active{background:var(--ui-selected);color:var(--ui-accent);border-color:var(--ui-accent)}
.chk{min-height:44px;padding:8px 6px;gap:10px;border-radius:8px;align-items:flex-start}
.chk span,#callTypes .chk span,#codeCats .chk span,#arrestCats .chk span,#doctrineCats .chk span,#ordinanceCats .chk span{font-size:.875rem;line-height:1.4}
.chk input{width:20px;height:20px;min-width:20px;margin:0;accent-color:var(--ui-accent)}
.chk small,.chk .cnt{font-size:.8125rem!important}
#callTypes,#codeCats,#arrestCats,#doctrineCats,#ordinanceCats,#cats{grid-template-columns:minmax(0,1fr);gap:4px}
.cat-group summary{white-space:normal;font-weight:650;padding:12px}
.cat-group summary .cg-label{white-space:normal;overflow:visible}
.results-head{min-height:44px;align-items:center;gap:12px;margin-bottom:16px}
.count,.fav-subhead,.fav-subhead-row,.tagpill,.ctag{font-family:inherit;letter-spacing:.015em;font-size:.875rem;text-transform:none}
.tagpill,.ctag{border-radius:8px;padding:5px 9px}
.case-card,.ord-card{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 4px 20px var(--shadow)}
.case-name,.ord-name{font:720 1.25rem/1.4 system-ui,sans-serif;color:var(--ink);letter-spacing:-.015em}
.case-name a,.ord-name a{color:inherit}
.cite{font:400 .875rem/1.5 ui-monospace,Consolas,monospace;color:var(--ink-soft);overflow-wrap:anywhere;margin-top:6px}
.case-top,.ord-top{gap:12px}
.badge,.lvl,.drop-badge{border-radius:7px;font:600 .8125rem/1.4 system-ui,sans-serif;letter-spacing:0;padding:5px 8px}
.badges{gap:7px;margin-top:10px}
.holding{font-size:1rem;line-height:1.65;margin-top:18px;max-width:85ch}
.street{padding:16px 18px;margin-top:18px;background:var(--street-bg);border:1px solid var(--rule);border-radius:12px}
.street-label,html[data-theme="dark"] .street-label{font:700 .875rem/1.4 system-ui,sans-serif;color:var(--ui-accent);letter-spacing:.04em;margin-bottom:10px}
.street li{font-size:1rem;line-height:1.6;margin-bottom:8px;max-width:85ch}
.verbatim{border-radius:12px;overflow:hidden;background:var(--verbatim-bg);margin-top:18px}
.verbatim summary{padding:14px 16px;font:650 .875rem/1.5 system-ui,sans-serif;letter-spacing:.015em;text-transform:none;color:var(--ui-accent)}
.verbatim .vtext{font:400 1rem/1.8 system-ui,sans-serif!important;padding:20px;overflow-wrap:anywhere}
.favstar{width:44px;min-width:44px;height:44px;border-radius:12px;font-size:20px}
.oplink,.source-link,.showmore-btn,.showmore-all,.vfind-nav,.vclose,.fav-clear-btn{display:inline-flex;align-items:center;min-height:44px;font-family:inherit;font-size:.875rem;border-radius:9px;letter-spacing:0}
.verify-note,.notice,.ladder{font-size:.875rem;line-height:1.55}
.notice{border-radius:12px;padding:16px 18px}
.global-search-results,.search-drop{border:1px solid var(--rule);border-radius:14px;box-shadow:0 14px 40px #0004;max-height:min(60dvh,540px)}
.gsr-item,.drop-row{padding:13px 16px;min-height:54px;gap:12px;color:var(--ink)}
.gsr-item-name,.drop-name{font:650 1rem/1.4 system-ui,sans-serif}
.gsr-item-sub,.gsr-item-snip,.drop-extra,.gsr-group-label{font-size:.875rem;line-height:1.5}
.feedback-dialog,.dlg{border:1px solid var(--rule);border-radius:18px;padding:26px;max-width:620px;color:var(--ink);background:var(--card)}
.feedback-dialog h2,.dlg h2{font-family:inherit;font-size:1.4rem;color:var(--ink)}
.feedback-label,.dlg-lbl,.feedback-intro,.fb-intro,.fb-label{font-size:.9375rem;line-height:1.5}
.settings-opt,.opt,.feedback-close,.dlg-close,.feedback-btn-primary,.feedback-btn-secondary,.dlg-done,.fb-btn-primary,.fb-btn-secondary{font-family:inherit;font-size:.9375rem;min-height:44px;border-radius:12px;padding:10px 14px;letter-spacing:0}
.preview-banner{padding:7px 16px;text-align:center;font-size:.8125rem;background:var(--street-bg);color:var(--ink-soft);border-bottom:1px solid var(--rule)}
.preview-banner a{color:var(--ui-accent);margin-left:12px}
.preview-skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--card);color:var(--ink);padding:12px;border-radius:10px}
.preview-skip:focus{top:12px}
footer{font-size:.875rem;color:var(--ink-soft);background:var(--paper)}
/* The selector page shares the same cards and typography, without new features. */
html[data-preview-page="home"] .wrap{max-width:1120px}
html[data-preview-page="home"] header{min-height:0;padding-top:38px;padding-bottom:32px}
html[data-preview-page="home"] header .wrap{padding-right:170px}
html[data-preview-page="home"] .leo{width:130px;margin:0}
html[data-preview-page="home"] h1{font-family:inherit;font-size:clamp(1.5rem,3vw,2.2rem)}
html[data-preview-page="home"] .tag{font-size:1rem}
html[data-preview-page="home"] h2{font:700 1.25rem/1.4 system-ui,sans-serif;color:var(--ink);border:0}
html[data-preview-page="home"] .guide,html[data-preview-page="home"] .update,html[data-preview-page="home"] .note{border:1px solid var(--rule);border-radius:18px;padding:24px;box-shadow:0 4px 20px var(--shadow)}
html[data-preview-page="home"] .guide h3{font:700 1.25rem/1.4 system-ui,sans-serif;color:var(--ink)}
html[data-preview-page="home"] .guide p,html[data-preview-page="home"] .note{font-size:1rem;line-height:1.6}
html[data-preview-page="home"] .guide .meta{font:650 .875rem/1.5 system-ui,sans-serif;color:var(--ui-accent)}
.theme-btn{min-height:44px;border-radius:12px;font:600 .875rem/1.4 system-ui,sans-serif;color:#e3c17a;background:#192b40;border-color:#536b84}
@media(min-width:901px){.stickybar.pinned .tabs,.stickybar.pinned nav.tabs{display:flex}.stickybar.pinned .bar-title{display:none}.stickybar.pinned .tabmenu{display:none}.stickybar.pinned{padding-top:10px}}
@media(min-width:1350px){.view.active{grid-template-columns:340px minmax(0,1fr)}html[data-filterside="right"] .view.active{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:900px){.view.active,html[data-filterside="right"] .view.active{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 16px 40px}.view.active>.callsheet,.view.active>main{order:initial!important}.callsheet{position:static;max-height:none}.filters-toggle{display:block;width:100%;padding:12px 16px;background:var(--card);color:var(--ui-accent);border:0;border-radius:18px;font:650 .9375rem/1.4 system-ui,sans-serif}.callsheet.collapsed .cs-body{display:none}.tabs,nav.tabs{gap:4px}.tab{padding:10px}.case-card,.ord-card{padding:20px}.global-search-wrap,.stickybar .searchwrap{flex-wrap:wrap}.global-search-input-wrap,.search-input-wrap{flex:1 1 65%}.bar-top-btn{display:none}.stickybar.pinned .bar-title{display:none}header .subtitle{font-size:.875rem}#callTypes,#codeCats,#arrestCats,#doctrineCats,#ordinanceCats,#cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){header .hwrap{padding-right:58px}.case-card,.ord-card{padding:17px}.global-search-clear,.reset-all{font-size:.8125rem;padding:10px}.holding,.street li{font-size:1rem}.view.active{padding-inline:12px}.street{padding:14px}.feedback-dialog,.dlg{padding:20px}.preview-banner{font-size:.75rem}html[data-preview-page="home"] header .wrap{padding-right:0;display:block}html[data-preview-page="home"] header{padding-top:76px}html[data-preview-page="home"] .leo{width:110px;margin-top:16px}.guides{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){#callTypes,#codeCats,#arrestCats,#doctrineCats,#ordinanceCats,#cats{grid-template-columns:minmax(0,1fr)}.global-search-input-wrap,.search-input-wrap{flex-basis:100%}}
@media(max-height:600px) and (min-width:901px){header .subtitle{display:none}.stickybar{padding-top:8px}body>header{padding-block:14px}.view.active{padding-top:16px}.tabs,nav.tabs{margin-top:6px;padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
