:root { --brass: #80612E; }
:focus-visible { outline: 3px solid #087DCA !important; outline-offset: 4px; }
html { scroll-padding-top: 110px; }
.skip-link { position: fixed; top: 12px; left: 16px; z-index: 500; background: var(--surface); color: var(--ink); padding: 12px 20px; border: 2px solid currentColor; clip-path: inset(50%); }
.skip-link:focus { clip-path: none; }
.a11y-contrast footer.site-footer :is(p, a, span, h4) { color: #fff !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#accessibility-panel :is(button, input, select, textarea), #mobile-nav button { min-height: 44px; }
#accessibility-panel input[type=radio], #accessibility-panel input[type=checkbox] { min-height: 24px; min-width: 24px; accent-color: var(--accent-text); }
.cta-btn { white-space: normal; text-align: center; }
.contact-grid > *, .field-row > *, .hero-grid > *, .foot-grid > * { min-width: 0; }
input, select, textarea { max-width: 100%; }
dialog { color: var(--ink); background: var(--paper); border: 1px solid var(--line); }
dialog::backdrop { background: rgb(0 0 0 / 55%); }
#mobile-nav { width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0; }
#mobile-nav[open] { display: block; }
#mobile-nav .burger { display: block; }
.a11y-launch { position: fixed; bottom: 16px; right: 16px; z-index: 150; border-radius: 24px; box-shadow: 0 3px 14px #0003; }
#accessibility-panel { width: min(420px, calc(100% - 24px)); max-height: calc(100dvh - 32px); border-radius: 12px; padding: 24px; overflow-y: auto; }
#accessibility-panel h2 { font-size: 26px; margin-bottom: 16px; }
#accessibility-panel label { display: flex; align-items: center; gap: 12px; margin: 16px 0; }
#accessibility-panel select { width: 100%; font: inherit; color: inherit; background: var(--surface); padding: 8px; }
.a11y-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
#accessibility-panel h3 { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 21px; }
#accessibility-panel .a11y-help { font-size: 14px; margin-top: 8px; }
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"], :root.a11y-contrast { color-scheme: light; }
:root[data-reading-font="sans"] body :is(h1,h2,h3,h4,p,a,span,li,label,legend,input,select,textarea,button) { font-family: Arial, Helvetica, sans-serif !important; }
:root[data-reading-font="serif"] body :is(h1,h2,h3,h4,p,a,span,li,label,legend,input,select,textarea,button) { font-family: Georgia, 'Times New Roman', serif !important; }
:root[data-reading-font="mono"] body :is(h1,h2,h3,h4,p,a,span,li,label,legend,input,select,textarea,button) { font-family: 'Courier New', monospace !important; }
:root[data-reading-align="left"] main p { text-align: left !important; }
:root[data-reading-align="center"] main p { text-align: center !important; }
:root[data-reading-align="right"] main p { text-align: right !important; }
:root[data-reading-colors="muted"] :is(main, header.site-header, footer.site-footer) { filter: saturate(.4); }
:root[data-reading-colors="grayscale"] :is(main, header.site-header, footer.site-footer) { filter: grayscale(1); }
.a11y-focus :focus-visible { outline-width: 5px !important; outline-offset: 5px; box-shadow: 0 0 0 8px var(--surface); }
.a11y-headings main :is(h1,h2,h3,h4) { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: .18em; }
.a11y-images main :is(img[alt=""], [data-decorative="true"]) { visibility: hidden !important; }
.a11y-cursor, .a11y-cursor * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M3 3L3 37L12 29L20 44L27 40L19 26L33 25Z' fill='black' stroke='white' stroke-width='3'/%3E%3C/svg%3E") 3 3, auto !important; }
#a11y-reading-aid { position: fixed; left: 0; right: 0; z-index: 120; pointer-events: none; }
#a11y-reading-aid[hidden] { display: none !important; }
#a11y-reading-aid[data-mode="ruler"] { height: 4px; background: #ffd54f; outline: 1px solid #111; }
#a11y-reading-aid[data-mode="mask"] { height: 140px; transform: translateY(-50%); box-shadow: 0 0 0 200vmax rgb(0 0 0 / 65%); border-block: 2px solid #ffd54f; }
@media (forced-colors: active) { #a11y-reading-aid { display: none !important; } }
.a11y-links a { text-decoration: underline !important; text-underline-offset: .2em; }
.a11y-large :is(p, li, label, legend, input, select, textarea, button, a, .form-note) { font-size: calc(16px * var(--reading-scale)) !important; }
.a11y-large .main-nav { display: none; }
.a11y-large .header-inner > .cta-btn { display: none; }
.a11y-large .burger { display: block; }
.a11y-large .header-inner { gap: 12px; }
.a11y-spacing :is(p, li, label) { line-height: 1.9 !important; letter-spacing: .05em; word-spacing: .1em; }
.a11y-contrast { --paper: #fff !important; --paper-2: #fff !important; --surface: #fff !important; --ink: #000 !important; --ink-soft: #000 !important; --accent-text: #000 !important; --brass: #000 !important; --line: #000 !important; --navy: #000 !important; --navy-2: #222 !important; --danger: #9b0000 !important; }
.a11y-contrast .band.navy :is(p, h1, h2, h3, h4, a) { color: #fff !important; }
.a11y-contrast :focus-visible { outline-color: #c00000 !important; }
.a11y-motion, .a11y-motion * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) { html, html * { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }
@media (max-width: 560px) { .a11y-large .field-row, .a11y-large footer.site-footer .foot-grid { grid-template-columns: 1fr; } .a11y-launch { bottom: 10px; right: 10px; } }
/* Integration with the Traffic Ticket site's Tailwind layout. */
:root { --paper: #F0F1EC; --paper-2: #E7E8E2; --surface: #fff; --ink: #1F2229; --ink-soft: #454852; --line: #aaa; --accent-text: #1B1F27; --navy: #1B1F27; }
:root[data-theme=dark] { --paper: #14171D; --paper-2: #1B1F27; --surface: #222733; --ink: #F0F1EC; --ink-soft: #d4d8e0; --line: #8993a4; --accent-text: #F0F1EC; }
@media (prefers-color-scheme: dark) { :root[data-theme=system] { --paper: #14171D; --paper-2: #1B1F27; --surface: #222733; --ink: #F0F1EC; --ink-soft: #d4d8e0; --line: #8993a4; --accent-text: #F0F1EC; } }
.cta-btn { background: #1B1F27; color: #fff; border: 2px solid #9b722a; padding: 10px 16px; min-height:44px; font: inherit; }
.cta-btn.outline { background: var(--surface); color: var(--ink); border-color: var(--ink); }
#accessibility-panel { line-height: 1.6; }
#accessibility-panel h2, #accessibility-panel h3 { font-family: Arial,sans-serif; font-weight: 700; }
#accessibility-panel :is(input,select,button) { flex-shrink: 0; }
#accessibility-panel select { min-width: 0; }
#mobile-nav { display: none; padding: 24px; }
#mobile-nav[open] { display: block; }
#mobile-nav a { display: block; padding: 12px 0; font-size: 20px; color: var(--ink); }
#mobile-nav a:hover { text-decoration: underline; }
#mobile-nav #menu-close { display: block; margin-left: auto; margin-bottom: 16px; }
[hidden] { display: none !important; }
#form-error, #form-success { padding: 24px; margin-top: 16px; border: 2px solid currentColor; }
#form-error { color: #a32121; background: #fff; }
#form-success { color: #124429; background: #fff; }
.grid > *, header > div > * { min-width: 0; }
.a11y-large header > div { gap: 12px; }
header > div > a { overflow-wrap: anywhere; }
header button { flex-shrink: 0; }
.a11y-large header nav, .a11y-large header > div > div { display: none !important; }
.a11y-large #menu-open { display: block !important; }
.a11y-large header > div { height: auto; min-height: 80px; padding-block: 16px; }
:root[data-reading-font]:not([data-reading-font=default]) :is(main,header,footer) { overflow-wrap: anywhere; }
:root[data-reading-colors=muted] :is(main,header,footer) { filter: saturate(.4); }
:root[data-reading-colors=grayscale] :is(main,header,footer) { filter: grayscale(1); }
:root[data-theme] body { background: var(--paper); }
:root[data-theme] main [class*="bg-"] { background-color: var(--surface); }
:root[data-theme] main, :root[data-theme] main :is(p,h1,h2,h3,h4,span,label,input,select,textarea,a,li) { color: var(--ink); }
:root[data-theme] main button[type="submit"] { background: #E8A63C; color: #1B1F27; border: 2px solid #E8A63C; }
:root[data-theme] main button[type="submit"]:hover { background: #F4BD61; color: #1B1F27; border-color: #F4BD61; }
:root.a11y-contrast main button[type="submit"] { border: 2px solid #000 !important; }
:root[data-theme] main button[type="submit"]:disabled { opacity: .7; cursor: wait; }
.a11y-contrast body, .a11y-contrast main, .a11y-contrast main [class*="bg-"] { background: #fff !important; }
.a11y-contrast main * { color: #000 !important; }
.a11y-contrast main :is(a,button,input,select,textarea) { border-color: #000 !important; }
@media (prefers-color-scheme:dark) { :root[data-theme=system] body { background:var(--paper); } :root[data-theme=system] main [class*="bg-"] { background-color:var(--surface); } :root[data-theme=system] main :is(p,h1,h2,h3,h4,span,label,input,select,textarea,a,li) { color:var(--ink); } }
@media (max-width: 767px) { .a11y-large main .grid, .a11y-large footer .grid { grid-template-columns: minmax(0,1fr) !important; } .a11y-large main .grid > *, .a11y-large footer .grid > * { grid-column: auto !important; } }

/* Keep form fields distinct from the surrounding panel in appearance modes. */
:root:is([data-theme], .a11y-contrast) #contact-form :is(input, select, textarea) {
  background-color: var(--paper);
  color: var(--ink);
  border: 1px solid var(--line);
  caret-color: var(--ink);
}
:root:is([data-theme], .a11y-contrast) #contact-form :is(input, textarea)::placeholder {
  color: var(--ink-soft);
  opacity: 1;
}
:root:is([data-theme], .a11y-contrast) #contact-form option {
  background-color: var(--paper);
  color: var(--ink);
}