/* Express Auto Glass — only what cannot be inline: brand token overrides,
   keyframes, responsive utilities. All component styling is inline. */

:root{
  --color-accent:#1fa24a;
  --color-accent-2:#1fa24a;
  --color-accent-100:#eefaf1;
  --color-accent-200:#d2f2dd;
  --color-accent-300:#a6e5bc;
  --color-accent-400:#5ecb87;
  --color-accent-500:#1fa24a;
  --color-accent-600:#178a3d;
  --color-accent-700:#0d6b2e;
  --color-accent-800:#094d21;
  --color-accent-900:#0a3417;
  --color-accent-2-500:#1fa24a;
  --color-accent-2-600:#178a3d;
  --color-accent-2-700:#0d6b2e;
}

body{margin:0;-webkit-font-smoothing:antialiased;font-size:16px}
a{color:var(--color-accent-700)}
a:hover{color:var(--color-accent-600)}

[data-nav-link][data-active="true"]{box-shadow:inset 0 -3px 0 var(--color-accent)}

/* The header is sticky at 78px, so anchor jumps must clear it.
   :target covers any hash landing; the explicit selectors cover programmatic scrolls. */
main[id], main [id], section[id], :target{scroll-margin-top:96px}
[data-span="2"]{grid-column:span 2}
button[data-active="true"]{background:var(--color-text)!important;color:var(--color-bg)!important}

/* Wide data tables get a horizontal scroll rail rather than overflowing the page. */
[data-table-scroll]{overflow-x:auto;-webkit-overflow-scrolling:touch}
[data-table-scroll] table{min-width:420px}
@media (max-width:640px){[data-span="2"]{grid-column:span 1}}

@keyframes eag-crack{0%{stroke-dashoffset:1}26%{stroke-dashoffset:0}60%{stroke-dashoffset:0}80%{stroke-dashoffset:1}100%{stroke-dashoffset:1}}
@keyframes eag-seal{0%,58%{opacity:0;transform:scale(.3)}72%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}}

@media (max-width:1060px){
  [data-nav]{display:none!important}
}
@media (max-width:1000px){
  [data-cols]{grid-template-columns:1fr!important}
  [data-cols3]{grid-template-columns:1fr 1fr!important}
  [data-pad]{padding-left:20px!important;padding-right:20px!important}
  [data-hide-sm]{display:none!important}
  [data-flip]{border-left:0!important;border-top:2px solid var(--color-divider)!important;padding-left:0!important}
  /* A collapsed grid must not keep the vertical rule and gutter that drew its
     columns — otherwise cells sit indented behind an orphaned 2px border.
     [data-cols] is one column here; [data-cols3] is two, so only column 1 heals. */
  [data-cols] > *{border-left:0!important;padding-left:0!important}
  [data-cols3] > *:nth-child(odd){border-left:0!important;padding-left:0!important}
}
@media (max-width:640px){
  [data-cols3]{grid-template-columns:1fr!important}
  [data-cols4]{grid-template-columns:1fr 1fr!important}
  [data-cols3] > *{border-left:0!important;padding-left:0!important}
  [data-cols4] > *:nth-child(odd){border-left:0!important;padding-left:0!important}
  /* Comfortable tap targets on dense link lists (44px minimum). */
  [data-taplist] a{display:block;padding:11px 0}
  [data-tapfoot] a{padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
}
@media (min-width:1061px){[data-only-sm]{display:none!important}}
@media (prefers-reduced-motion:reduce){[data-anim]{animation:none!important;stroke-dashoffset:0!important;opacity:0!important}}