/* tlc5-speedway-site.css — Speedway Sports Complex site rules the shared SST sheets do not carry (2026-10-10, TLC 5.0 staging).
   Each block is copied VERBATIM from Speedway's legacy sheet named above it; nothing here is new design.
   Loaded from custom-css-styles.html, after the shared sst-*.css, so equal-specificity rules win by order.
   Pattern: Spartan_www/WebbOrtho/css/tlc5-webb-site.css. Speedway's tlc-links.css is hand-edited (h1 4.25rem / 900 / italic),
   so its whole HEADERS section is carried, not Webb's subset. */

/* ===== css/tlc-links.css:1-392 (HEADERS) ===== */
/*
*********************************************************
HEADERS
*********************************************************
*/
.h1, .h2, .h3, h1, h2, h3 {
  margin: 0;
}
h1, .h1, .head1, h1 a:link, h1 a:visited, a h1:link, a h1:visited, .h1 a:link, .h1 a:visited, a .h1:link, a .h1:visited, h2, .h2, .head2, h2 a:link, h2 a:visited, a h2:link, a h2:visited, .h2 a:link, .h2 a:visited, a .h2:link, a .h2:visited, h3, .h3, .head3, h3 a:link, h3 a:visited, a h3:link, a h3:visited, .h3 a:link, .h3 a:visited, a .h3:link, a .h3:visited, h4, .h4, .head4, h4 a:link, h4 a:visited, a h4:link, a h4:visited, .h4 a:link, .h4 a:visited, a .h4:link, a .h4:visited, h5, .h5, .head5, h5 a:link, h5 a:visited, a h5:link, a h5:visited, .h5 a:link, .h5 a:visited, a .h5:link, a .h5:visited, h6, .h6, .head6, h6 a:link, h6 a:visited, a h6:link, a h6:visited, .h6 a:link, .h6 a:visited, a .h6:link, a .h6:visited {
  font-family: var(--font2Family, sans-serif);
  color: var(--color1, #424242);
  font-style: normal;
  text-transform: none;
  font-weight: 900;
  line-height: 105%;
  transition: all 200ms ease-in-out;
    font-style: italic;
}
h1 a:hover, a h1:hover, .h1 a:hover, a .h1:hover, h2 a:hover, a h2:hover, .h2 a:hover, a .h2:hover, h3 a:hover, a h3:hover, .h3 a:hover, a .h3:hover, h4 a:hover, a h4:hover, .h4 a:hover, a .h4:hover, h5 a:hover, a h5:hover, .h5 a:hover, a .h5:hover, h6 a:hover, a h6:hover, .h6 a:hover, a .h6:hover {
  color: var(--color1xl, #787878) !important;
  transition: all 200ms ease-in-out;
}
h1 a:active, a h1:active, .h1 a:active, a .h1:active, h2 a:active, a h2:active, .h2 a:active, a .h2:active, h3 a:active, a h3:active, .h3 a:active, a .h3:active, h4 a:active, a h4:active, .h4 a:active, a .h4:active, h5 a:active, a h5:active, .h5 a:active, a .h5:active, h6 a:active, a h6:active, .h6 a:active, a .h6:active {
  color: var(--color1l, #585858) !important;
}
h1, .h1, h1 a:link, .h1 a:link, h1 a:visited, .h1 a:visited, h1 a:active, .h1 a:active, .head1 {
  font-family: var(--font3Family, sans-serif) !important;
  color: var(--color1, #424242);
  margin-top: 0px;
  margin-bottom: 1.13rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 4.25rem;
  line-height: 100%;
  padding-left: 6px;
  margin-left: -6px;
  font-style: italic;
}
.head1 {
  font-family: var(--font3Family, sans-serif);
}
h2, .h2, h2 a:link, .h2 a:link, h2 a:visited, .h2 a:visited, h2 a:active, .h2 a:active, .head2 {
  font-family: var(--font2Family, sans-serif);
  margin-bottom: 10px;
  font-size: 3rem;
  line-height: 100%;
  text-transform: none;
    font-style: italic;
}
.head2 {
  font-family: var(--font2Family, sans-serif);
}
h3, .h3, h3 a:link, .h3 a:link, h3 a:visited, .h3 a:visited, h3 a:active, .h3 a:active, .head3 {
  font-family: var(--font3Family, sans-serif) !important;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 2.65rem;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-left: 5px;
  margin-left: -5px;
    font-style: italic;
}
.head3 {
  font-family: var(--font3Family, sans-serif);
}
h4, .h4, h4 a:link, .h4 a:link, h4 a:visited, .h4 a:visited, h4 a:active, .h4 a:active, .head4 {
  font-family: var(--font2Family, sans-serif);
  color: var(--color1, #424242);
  margin-bottom: 10px;
  font-size: 1.75rem;
  line-height: 100%;
  text-transform: none;
    font-style: italic;
}
.head4 {
  font-family: var(--font2Family, sans-serif);
}
h5, .h5, h5 a:link, .h5 a:link, h5 a:visited, .h5 a:visited, h5 a:active, .h5 a:active, .head5 {
  font-family: var(--font3Family, sans-serif) !important;
  margin-bottom: 5px;
  font-size: 1.6rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}
.head5 {
  font-family: var(--font3Family, sans-serif);
}
/* ================== DECORATION Font =================== */
h6, .h6, h6 a:link, .h6 a:link, h6 a:visited, .h6 a:visited, h6 a:active, .h6 a:active, .head6 {
  font-family: var(--font4Family, sans-serif);
  color: var(--color1, #424242);
  margin-bottom: 5px;
  font-size: 2.25rem;
  line-height: 100%;
}
.head6 {
  font-family: var(--font4Family, sans-serif);
}
@media (max-width: 992px) /* navbar-expand-md */ {
  h1, .h1, h1 a:link, .h1 a:link, h1 a:visited, .h1 a:visited, h1 a:active, .h1 a:active, .head1 {
    font-size: 3.25rem;
    letter-spacing: -1.5px;
  }
  h2, .h2, h2 a:link, .h2 a:link, h2 a:visited, .h2 a:visited, h2 a:active, .h2 a:active, .head2 {
    font-size: 2rem;
  }
  h3, .h3, h3 a:link, .h3 a:link, h3 a:visited, .h3 a:visited, h3 a:active, .h3 a:active, .head3 {
    font-size: 2.35rem;
    letter-spacing: -1.25px;
  }
  h4, .h4, h4 a:link, .h4 a:link, h4 a:visited, .h4 a:visited, h4 a:active, .h4 a:active, .head4 {
    font-size: 1.6rem;
  }
  h5, .h5, h5 a:link, .h5 a:link, h5 a:visited, .h5 a:visited, h5 a:active, .h5 a:active, .head5 {
    font-size: 1.5rem;
    letter-spacing: -.5px;
  }
  h6, .h6, h6 a:link, .h6 a:link, h6 a:visited, .h6 a:visited, h6 a:active, .h6 a:active, .head6 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) /* navbar-expand-md */ {
  h1, .h1, h1 a:link, .h1 a:link, h1 a:visited, .h1 a:visited, h1 a:active, .h1 a:active, .head1 {
    font-size: 3.25rem;
    letter-spacing: -3px;
  }
  h2, .h2, h2 a:link, .h2 a:link, h2 a:visited, .h2 a:visited, h2 a:active, .h2 a:active, .head2 {
    font-size: 2rem;
  }
  h3, .h3, h3 a:link, .h3 a:link, h3 a:visited, .h3 a:visited, h3 a:active, .h3 a:active, .head3 {
    font-size: 1.9rem;
    letter-spacing: -1px;
  }
  h4, .h4, h4 a:link, .h4 a:link, h4 a:visited, .h4 a:visited, h4 a:active, .h4 a:active, .head4 {
    font-size: 1.45rem;
  }
  h5, .h5, h5 a:link, .h5 a:link, h5 a:visited, .h5 a:visited, h5 a:active, .h5 a:active, .head5 {
    font-size: 1.3rem;
    letter-spacing: -.5px;
  }
  h6, .h6, h6 a:link, .h6 a:link, h6 a:visited, .h6 a:visited, h6 a:active, .h6 a:active, .head6 {
    font-size: 1.8rem;
  }
}
/*

@media (max-width: 1200px) {
@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}
*/
.display-1 {
  font-weight: 600;
  line-height: 1.2;
}
.display-2 {
  font-weight: 600;
  line-height: 1.2;
}
.display-3 {
  font-weight: 600;
  line-height: 1.2;
}
.display-4 {
  font-weight: 600;
  line-height: 1.2;
}
.display-1 {
  font-size: 6rem;
}
.display-2 {
  font-size: 5.5rem;
}
.display-3 {
  font-size: 4.5rem;
}
.display-4 {
  font-size: 3.5rem;
}
}
/*
.display-1, h1 {
	font-size: 10vmin;
}
*/
@media (max-width: 768px) {
  .display-1, h1 {
    font-size: 10vmin;
  }
}
/* page HEADER */
.pageHead {
  font-family: var(--font1Family, sans-serif);
  text-transform: uppercase;
  font-size: 90%;
  font-weight: normal;
  line-height: 130%;
  margin-bottom: 0px;
}
.pageHead div + h1 {
  margin-top: 5px !important;
}
.pageHead h1 {
  font-size: 350%;
  line-height: 95%;
  margin-bottom: 5px;
}
.pageHead h2 {
  font-size: 250%;
  line-height: 95%;
  margin-bottom: 5px;
}
/* PAGE HEADER - SECTION HEADER with H1 */
.page-header {
  margin: -18px 0 0px 0;
  padding: 0px;
  border: 0px;
}
.page-header hr {
  border: 0 !important;
  border-bottom: 0px solid var(--color1lf2, #ededed) !important;
  margin-bottom: -15px;
  margin-top: 10px;
}
.sidebar h3 {
  font-size: 115%;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--color1d, #282828);
}
.sidebar h3:hover {
  color: var(--color1xd, #181818);
}
hr {
  margin-top: 40px;
  margin-bottom: 40px;
}
p {
  margin-top: 0px;
}
p + p {
  margin-top: 0px;
}
.clearFoo + h1 {
  margin-top: 40px;
}
p + h1 {
  margin-top: 45px;
}
p + h2 {
  margin-top: 20px;
}
p + h3 {
  margin-top: 10px;
}
p + h4 {
  margin-top: 10px;
}
p + h5 {
  margin-top: 10px;
}
p + h6 {
  margin-top: 10px;
}
ul + h1, ul + h2, ul + h3 {
  margin-top: 20px;
}
/* HEADER  SPACING ----
/* combines with existing */
h1 + h3 {
  margin-top: 0px;
}
h1 + h4 {
  margin-top: 0px;
}
h1 + h5 {
  margin-top: 0px;
}
h1 + h1 {
  margin-top: 0px;
}
h1 + h1 small {
  margin-top: 0px;
}
p + h1, div + h1 {
  margin-top: 60px;
}
h2 + h4 {
  margin-top: 0px;
}
h2 + h5 {
  margin-top: 0px;
}
h2 + h2 {
  margin-top: 0px;
}
p + h2, div + h2 {
  margin-top: 60px;
}
h3 + h5 {
  margin-top: 0px;
}
h3 + h6 {
  margin-top: 0px;
}
h3 + h3 {
  margin-top: 0px;
}
p + h3, div + h3 {
  margin-top: 55px;
}
h4 + h6 {
  margin-top: 0px;
}
h4 + h4 {
  margin-top: 0px;
}
p + h4, div + h4 {
  margin-top: 40px;
}
h5 + h5 {
  margin-top: 0px;
}
p + h5, div + h5 {
  margin-top: 50px;
}
h6 + h6 {
  margin-top: 0px;
}
p + h6, div + h6 {
  margin-top: 40px;
}
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {
  margin-top: 25px;
}
.clearFoo + h1, .clearfix + h1 {
  margin-top: 0px;
}

















/* ===== css/tlc-styles.css:305-321 (section / .section) ===== */
section {
	margin-bottom: 60px;
	float:none;
	clear:both;
	width:100%;
}
.section {
  position: relative;
  padding: 37.5px 0 0 0; 
}

@media (min-width: 992px) {
.section {
	padding: 75px 0 0 0; 
} 
}


/* Legacy h1 had no bottom padding; shared sst-styles.css adds 20px. Restores Speedway's spacing (declared difference from SST; same rule as WebbOrtho). */
h1, .h1, .head1 { padding-bottom: 0; }

/* Shared sst-styles.css zeroes .section:first-of-type (0,2,0), which beats .section above. Speedway's legacy sheets had no
   such rule, so the first section kept 37.5px / 75px. Same selector, same specificity, Speedway's own legacy values (WebbOrtho rule). */
.section:first-of-type { padding-top: 37.5px; }
@media (min-width: 992px) {
.section:first-of-type { padding-top: 75px; }
}

/* ===== css/tlc-styles.css:284-293 (body, html: Speedway body type — line-height 150%, --FontSize, --FontColor) ===== */
body, html {  /* adding "html" helps reduce white flash when page loads */
	font-family: var(--font1Family, 'Gabarito', sans-serif); 
	font-size: var(--FontSize, 1.05rem); /* set to pts removes weird resize on page load in Firefox */
	color: var(--FontColor, #464646); /* set to pts removes weird resize on page load in Firefox */
	font-weight: none;
	line-height: 150%;
	text-align: left;
	/*background-color: var(--bgColor, #ffffff);*/
  /*  overflow: hidden !important;  with 'html overflow: auto, avoids double scrollbar */
}

/* DECLARED (not a legacy byte): legacy tlc-hfnav.css:1198-1205 sets .main_menu .navbar-nav {font-weight:900 !important} and the
   links got it by inheritance. The shared SST link rule now targets the <a> directly (font-weight: normal), so the links
   fall back to 400. inherit restores the legacy cascade without restating the weight. Measured live 900 / staged 400. */
.main_menu .navbar-nav .nav-link { font-weight: inherit; }

/* ======================================================================================================
   PORTED 2026-10-11 MDT from Spartan_www/WebbOrtho/css/tlc5-webb-site.css lines 44-760 (md5 36aaf745c32ed42719a48b0242990907).
   Same clone origin, same SST layer: each block re-asserts the LIVE legacy value over the shared SST/Bootstrap 5 rule
   that beats it on the TLC 5.0 chain. Changed only: font fallbacks 'Lab_Black' -> 'Gabarito' (Speedway's only face).
   Every value is re-measured against https://speedwaysportscomplex.com before cutover; Speedway deltas are appended
   in the SPEEDWAY DELTAS section at the end, never edited in place, so this block stays diffable against Webb.
   ====================================================================================================== */
/* ==== PARITY r11 — each value below is the LIVE page's winning rule (named), re-asserted over the shared SST rule
   that beats it on the staged page (named, with specificity). Webb-only; no shared file is touched. ==== */

/* BODY LINE-HEIGHT. Live css/tlc-styles.css:284 `body, html {line-height:150%}` computes to 34.56px ONCE on body and
   every descendant inherits the px. shared sst-hfnav.css:111 `body {font: var(--fontPrimary) !important}` carries a
   unitless 1.5, which each child re-multiplies by its own font-size (minor nav 31.10, footer 32.83, logo 0).
   (0,0,2) !important beats (0,0,1) !important. */
html body { line-height: 150% !important; }

/* TEXT SMOOTHING. Live: https://ajax.googleapis.com/ajax/libs/angular_material/1.1.12/angular-material.min.css
   `body,html{...;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}` (the two smoothing
   declarations, verbatim). The staged chain does not load that sheet, so every glyph renders with the platform
   default (subpixel on macOS) and reads heavier than live. No staged rule competes. */
body, html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* BODY/HTML HEIGHT. Live css/tlc-styles.css:284-285 `body, html {height:auto}`. shared sst-styles.css:9048-9056
   `body, html {height:100% !important}` (0,0,1). html (0,0,1)!important wins on source order; html body (0,0,2). */
html, html body { height: auto !important; }

/* CONTAINER GUTTER + WIDE CAP. Live Bootstrap 4 `.container {padding:0 15px}` at every width, and css/tlc-styles.css:
   119-124 caps the >=1200 container at 1800px. shared sst-site-structure.css:57-79 sets --tlc-gut 1rem/.75rem and
   --tlc-cmax 1350px. Same :root (0,1,0), later source. */
:root { --tlc-gut: 15px; }
@media (min-width: 1200px) { :root { --tlc-cmax: 1800px; } }

/* ROW GUTTER. Live Bootstrap 4 `.row {margin:0 -15px}` + `.col-* {padding:0 15px}`. Bootstrap 5.1.3 `.row
   {--bs-gutter-x:1.5rem}` = 28.8px at this root size. :where() keeps it (0,1,0) and skips rows that carry a
   Bootstrap 5 g-/gx- gutter class, so those still work. Later source. */
.row:where(:not([class^="g-"], [class*=" g-"], [class^="gx-"], [class*=" gx-"])) { --bs-gutter-x: 30px; }

/* MAIN LAST CONTAINER. Live: no bottom padding (section margin collapses out). shared sst-custom.css:2070-2094
   `#main > .container:last-child {padding-bottom:64px / 40px <=768}` (1,2,0). Same selector, later source. */
#main > .container:last-child { padding-bottom: 0; }

/* H1 INDENT. Live css/tlc-links.css:19-31 (h1 block) `padding-left:6px; margin-left:-6px`. shared sst-styles.css:346
   `h1 {margin:0}` (0,0,1). Same selector set as live, later source. */
h1, .h1, h1 a:link, .h1 a:link, h1 a:visited, .h1 a:visited, h1 a:active, .h1 a:active, .head1 {
  padding-left: 6px;
  margin-left: -6px;
}

/* P + H3. Live css/tlc-links.css:328-330 verbatim. shared sst-styles.css:716 `p + h3 {margin-top:35px}` (0,0,2). */
p + h3, div + h3 {
  margin-top: 55px;
}

/* H6. Live css/tlc-custom.css:54-58 + css/tlc-links.css:77-82 `margin-bottom:5px; line-height:100%`, Bootstrap 4
   h6 margin-top 0, no padding/indent. shared sst-styles.css:3234-3238 `h6, .h6 {line-height:.8 !important;
   margin-bottom:.5rem !important; margin-top:1.25rem !important}` (0,0,1)/(0,1,0) and sst-styles.css:392-402
   (margin-left:-20px; padding-left:18px; padding-bottom:20px). (0,0,2)/(0,1,1) !important beat the first; the second
   is beaten by source order at equal specificity. */
html h6, html .h6 { line-height: 100% !important; margin-bottom: 5px !important; margin-top: 0 !important; }
h6, .h6, .head6 { margin-left: 0; padding-left: 0; padding-bottom: 0; }

/* CAPTIONS. Live css/tlc-standards.css:512-530 verbatim (the whole caption block, all ten sizes). shared
   sst-styles.css:882-897 `.caption* {font-size: .8rem / .6-1rem}` (0,1,0) and no uppercase. Same selectors, later source.
   ONE declared difference: live `font-family: var(--font1, sans-serif)` is a family on live, but on the TLC5 chain
   --font1 is a font SHORTHAND (`300 normal 100%/1.5 'Lab_Regular', ...`), which makes font-family invalid at
   computed-value time. --font1Family is the pipeline's family-only twin (sst-cm-variables-base.html:47) and resolves
   to live's exact --font1 value, 'Lab_Regular', Arial, sans-serif (measured on both pages). */
.caption-xxxs,.caption-xxs,.caption-xs,.caption-sm,.caption-md,.caption,.caption-lg,.caption-xl,.caption-xxl,.caption-xxxl,
.caption1-xxxs,.caption1-xxs,.caption1-xs,.caption1-sm,.caption1-md,.caption1,.caption1-lg,.caption1-xl,.caption1-xxl,.caption1-xxxl,
.caption2-xxxs,.caption2-xxs,.caption2-xs,.caption2-sm,.caption2-md,.caption2,.caption2-lg,.caption2-xl,.caption2-xxl,.caption2-xxxl {
	font-family: var(--font1Family, sans-serif);
	text-transform: uppercase;
	line-height: 125%;
	font-size: 85%;
	font-weight: normal;
	vertical-align: baseline;
	font-style: italic;	/*vertical-align: baseline;*/
}
.caption-xxxs, .caption1-xxxs, .caption2-xxxs {font-size: 65%;}
.caption-xxs, .caption1-xxs, .caption2-xxs {font-size: 70%;}
.caption-xs, .caption1-xs, .caption2-xs {font-size: 75%;}
.caption-sm, .caption1-sm, .caption2-sm {font-size: 80%;}
.caption-lg, .caption1-lg, .caption2-lg {font-size: 90%;}
.caption-xl, .caption1-xl, .caption2-xl  {font-size: 95%;}
.caption-xxl, .caption1-xxl, .caption2-xxl  {font-size: 100%;}
.caption-xxxl, .caption1-xxxl, .caption2-xxxl {font-size: 110%;}

/* MINOR NAV BAND. Live css/tlc-hfnav.css:968 `.navbar {padding:0.5rem 0rem}`. shared sst-hfnav.css:574
   `@media (min-width:576px) {.navbar.bg-Minor {padding:5px 0}}` (0,2,0). Same selector + media, later source. */
@media (min-width: 576px) {
  .navbar.bg-Minor { padding: 0.5rem 0rem; }
}

/* NAV ITEM / LINK FONT-SIZE. Live css/tlc-hfnav.css:1224-1229 comments out its `font-size: 90%` line; shared
   sst-hfnav.css:2041-2045 re-enables it (0,3,0) @768, and sst-hfnav.css:1341-1367 sets .bg-Main items to
   92/96/100% (0,4,0). Live = inherited size. Same selectors + media, later source. .nav-link is left alone >=992,
   where live tlc-hfnav.css:1454/1498 and the SST agree (95% / 100%). */
@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-item,
  .bg-Main.navbar-expand-md .navbar-nav .nav-item { font-size: inherit; }
  /* li padding: live css/tlc-hfnav.css:1312 `.main_menu .navbar-nav > li.nav-item {padding:0 0.1rem}` (0,3,1) at 768;
     from 769 up live and staged both take css/tlc-custom.css:499 (1,2,0), which this does not reach. */
  .bg-Main.navbar-expand-md .navbar-nav .nav-item { padding-right: 0.1rem; padding-left: 0.1rem; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar-expand-md .navbar-nav .nav-link { font-size: inherit; }
}
/* MAIN NAV LINK SIZE AT <=768. Live css/tlc-hfnav.css:1062 `@media (max-width: 768px)` + :1070-1079
   `.navbar.navbar-dark .navbar-nav .nav-item .nav-link {font-size: var(--MobileNavFontSize, 100%)}` (0,5,0), so at
   exactly 768 live's desktop links are 90% of the li (19.70px). shared sst-hfnav.css:2417-2421 `.main_menu .navbar-nav a
   {font-size: var(--MainNavFontSize) !important}` (0,2,1) gives 95% (20.79px). (1,5,0) !important beats it. Below 768
   live and staged already agree at 90% (20.736px measured), so this restates them. */
@media (max-width: 768px) {
  #second.navbar.navbar-dark .navbar-nav .nav-item .nav-link { font-size: var(--MobileNavFontSize, 100%) !important; }
}

/* MAIN NAV LINK PADDING. Live css/tlc-hfnav.css:1225 (.35rem @768), :1454 (.75rem @992), :1498 (1.45rem @1200),
   all `.navbar-expand-md .navbar-nav .nav-link` (0,3,0). shared sst-hfnav.css:1341-1367
   `.bg-Main.navbar-expand-md .navbar-nav .nav-link` (0,4,0) = .2rem/.5rem/.4-.5rem. Same (0,4,0) + media, later. */
@media (min-width: 768px) {
  .bg-Main.navbar-expand-md .navbar-nav .nav-link { padding-right: 0.35rem; padding-left: 0.35rem; }
}
@media (min-width: 992px) {
  .bg-Main.navbar-expand-md .navbar-nav .nav-link { padding-right: 0.75rem; padding-left: 0.75rem; }
}
@media (min-width: 1200px) {
  .bg-Main.navbar-expand-md .navbar-nav .nav-link { padding-right: 1.45rem; padding-left: 1.45rem; }
}

/* LOGO ANCHOR MARGIN. Live css/tlc-hfnav.css:507 `.brandlogo {margin:1px auto 1px auto}` and :540-544 (<=576)
   `.brandlogo {margin:5px 0px}` (0,1,0). shared sst-styles.css:5126 `a, a:link {margin:0 0px}` (0,1,1) beats both.
   a.brandlogo (0,1,1), later source. */
a.brandlogo { margin: 1px auto 1px auto; }
@media (max-width: 576px) { a.brandlogo { margin: 5px 0px; } }

/* MAIN MENU OFFSET. Live: no margin on nav.main_menu. shared sst-hfnav.css:1350/1360/1370 `nav.main_menu
   {margin-right:-30px / -25px / -25px}` (0,1,1) @768/992/1200. Same selector, later source. */
@media (min-width: 768px) { nav.main_menu { margin-right: 0; } }

/* DROPDOWN CARET BOX. Live css/tlc-hfnav.css:815-824 `.dropdown-toggle::after {margin-left:.255em}`. shared
   sst-hfnav.css:1305 `.dropdown-toggle::after {margin:0px -5px 0px 0px !Important}` (0,1,1). (0,1,2) !important. */
html .dropdown-toggle::after { margin: 0 0 0 .255em !important; }

/* MOBILE NAV LINK PADDING. Live <768: css/tlc-hfnav.css:901 `.nav-link {padding:0.8rem 1rem}` (top/bottom) and
   mdb.min.css `@media (max-width:992px) {.navbar .nav-item .nav-link {padding-left:6px; padding-right:6px}}`.
   shared sst-hfnav.css:1727 `@media (max-width:767px) {.navbar.navbar-dark .navbar-nav .nav-item .nav-link
   {padding:10px 2px 10px 35px !important}}` (0,5,0). (1,5,0) !important. */
@media (max-width: 767px) {
  #second.navbar.navbar-dark .navbar-nav .nav-item .nav-link { padding: 0.8rem 6px !important; }
}

/* MOBILE LOGO (<=576). Live css/tlc-hfnav.css:497-512 + 514-523 + 534-544: anchor padding 0, img width 250px capped
   240px, no img padding. shared sst-hfnav.css:1021-1028 `nav.bg-Main > .container > .brandlogo {padding-left:20px
   !important}` (0,3,1) + `... .brandlogo img {padding:8px 2px !important}` (0,3,2), and :1031-1038
   `.bg-Main .brandlogo img {width:100% !important; padding:8px 2px !important}` (0,2,2). (1,2,0)/(1,1,1) !important. */
@media (max-width: 576px) {
  #second > .container > .brandlogo { padding-left: 0 !important; }
  #second .brandlogo img { width: 250px !important; max-width: 240px !important; padding: 0 !important; }
}

/* FOOTER. Live css/tlc-hfnav.css:84-91 `[id="footer"] {padding-top:35px}` (no bottom padding); sections unpadded;
   css/tlc-hfnav.css:546-549 `.brandlogo-sm {width:100%; max-width:180px}` (no padding/margin).
   shared sst-hfnav.css:68-74 `[id="footer"] {padding:35px 0px 40px}` (0,1,0) -> same selector, later source.
   shared sst-styles.css:9356-9365 `#footer section {padding:10px 0 / 5px 0}` (1,0,1) and
   `#footer .col-12 + .col-12 section {padding-top:15px}` (1,2,1) -> same selectors, later source.
   shared sst-custom.css:27/377 `.brandlogo-sm {padding-left:2px !important; margin:-10px 0 15px 0 !important}` and
   sst-hfnav.css:1062 `.brandlogo-sm {padding:5px 0}` (0,1,0) -> (1,1,0) !important. */
[id="footer"] { padding-bottom: 0px; }
#footer section { padding: 0; }
#footer .col-12 + .col-12 section { padding-top: 0; }
#footer .brandlogo-sm { padding: 0 !important; margin: 0 !important; }

/* FOOTER LEGAL LINKS FONT. Live: the links inherit div.copyright's Lab_Bold (no rule on the a). shared
   sst-hfnav.css:167 `#footer .copyright a {font-family: var(--FooterFont)}` (1,1,1). Same selector, later source. */
#footer .copyright a { font-family: inherit; }

/* MAIN-NAV DROPDOWN SIZE + CASE. Live: ul.drop inherits .main_menu .navbar-nav 95% (tlc-hfnav.css:1642) and the
   items inherit `.navbar .dropdown-menu {text-transform:uppercase}` (tlc-custom.css:79). shared sst-styles.css:1279
   `ul ul {font-size:.875em}` (0,0,2) shrinks ul.drop; shared sst-hfnav.css:2419/2544/2559 force
   `text-transform: var(--MainNavSubTextTransform / --MainNavTextTransform) !important` (max (0,3,4)).
   #second ul ul (1,0,2) beats (0,0,2); #second .dropdown-menu a (1,1,1) !important beats (0,3,4) !important. */
#second ul ul { font-size: inherit; }
#second .dropdown-menu a { text-transform: inherit !important; }

/* TABLET LOGO (>=577). Live css/tlc-hfnav.css:497-512 `.brandlogo {margin:1px auto; width:100%; max-width:250px}`
   centers a 250px logo. shared sst-hfnav.css:1245-1251 (@max-width 768) `nav.bg-Main > .container > .brandlogo
   {width:auto; max-width:var(--LogoWidthHeaderMobile); margin-left:6px}` (0,3,1) left-aligns it at 240px.
   (1,2,0) beats (0,3,1). min-width: sst-hfnav.css:1248 sets 0 (live: initial auto), which lets the logo shrink to
   160px at exactly 768. Above 768 this restates what already computes; below 577 the live <=576 rule applies. */
@media (min-width: 577px) {
  #second > .container > .brandlogo { width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; min-width: auto; }
}

/* EXACTLY 768px (iPad portrait). Live: Bootstrap 4 navbar-expand-md is desktop from 768 up (container nowrap, toggler
   hidden). shared sst-hfnav.css:1238-1262 uses @media (max-width:768px), so at 768 it ALSO applies
   `nav.bg-Main > .container {flex-wrap:wrap}` (0,2,1) and `nav.bg-Main > .container > .navbar-toggler {display:flex}`
   (0,3,1): the toggler shows beside the desktop menu and the bar grows 111.9 -> 171.3px. (1,1,0) / (1,2,0) restore
   live at >=768; above 768 it restates what Bootstrap 5 already computes. */
@media (min-width: 768px) {
  #second > .container { flex-wrap: nowrap; }
  #second > .container > .navbar-toggler { display: none; }
}

/* MINOR-BAR SOCIAL ICONS. Live: Bootstrap `.align-top {vertical-align: top !important}` on each li wins.
   shared sst-hfnav.css:580 `#header .social ul.list-inline.social-icons .list-inline-item {vertical-align:-0.6rem
   !important}` (1,4,1). Adding the element's own .align-top class gives (1,5,1) !important, re-asserting live. */
#header .social ul.list-inline.social-icons .list-inline-item.align-top { vertical-align: top !important; }

/* MOBILE TOGGLER. Live css/tlc-hfnav.css:1040-1048 `.navbar-toggler {padding:1rem 0.35rem; margin:0px -5px}` (0,1,0)
   wins on live (no min-width). shared sst-hfnav.css:1255-1262 (@max-width 768) `nav.bg-Main > .container >
   .navbar-toggler {margin-left:auto; padding:0 30px; min-width:60px}` (0,3,1) and sst-hfnav.css:1701 (@max-width 767)
   `.navbar-dark .navbar-toggler {padding:5px 40px 5px 10px}` (0,2,0) widen it and pull the logo left.
   (1,2,0) beats both. min-width: live declares none, so it computes to the initial `auto` (measured). */
@media (max-width: 768px) {
  #second > .container > .navbar-toggler { padding: 1rem 0.35rem; margin: 0px -5px; min-width: auto; }
}
/* Hamburger lines. Live = css/mdb.css:9945-9948 (served minified as mdb.min.css), verbatim; (0,3,0) beats Bootstrap 5
   `.navbar-dark .navbar-toggler-icon` (0,2,0), whose stroke is rgba(255,255,255,.55). */
.navbar.navbar-dark .navbar-toggler-icon {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

/* SCROLLED MINOR BAR. Live css/tlc-hfnav.css:314-320 `.bg-Minor.scrolled {height:auto}` -> 54.8px. shared
   sst-custom.css:338-343 `.bg-Minor.scrolled {height:30px !important; max-height:30px !important; min-height:30px
   !important}` (0,2,0) clips it to 30px. (1,2,0) !important. */
#first.bg-Minor.scrolled { height: auto !important; max-height: none !important; min-height: auto !important; }

/* OPENED MOBILE MENU (<768). Live: #navbarNavDropdown, nav.main_menu and the dropdown toggles carry no margin or
   padding (menu items start flush at x15 under the logo). shared sst-hfnav.css:1683 `.bg-Main #navbarNavDropdown
   {margin:0 -30px !important; padding:0 40px !important}` (1,1,0), :1689 `.bg-Main #navbarNavDropdown nav.main_menu
   {margin:0 -100px !important; padding:20px 100px !important}` (1,2,1), :23 `.nav-link.dropdown-toggle {margin:1px 0}`
   (0,2,0). (2,1,0)/(2,2,1) !important and (1,2,0) beat them. The minor menu the 'Combine 2 navbars' script appends
   (nav.minor_menu, Online Consultation / Virtual Visit): live declares no margin/padding on it (computes 0 / 0,
   measured); shared sst-hfnav.css:1694-1697 `.bg-Main #navbarNavDropdown nav.minor_menu {margin:-21px -100px 0
   !important; padding:0 100px 20px !important}` (1,2,1) pulls it up over the last main item. (2,2,1) !important. */
@media (max-width: 767px) {
  #second.bg-Main #navbarNavDropdown { margin: 0 !important; padding: 0 !important; }
  #second.bg-Main #navbarNavDropdown nav.main_menu { margin: 0 !important; padding: 0 !important; }
  #second.bg-Main #navbarNavDropdown nav.minor_menu { margin: 0 !important; padding: 0 !important; }
  #second .nav-link.dropdown-toggle { margin: 0; }
}

/* PHONE OVERFLOW. Live css/tlc-styles.css:305-308 `#wrapper {overflow: hidden}` clips the long privacy-policy URL
   (R389.6 at 375), so live scrollWidth = viewport; staged has no #wrapper rule and scrolls sideways (394px).
   Declared difference: `clip`, not `hidden` — hidden would make #wrapper a scroll container (CLAUDE.md cascade
   invariants). x-axis only; the fixed header inside #wrapper is not clipped by a non-containing-block ancestor. */
#wrapper { overflow-x: clip; }

/* LINK WEIGHT 400 vs 300 (8 of the 11 remaining tool rows). Pixel-identical (measured): Lab_Regular has only a 300 face,
   Lab_Black/Lab_Bold only 600 (/fonts/_tlc-fonts.css). Live 300 is inherited from mdb.min.css `body/.navbar
   {font-weight:300}`; staged links take sst-styles.css:5126 `a, a:link {font-weight:normal}` (0,1,1). Apply only to
   silence the parity tool; (1,0,1) beats (0,1,1). */
#first a, #second a, #footer a { font-weight: inherit; }

/* ==== FREEZE BODY PARITY r1 (2026-10-11 00:00 MDT) — the 20 frozen /v2/f-* bodies vs their live pages. One block for
   the five group receipts (_notes/verify/freeze-parity-{site,contact,home,about,locations}-r1.txt), consolidated and
   re-measured in _notes/verify/freeze-parity-fix-r1.txt. Every value is the LIVE page's winning rule (file:line),
   re-asserted over the staged TLC5 rule that beats it (named). Scope :where(#main, .billboard, #wrapper > section) = the frozen body only:
   zero added specificity, header and footer untouched. #main (an id already in scope) only where the staged rule being
   beaten is !important or out-ranks the live selector. Webb-only; no shared file is touched. ==== */

/* TOKENS. The legacy in-body All-Styles :root block (Content/Snippets/All-Styles.html, printed inside <main> on live and
   removed with inc/detect.tpl by build_freeze.py) is the only source of these; the TLC5 chain emits none of them.
   Live values measured on /contact-us/index: --labelTag #74787b (:1127-1131, LabelTagColorStyles = Color2 -> color2),
   --color1lf1 #f4d2d5, --color1lf2 #eaa5ab, --color2lf1 #e3e4e5 (exactly 20% / 40% / 20% of color1 / color2 over white,
   measured, so derived rather than typed), --color3lf4 #333333 (:70, the printed value), --CounterColor white (:80).
   Read only by the rules below and `.counters span` (every staged sheet grepped). html:root (0,1,1) beats the inline
   :root --CounterColor that sst-cm-layout-apply.html:75 prints after this sheet. */
:root {
  --labelTag: var(--color2);
  --color1lf1: color-mix(in srgb, var(--color1) 20%, white);
  --color1lf2: color-mix(in srgb, var(--color1) 40%, white);
  --color2lf1: color-mix(in srgb, var(--color2) 20%, white);
  --color3lf4: #333333;
}
html:root { --CounterColor: white; }

/* SECTION PADDING. Live: no rule pads a plain <section> (css/tlc-styles.css:310-315 sets margin/float/clear/width only;
   Bootstrap 4 none) -> 0. Staged sst-custom.css:385 `section, section.md {padding:50px 0}` (0,0,1) adds 100px per
   section and drops the home billboard 50px. Same weight, later source; .section (0,1,0, above), .visual-banner and
   #footer section still win. */
:where(#main, .billboard) section, section:where(#wrapper > *) { padding-top: 0; padding-bottom: 0; }

/* TAGS. Live css/tlc-standards.css:451-469, the .tag* selectors, declarations verbatim except font-family: live
   var(--font1) is a family, on TLC5 a font shorthand, so its family-only twin --font1Family (as CAPTIONS above).
   Staged sst-styles.css:824-847 (0,1,0): var(--ContentTagColor) (= #ca1f2c in .onLt), rem sizes, display:block,
   margin 0, text-align:start. Same weight, later source. Live declares no display or text-align on a tag:
   `display: revert` gives span inline, div/p block (UA); text-align inherits. A tag <p> keeps Bootstrap 4.4.1
   `p {margin-bottom:1rem}`. */
:where(#main) :is(.tag-xxxs,.tag-xxs,.tag-xs,.tag-sm,.tag-md,.tag,.tag-lg,.tag-xl,.tag-xxl,.tag-xxxl,
.tag1-xxxs,.tag1-xxs,.tag1-xs,.tag1-sm,.tag1-md,.tag1,.tag1-lg,.tag1-xl,.tag1-xxl,.tag1-xxxl,
.tag2-xxxs,.tag2-xxs,.tag2-xs,.tag2-sm,.tag2-md,.tag2,.tag2-lg,.tag2-xl,.tag2-xxl,.tag2-xxxl) {
	font-family: var(--font1Family, sans-serif);
	color: var(--labelTag, #999999);
	text-transform: uppercase;
	font-size: 85%;
	font-weight: normal;
	line-height: 130%;
	display: revert;
	text-align: inherit;
}
:where(#main) :is(.tag-xxxs, .tag1-xxxs, .tag2-xxxs) {font-size: 65%;}
:where(#main) :is(.tag-xxs, .tag1-xxs, .tag2-xxs) {font-size: 70%;}
:where(#main) :is(.tag-xs, .tag1-xs, .tag2-xs) {font-size: 75%;}
:where(#main) :is(.tag-sm, .tag1-sm, .tag2-sm) {font-size: 80%;}
:where(#main) :is(.tag-lg, .tag1-lg, .tag2-lg) {font-size: 90%;}
:where(#main) :is(.tag-xl, .tag1-xl, .tag2-xl) {font-size: 95%;}
:where(#main) :is(.tag-xxl, .tag1-xxl, .tag2-xxl) {font-size: 100%;}
:where(#main) :is(.tag-xxxl, .tag1-xxxl, .tag2-xxxl) {font-size: 110%;}
:where(#main) p:is(.tag-xxxs,.tag-xxs,.tag-xs,.tag-sm,.tag-md,.tag,.tag-lg,.tag-xl,.tag-xxl,.tag-xxxl) { margin-bottom: 1rem; }
/* LABEL. The same live block's `label` selector (tlc-standards.css:451), same declarations, over sst-styles.css:3368
   `label {color: var(--LabelTagColor)}` (0,0,1). Same weight, later source. Bootstrap's label display is kept. */
:where(#main) label {
	font-family: var(--font1Family, sans-serif);
	color: var(--labelTag, #999999);
	text-transform: uppercase;
	font-size: 85%;
	font-weight: normal;
	line-height: 130%;
}

/* DESCRIPTIONS. Live css/tlc-standards.css:482-500 verbatim (font-family via --font1Family, as above). Staged
   sst-styles.css:858-876 `.desc-* {font-size:.95rem}` + rem sizes, no line-height (0,1,0). Same weight, later source. */
:where(#main) :is(.desc-xxxs,.desc-xxs,.desc-xs,.desc-sm,.desc-md, .desc,.desc-lg,.desc-xl,.desc-xxl,.desc-xxxl,
.desc1-xxxs,.desc1-xxs,.desc1-xs,.desc1-sm,.desc1-md,.desc1,.desc1-lg,.desc1-xl,.desc1-xxl,.desc1-xxxl,
.desc2-xxxs,.desc2-xxs,.desc2-xs,.desc2-sm,.desc2-md,.desc2,.desc2-lg,.desc2-xl,.desc2-xxl,.desc2-xxxl) {
	font-family: var(--font1Family, sans-serif);
	text-transform: none;
	line-height: 120%;
	font-size: 105%;
	font-weight: normal;
	vertical-align: baseline;
}
:where(#main) :is(.desc-xxxs, .desc1-xxxs, .desc2-xxxs) {font-size: 80%;}
:where(#main) :is(.desc-xxs, .desc1-xxs, .desc2-xxs) {font-size: 90%;}
:where(#main) :is(.desc-xs, .desc1-xs, .desc2-xs) {font-size: 95%;}
:where(#main) :is(.desc-sm, .desc1-sm, .desc2-sm) {font-size: 100%;}
:where(#main) :is(.desc-lg, .desc1-lg, .desc2-lg) {font-size: 110%;}
:where(#main) :is(.desc-xl, .desc1-xl, .desc2-xl) {font-size: 115%;}
:where(#main) :is(.desc-xxl, .desc1-xxl, .desc2-xxl) {font-size: 120%;}
:where(#main) :is(.desc-xxxl, .desc1-xxxl, .desc2-xxxl) {font-size: 125%;}

/* LEAD. Live css/tlc-styles.css:714-733 + 736-755 verbatim (desktop block and its max-width:768px block; font-family via
   --font2Family). Staged sst-styles.css:10093-10113 `.lead-md {font-size:2.25rem; margin:0px 0}`, no color (inherits the
   .onLt ink #1c1c1c). Same weight, later source. */
:where(#main) :is(.lead, .lead-md, .lead-sm, .lead-xs, .lead-xxs, .lead-lg, .lead-xl, .lead-xxl) {
	font-family: var(--font2Family, sans-serif);
	font-size: 275%;
	color: var(--color1, #424242);
	margin: 10px 0;
	text-align: left;
	line-height: 140%;
}
:where(#main) .lead-xxs {font-size: 200%;}
:where(#main) .lead-xs {font-size: 230%;}
:where(#main) .lead-sm {font-size: 255%;}
:where(#main) .lead-lg {font-size: 290%;}
:where(#main) .lead-xl {font-size: 315%;}
:where(#main) .lead-xxl {font-size: 330%;}
@media (max-width: 768px) {
:where(#main) :is(.lead, .lead-md, .lead-sm, .lead-xs, .lead-xxs, .lead-lg, .lead-xl, .lead-xxl) {
	font-size: 200%;
	line-height: 130%;
}
:where(#main) .lead-xxs {font-size: 150%;}
:where(#main) .lead-xs {font-size: 170%;}
:where(#main) .lead-sm {font-size: 190%;}
:where(#main) .lead-lg {font-size: 220%;}
:where(#main) .lead-xl {font-size: 240%;}
:where(#main) .lead-xxl {font-size: 270%;}
}

/* CONTACT TEXT. Live css/tlc-styles.css:859-861 verbatim. Staged: no rule (inherits the .onLt ink). */
:where(#main) :is(.description, .phone, .phone2, .address, .contact) { color: var(--color2, #a1a1a1); }

/* GRAYS. Live css/tlc-styles.css:136-143 verbatim. Staged: no .gray-* rule; sst-styles.css:8898
   `.list-hit a .nolink {color:inherit}` (0,2,1) paints the download/form dates in body ink. !important as live. */
:where(#main) .gray-xxD  {color: #1E1E1E !important;}
:where(#main) .gray-xD {color: #373737 !important;}
:where(#main) .gray-D {color: #636363 !important;}
:where(#main) .gray  {color: #777777 !important;}
:where(#main) .gray-L  {color: #797979  !important;}
:where(#main) .gray-xL  {color: #979797 !important;}
:where(#main) .gray-xxL  {color: #BCBCBC !important;}
:where(#main) .gray-xxxL  {color: #DEDEDE !important;}

/* FADE UTILITIES. Live css/tlc-styles.css:158 / :184 verbatim (tokens above). Staged: no rule; the slider caption h4
   takes sst-styles.css:5334 var(--h4Color), the testimonial quotes and the location phone bullet inherit. */
:where(#main, .billboard, #wrapper > section) .color1lf1 {color: var(--color1lf1, #f4f4f4) !important;}
:where(#main, .billboard, #wrapper > section) .color2lf1 {color: var(--color2lf1, #f3f3f3) !important;}

/* SMALL. Live Bootstrap 4.4.1 `.small,small{font-size:80%;font-weight:400}`. Staged Bootstrap 5.1.3 `.small,small
   {font-size:.875em}` plus SST tag/heading sizes it sits in. */
#main small, #main .small { font-size: 80%; font-weight: 400; }

/* HR. Live Bootstrap 4.4.1 `hr{box-sizing:content-box;height:0;overflow:visible}` + `hr{border:0;border-top:1px solid
   rgba(0,0,0,.1)}` (margins: css/tlc-links.css:253 40px = staged sst-styles.css:686). Staged Bootstrap 5.1.3
   `hr{background-color:currentColor;border:0;opacity:.25}` + `hr:not([size]){height:1px}` (0,1,1). Live declares no
   background or opacity (transparent / 1, restated). */
#main hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0,0,0,.1); background-color: transparent; opacity: 1; }

/* HEADING SPACING. Live css/tlc-custom.css:11-12 `h1 {margin-bottom:1rem}` over staged sst-styles.css:726 `span + h1
   {margin-bottom:-5px}` (0,0,2); live css/tlc-links.css:292/:295/:316/:337/:343 pairs over staged sst-styles.css:704-722
   (same selectors); h4 + h5 live = Bootstrap 4.4.1 `h1..h6 {margin-top:0}` over sst :717 10px; .form-group / .form-floating
   + h5 live = tlc-links.css:343 `div + h5` over sst-styles.css:4939-4944 / :4922-4927 (0,1,1) 35px; h1-h6 + .form-floating
   live = no rule (no .form-floating on Bootstrap 4) over sst-styles.css:4914-4920 20px. Same selectors, later source. */
:where(#main) span + h1 { margin-bottom: 1rem; }
:where(#main) h1 + h4 { margin-top: 0px; }
:where(#main) h1 + h5 { margin-top: 0px; }
:where(#main) h4 + h5 { margin-top: 0px; }
:where(#main) p + h2, :where(#main) div + h2 { margin-top: 60px; }
:where(#main) p + h4, :where(#main) div + h4 { margin-top: 40px; }
:where(#main) p + h5, :where(#main) div + h5 { margin-top: 50px; }
:where(#main) .form-group + h5, :where(#main) .form-floating + h5 { margin-top: 50px; }
:where(#main) :is(h1, h2, h3, h4, h5, h6) + .form-floating { margin-top: 0; }
/* p/div + h6: live css/tlc-links.css:349-351 40px, beaten on staged by THIS file's r11 `html h6 {margin-top:0
   !important}` (0,0,2). (1,0,3) !important, body only. */
html #main p + h6, html #main div + h6 { margin-top: 40px !important; }

/* HEADING ALIGNMENT. Live: no heading rule sets text-align, so headings inherit their block (.text-center captions,
   jumbotrons, quick links, cards, testimonial, counters). Staged sst-styles.css:346-350 `.h1..h6, h1..h6` and :351-360
   `h1, .h1, .head1` {text-align: var(--BrandAlign)} = left. Same selectors, later source; inherit IS the live value. */
:where(#main, .billboard, #wrapper > section) .h1,
:where(#main, .billboard, #wrapper > section) .h2,
:where(#main, .billboard, #wrapper > section) .h3,
:where(#main, .billboard, #wrapper > section) .h4,
:where(#main, .billboard, #wrapper > section) .h5,
:where(#main, .billboard, #wrapper > section) .h6,
:where(#main, .billboard, #wrapper > section) h1,
:where(#main, .billboard, #wrapper > section) h2,
:where(#main, .billboard, #wrapper > section) h3,
:where(#main, .billboard, #wrapper > section) h4,
:where(#main, .billboard, #wrapper > section) h5,
:where(#main, .billboard, #wrapper > section) h6,
:where(#main, .billboard, #wrapper > section) .head1,
:where(#main, .billboard, #wrapper > section) .head2,
:where(#main, .billboard, #wrapper > section) .head3,
:where(#main, .billboard, #wrapper > section) .head4,
:where(#main, .billboard, #wrapper > section) .head5,
:where(#main, .billboard, #wrapper > section) .head6 { text-align: inherit; }

/* HEADINGS INSIDE A LINK. Live css/tlc-links.css:25-37 (h1 margin-left -6px), css/tlc-custom.css:27-37 (h3 -5px),
   :38-52 (h4/h5 font-style oblique). Staged sst-styles.css:5120-5142 `a .color1, a .color2 ... {font-style:normal;
   margin:0 0px}` (0,1,1) beats them inside a card link. (0,1,1), later source. */
:where(#main) a :is(h1, .h1, .head1) { margin-left: -6px; }
:where(#main) a :is(h3, .h3, .head3) { margin-left: -5px; }
:where(#main) a :is(h4, .h4, .head4, h5, .h5, .head5) { font-style: oblique; }

/* SECTION TITLE + SEPARATOR ("Superior Quality and Care"). Live css/tlc-links.css:362-363 `h1.center-stretch
   {font-size:1.5rem !important}` over staged sst-styles.css:1300-1301 (1.25rem !important), same selector, later.
   Live css/tlc-standards.css:62-74 `.separator::before/::after {border-bottom:1px solid var(--color1lf2)}`, margins .25em,
   over staged sst-styles.css:1322-1339 (var(--flexwhite3) !important (0,1,1); margins 1.25rem). (0,1,2) !important. */
:where(#main) h1.center-stretch { font-size: 1.5rem !important; }
html :where(#main) .separator::before, html :where(#main) .separator::after { border-bottom: 1px solid var(--color1lf2) !important; }
:where(#main) .separator::before { margin-right: .25em; margin-top: -1rem; }
:where(#main) .separator::after { margin-left: .25em; margin-top: -1rem; }

/* TESTIMONIAL. Live css/tlc-custom.css:54-58 `h6 {font-size:1.7rem}` over staged sst-styles.css:10187 / :10221
   `.testimonial {1.4rem / 1.35rem}` (0,1,0). (0,1,1). */
:where(#main) h6.testimonial { font-size: 1.7rem; }

/* BUTTON FACE + CASE. Live css/tlc-links.css:444-458 `.btn, ... {font-family: var(--ButtonFont) !important;
   text-transform: uppercase; text-align: left; white-space: normal}`. Staged Content/Snippets/Header-TLC5-tokens.html:194
   `.btn {font-family: inherit !important}` (0,1,0) in an inline <style> after this sheet; sst-styles.css:5815-5827
   (text-transform var(--buttonTextTransform), unset -> none; text-align center); sst-styles.css:914 `.btn-holder .btn
   {white-space:nowrap}` (0,2,0). Declared: live --ButtonFont is 'Lab_Black' (Font3); on TLC5 it is a Font1 shorthand,
   so the family-only twin --font3Family. (1,1,1) !important for the face. sst-styles.css:5957 `.btn svg
   {margin-right:3px !important}` (0,1,1) pads the kit <svg>; live's FA <i> has no margin. */
:is(#main, .billboard, #wrapper > section) .btn { font-family: var(--font3Family, 'Gabarito', Arial, sans-serif) !important; }
:where(#main, .billboard, #wrapper > section) .btn { text-transform: uppercase; text-align: left; white-space: normal; }
:where(#main, .billboard, #wrapper > section) .btn-holder .btn { white-space: normal; }
:is(#main, .billboard, #wrapper > section) .btn svg { margin-right: 0 !important; }
/* LG. Live css/tlc-links.css:579-588 over staged sst-styles.css:5986-5997 `.btn.btn-lg` (1.8rem !important, 2.25rem 10%,
   line-height 1.65rem, min-width 25%). Live sets no min-width (initial). (1,2,0), as measured on the /contact-us/ SUBMIT. */
#main .btn.btn-lg, #main .btn-lg {
	padding: 1.5rem 3.5rem !important;
	font-size: 2.1rem !important;
	line-height: 2rem;
	margin: .15rem;
	margin-bottom: 1.75rem;
	min-width: 0;
}
/* MD. Live css/tlc-links.css:594-598 (padding, font-size) + css/tlc-custom.css:65 `.btn {line-height:140%}` over staged
   sst-styles.css:6000-6008 `.btn.btn-md` (1.45rem !important, 2rem 8%, line-height 1.4rem, min-width 20%). */
:where(#main, .billboard, #wrapper > section) .btn.btn-md,
:where(#main, .billboard, #wrapper > section) .btn-md,
:where(#main, .billboard, #wrapper > section) .btn-md-2x {
	padding: 1.25rem 3.15rem;
	font-size: 1.5rem !important;
	line-height: 1.5;
	min-width: 0;
}
/* SM. Live css/tlc-links.css:607-616 over staged sst-styles.css:6011-6020 `.btn.btn-sm` (1.75rem 7%, line-height
   1.15rem, min-width 15%). */
:where(#main, .billboard, #wrapper > section) .btn.btn-sm,
:where(#main, .billboard, #wrapper > section) .btn-sm,
:where(#main, .billboard, #wrapper > section) .btn-sm-2x {
	padding: 1rem 2rem 1rem 2rem !important;
	font-size: 1.2rem !important;
	line-height: 1.2rem;
	margin: .15rem;
	min-width: 0;
}
/* SECONDARY / FOOTER BUTTON GROUND. Live css/tlc-links.css:676-679 `.btn-secondary ... .btn-color2 ... .btn-footer ...
   {color: var(--buttonTextSecondary) !important; background-color: var(--buttonColorSecondary) !important}` (white /
   #ca1f2c, legacy tokens) in every state. Staged sst-styles.css:7031-7038 `.btn.btn-secondary` var(--SecondaryButtonColor)
   = color2 !important, :7113-7122 hover (0,4,0) !important, and /css/tlc-hfnav.css:1655 `a:link {background-color:
   transparent}` on a.btn-footer (white on white at 1440). (1,1,0) !important; fallbacks = the live values. */
#main .btn-secondary, #main .btn-color2, #main .btn-footer {
	color: var(--buttonTextSecondary, white) !important;
	background-color: var(--buttonColorSecondary, var(--color1)) !important;
}

/* LINK HOVER. Live css/tlc-links.css:400-407 `a:hover, a:active, a:focus, ... {color: var(--color1xl, #787878)}`.
   Staged sst-styles.css:900 / :5152-5160 `a:hover {color: var(--LinkHoverColor)}` (dodgerblue in the .onLt ink block,
   sst-cm-variables-base.html:598) and `.color1 a:hover` (0,2,1). Same selectors, later; class-less anchors (1,2,1).
   The rest color #74787b is Craig's gray-link ruling and is untouched. */
:where(#main) a:hover, :where(#main) a:active, :where(#main) a:focus { color: var(--color1xl, #787878); }
#main a:not([class]):hover { color: var(--color1xl, #787878); }
/* CARD LINK HOVER. Live css/tlc-standards.css:171-172 `.list-hit a:hover { }` (empty: only the svg/img scales). Staged
   sst-styles.css:8872-8884 `.list-hit a:hover {transform: scale3d(1.15,1.15,1.15)}` (0,2,1). Same selector, later. */
:where(#main) .list-hit a:hover { transform: none; }

/* EMBED RATIO. Live Bootstrap 4.4.1 .embed-responsive block verbatim; Bootstrap 5 renamed it .ratio, so the YouTube
   iframe renders at its 560x315 attributes. */
:where(#main) .embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
:where(#main) .embed-responsive::before{display:block;content:""}
:where(#main) .embed-responsive .embed-responsive-item,:where(#main) .embed-responsive embed,:where(#main) .embed-responsive iframe,:where(#main) .embed-responsive object,:where(#main) .embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
:where(#main) .embed-responsive-16by9::before{padding-top:56.25%}

/* PHOTO FRAME. Live css/tlc-standards.css:550 `.border1 {border:1px solid var(--color1xl, #787878)}` over staged
   sst-styles.css:1688 `.border1 {border-color: var(--color1) !important}` (0,1,0). Same weight, later, !important. */
:where(#main) .border1 { border-color: var(--color1xl, #787878) !important; }

/* FONT80 LINE-HEIGHT. Live css/tlc-standards.css:277 `.font80 {font-size:80% !important}` sets no line-height (inherits).
   Staged sst-styles.css:1528 adds line-height:140% (0,1,0); the location phone-row h6 grows 1px. Body only (the minor
   nav icons carry .font80 too). */
#main .font80 { line-height: inherit; }

/* BODY LOGO. Live: no .brandlogo-sm margin/padding. Staged sst-custom.css:377-380 (!important) + sst-hfnav.css:1062. */
#main .brandlogo-sm { padding: 0 !important; margin: 0 !important; }

/* MAP HOLDER. Live: no height/background on .google-map-holder >=992; css/tlc-3rdparty.css:1495-1500 (<=991.98)
   `height: inherit !important` = auto (513.6px). Staged sst-3rdparty.css:1862-1866 `height:450px !important;
   background-color:#ebe9e4 !important` (0,1,0) cuts the 500px map. (1,1,0) !important. */
#main .google-map-holder { height: auto !important; background-color: transparent !important; }

/* COUNTERS. Live css/tlc-3rdparty.css:71-73 `.text-light {color:white !important}` over Bootstrap 5.1.3 `.text-light`
   (#f8f9fa) !important, same weight, later. Live css/tlc-3rdparty.css:755-757 over sst-3rdparty.css:1203 (same selector,
   -0.5rem !important), later. Live css/tlc-3rdparty.css:658-664 `.counter {padding:0; margin-left:0}` beat the h1
   indent; here H1 INDENT (this file, above) is later at (0,1,0), so restated after it. Live css/tlc-links.css:25-26
   `h1, .h1 {font-family: var(--h1font) !important}` beat css/tlc-hfnav.css:41/:47 `.font1/.font3 {font-family:
   var(--font1/3) !important}` by order; on TLC5 those tokens are shorthands (invalid -> Lab_Regular). (0,2,0)
   !important, --font3Family = live --h1font 'Gabarito', Arial, sans-serif (measured). */
:where(#main) .text-light { color: white !important; }
:where(#main) span.value.counter { letter-spacing: -0.225rem !important; }
:where(#main) .counter { padding: 0; margin-left: 0; }
:where(#main) .h1.font1, :where(#main) .h1.font3 { font-family: var(--font3Family, 'Gabarito', Arial, sans-serif) !important; }

/* ---- FORMS (/contact-us/*) ---- */
/* FORM GROUP. Live Bootstrap 4.4.1 `.form-group {margin-bottom:1rem}`, `.mb-3 {1rem !important}`, `.mb-md-5 {3rem
   !important}` @768. Staged sst-styles.css:4948 `.form-group {margin:0 0 !important}` (0,1,0), after the BS5 utilities. */
#main .form-group { margin-bottom: 1rem !important; }
#main .form-group.mb-3 { margin-bottom: 1rem !important; }
@media (min-width: 768px) { #main .form-group.mb-md-5 { margin-bottom: 3rem !important; } }
/* Labels in a group. Live css/tlc-standards.css:1429-1431 `margin:15px 0 15px 2px` + tag color. Staged sst-styles.css:
   4960-4963 `margin:0 0 5px 2px !important; color:var(--gray5)` (0,1,1). Live: a group's text div inherits body ink;
   staged sst-styles.css:3764-3770 `color: var(--InputLabelColor)`. */
#main .form-group > label, #main .item > label { margin: 15px 0 15px 2px !important; color: var(--labelTag, #999999); }
#main .form-group > div, #main .form-check > div { color: inherit; }
/* FORM CONTROL. Live css/tlc-styles.css:895-913 (declarations verbatim; margin 0 = Bootstrap 4.4.1 `input,textarea
   {margin:0}`). Staged sst-styles.css:3380-3400 (font-size/height/line-height !important), :3406-3424, :3497-3512. */
#main .form-control {
	display: block;
	width: 100%;
	height: calc(2em + 1rem + 2px) !important;
	padding: 1.075rem 1.05rem;
	margin-bottom: 0;
	font-size: 1.5rem !important;
	font-weight: 400;
	line-height: 1.7 !important;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}
/* FOCUS. Live Bootstrap 4.4.1 `.form-control:focus` verbatim. Staged sst-styles.css:3447 / :3638 (!important), :3620. */
#main .form-control:focus { color: #495057 !important; background-color: #fff !important; border-color: #80bdff !important; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }
/* PLACEHOLDER. Live css/tlc-styles.css:889-893 verbatim. Staged sst --InputPlaceholder* rules and Bootstrap 5.1.3
   `.form-floating > .form-control::placeholder {color:transparent}` (blanked "Chief Concern"). */
#main .form-control::placeholder {
	color: var(--color3lf4, #777777);
	opacity: 0.4;
	font-weight: 300;
}
/* TEXTAREA. Live css/tlc-standards.css:1532-1535 and :1021 (.min-height200). Staged sst-styles.css:3497-3499 260px !important. */
#main textarea.form-control { height: auto !important; min-height: 280px !important; }
#main textarea.form-control.min-height200 { min-height: 200px !important; }
/* DATE. Live Bootstrap 4.4.1 `input[type=date].form-control {-webkit-appearance:listbox}`. */
#main input[type="date"].form-control { -webkit-appearance: listbox; appearance: listbox; }
/* DATE FIELD PARTS. Live: no author rule; the UA pads each date field 1px and the separator takes the input's ink
   (measured on /contact-us/appointment-request: padding 1px, separator rgb(73,80,87)). Staged: Bootstrap 5.1.3 reboot
   `::-webkit-datetime-edit-day-field, -month-field, -year-field ... {padding:0}` and sst-styles.css:3556
   `input::-webkit-datetime-edit-text {color: var(--flexwhite2) !important}` (rgba(0,0,0,.2), pale slashes). */
#main input[type="date"]::-webkit-datetime-edit-text { color: inherit !important; }
#main input[type="date"]::-webkit-datetime-edit-day-field,
#main input[type="date"]::-webkit-datetime-edit-month-field,
#main input[type="date"]::-webkit-datetime-edit-year-field { padding: 1px; }
/* FILE. Live: UA file input (inline, no border, no fill). Staged sst-styles.css:4783-4803 (block, 100%, border/fill
   !important, margin 10/20px, button padding 15px 50px). */
#main input[type="file"]::-webkit-file-upload-button { padding: 1px 6px; }
#main input[type="file"] { display: inline-block; width: auto; margin: 0; font-size: 100%; line-height: inherit; color: inherit; border: 0 !important; border-radius: 0; background-color: transparent !important; }
/* CHECKBOX / RADIO. Live = MDB pseudo-element controls (css/mdb.min.css:45) + css/tlc-standards.css:1415-1525.
   Staged sst-styles.css:3750-3960 (checkbox) / :4280-4420 (radio), mostly !important; :3802 `display:none !important`
   takes the real input out of the tab order (live keeps it focusable at opacity 0). */
#main label.form-check-label { text-transform: capitalize !important; color: var(--color3) !important; }
#main .form-check-input[type="checkbox"], #main .form-check-input[type="radio"] { display: inline-block !important; position: absolute; pointer-events: none; opacity: 0; }
#main .form-check-input[type="checkbox"] + label, #main .form-check-input[type="radio"] + label {
	position: relative;
	display: inline-block !important;
	height: 2.4rem;
	min-height: 0;
	padding: 0 20px 0 45px !important;
	margin: 0 !important;
	line-height: 1.5625rem !important;
	font-size: 1.4rem;
	vertical-align: baseline;
	cursor: pointer;
}
#main .form-check-input[type="checkbox"] + label:before, #main .form-check-input[type="checkbox"]:not(.filled-in) + label:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 22px;
	height: 22px;
	margin: 0 !important;
	margin-top: 0.8px !important;
	content: "";
	border: 1.5px solid var(--labelTag, #999999);
	background-color: transparent !important;
	border-radius: 1px;
	transform: none;
}
#main .form-check-input[type="checkbox"]:not(.filled-in) + label:after { border: 0; transform: scale(0); }
#main .form-check-input[type="checkbox"]:checked + label:before {
	top: 0; left: 0; width: 22px; height: 22px; margin-top: 0.8px !important;
	border: 1.5px solid var(--labelTag, #999999);
	background-color: var(--color1) !important;
	transform: none;
}
#main .form-check-input[type="radio"] + label:before, #main .form-check-input[type="radio"] + label:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 24px;
	height: 24px;
	margin: 0 !important;
	content: "";
	border-radius: 50%;
	border: 1.5px solid var(--labelTag, #999999);
	box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
	background-color: transparent;
	transform: scale(1);
}
#main .form-check-input[type="radio"] + label:before { content: "" !important; display: block !important; }
#main .form-check-input[type="radio"]:checked + label:after { transform: scale(1.02); background-color: var(--color1) !important; }

/* ---- HOME BILLBOARD SLIDER (bxSlider) ---- */
/* BXSLIDER BASE. Live loads cdnjs bxslider 4.2.15 jquery.bxslider.min.css; the TLC5 chain does not, so the arrows fall
   into flow under the slider and the pager dots stack at the left. That file's declarations verbatim, minus every
   property css/tlc-3rdparty.css (live) / sst-3rdparty.css (staged) already sets. z-index = live css/tlc-3rdparty.css:
   232-237 (1000000) over staged sst-3rdparty.css:469-474 (1000), same selector, later. Pager bottom = live
   css/tlc-3rdparty.css:179-185 (10px) over sst-3rdparty.css:421-427 (25px). */
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 32px; height: 32px; z-index: 1000000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; margin: 0 5px; outline: 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 10px; }
/* ARROW GLYPH. Live: FA Pro webfont <i class="fal fa-angle-left fa-5x"> (96px) overflowing its 32px link. Staged
   sst-styles.css:1286 `svg {max-height:100% !important}` (0,0,1) clamps the kit <svg> to 32px. (0,2,2) !important. */
.bx-wrapper .bx-controls-direction a svg { max-height: none !important; }
/* PAGER DOTS. Live css/tlc-3rdparty.css:186-198 border / active fill var(--color2). Staged sst-3rdparty.css:428-441
   var(--attention) !important (0,3,1)/(0,4,1) = gold. (0,4,1)/(0,5,1) !important. */
.bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link { border-color: var(--color2, #a1a1a1) !important; }
.bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active { background-color: var(--color2, #a1a1a1) !important; }
/* SLIDER HOVER. Live css/tlc-3rdparty.css:200-204 `.bx-wrapper .bx-pager.bx-default-pager a:hover` (its last
   declaration, background-color: white, wins; it also follows the .active rule, so a hovered active dot is white too) and
   :224-228 `.bx-next:hover, .bx-prev:hover {color: var(--color2)}`. Staged sst-3rdparty.css:442-444 `a:hover
   {background-color: var(--color1) !important}` (0,4,1) and :458-462 `{color: var(--attention) !important}` (0,3,1) = gold
   arrows. (0,5,1) after the active rule / (0,4,1), !important. */
.bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link:hover { background-color: white !important; }
.bx-wrapper .bx-controls-direction a.bx-next:hover, .bx-wrapper .bx-controls-direction a.bx-prev:hover { color: var(--color2, #a1a1a1) !important; }
/* SLIDE PADDING. Live: none. Staged sst-custom.css:452-454 `.bxslider .slide {padding:10px 2.75%}` (0,2,0). Later. */
.bxslider .slide { padding: 0; }
/* HIDDEN CAPTION PARTS. Live css/tlc-3rdparty.css:90-93 verbatim (the slider JS tags outgoing caption parts .off).
   Staged: none, and sst-3rdparty.css:671-677 `.bxslider > .slide .text img {display:block}` (0,3,1) -> last selector (0,5,0). */
.bxslider .animated.off, .bxslider .overlay.off, .bxslider .bgHolder.off, .bxslider .slide .text .animated.off { display: none; }
/* SLIDER H1. Live css/tlc-3rdparty.css:246-251 (4.85rem / 90%) and :260-266 (<=576 2.6rem). Staged sst-3rdparty.css:530 /
   :550 `.pageSlider h1.xxl {7rem / 6rem !important; line-height 6.85rem !important}` (0,2,1). (0,3,1) !important. */
.bxslider .slide .text h1 { font-size: 4.85rem !important; line-height: 90% !important; }
@media (max-width: 576px) { .bxslider .slide .text h1 { font-size: 2.6rem !important; line-height: 90% !important; } }
/* SLIDE IMAGE POSITION. Live css/tlc-3rdparty.css:129-137 `.cover.<Pos>` at every width. Staged sst-3rdparty.css:614-619
   (@max-width 576) `.bxslider > .slide .bgHolder {background-position:50% 40%}` (0,3,0). Slider only, (0,4,0). */
.bxslider .bgHolder.cover.Center {background-position: center center;}
.bxslider .bgHolder.cover.Left {background-position: left center;}
.bxslider .bgHolder.cover.Right {background-position: right center;}
.bxslider .bgHolder.cover.Top {background-position: center top;}
.bxslider .bgHolder.cover.Bottom {background-position: center bottom;}
.bxslider .bgHolder.cover.Left-Top  {background-position: left top;}
.bxslider .bgHolder.cover.Left-Bottom  {background-position: left bottom;}
.bxslider .bgHolder.cover.Right-Top  {background-position: right top;}
.bxslider .bgHolder.cover.Right-Bottom {background-position: right bottom;}
/* CAPTION STAGGER. Live css/mdb.min.css:39 (MDB's bundled animate.css) delay classes verbatim; the staged chain loads
   cdnjs animate.css 3.5.2, which has none, so every caption part enters at once. No staged rule competes. */
:where(#main, .billboard, #wrapper > section) .animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
:where(#main, .billboard, #wrapper > section) .animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
:where(#main, .billboard, #wrapper > section) .animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
:where(#main, .billboard, #wrapper > section) .animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
:where(#main, .billboard, #wrapper > section) .animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}


/* ===== SPEEDWAY DELTAS (measured on speedwaysportscomplex.com) ===== */
/* Measured 2026-10-11 MDT with 00_resources/ai-config/scripts/tlc5-text-census.mjs over 13 page families
   (receipt Spartan_www/speedway/_notes/tlc5/census-r1-1440.txt). Each rule restores the LIVE winner named beside it. */

/* LEGACY FADE/TINT TOKENS. Live: the in-body All-Styles.html :root block printed Speedway's legacy Brand Colors data
   (module 4853, deleted at Phase 8) as solid hexes; css/tlc-styles.css, tlc-standards.css, tlc-links.css,
   tlc-3rdparty.css read them (e.g. tlc-styles .color3lf3 {color: var(--color3lf3, #a0a0a0) !important}). The TLC5
   pipeline emits these names as alpha fades or color-mix() (--color3lf3 rgba(65,65,65,.3)) or not at all. Values are the
   live computed tokens at <main> (_dbg-tlc5-tokens.mjs). Declared on html:root (0,1,1) and on every ink context the
   pipeline re-points (sst-cm-variables-base.html :root/.onDrk/.onLt/.onMix/.onC1-5), at (0,1,1), because the pipeline's
   context blocks print in an inline <style> AFTER this sheet and win a (0,1,0) tie. ID Colors carries no lf/df fields, so these stay a site-layer bridge for the legacy sheets that read them. */
html:root, html :is(.onLt, .onDrk, .onMix, .onC1, .onC2, .onC3, .onC4, .onC5) {
  --color1l: #333333; --color1d: #121212; --color1xd: #000000;
  --color1lf1: #cccccc; --color1lf2: #999999; --color1lf3: #666666; --color1lf4: #333333;
  --color1df1: #313131; --color1df2: #646464; --color1df3: #979797; --color1df4: #cdcdcd;
  --color2l: #f50b2c; --color2d: #ff072a; --color2xd: #a20017;
  --color2lf1: #f9ced4; --color2lf2: #f79daa; --color2lf3: #f26c7f; --color2lf4: #ee3b55;
  --color2df1: #4b1e24; --color2df2: #731926; --color2df3: #9a1427; --color2df4: #c20f29;
  --color3l: #575757; --color3d: #353535; --color3xd: #222222;
  --color3lf1: #f5f5f5; --color3lf2: #ececec; --color3lf3: #a0a0a0; --color3lf4: #717171;
  --color3df1: #262626; --color3df2: #333333; --color3df3: #808080; --color3df4: #bfbfbf;
}

/* MAIN NAV SIZE. Live css/tlc-hfnav.css:1199-1205 `.main_menu .navbar-nav {font-size: var(--MobileNavFontSize, 85%)
   !important}` with --MobileNavFontSize declared EMPTY on live -> invalid -> inherit (16.32px). The TLC5 Layout row sends
   .95rem (15.35px). (1,2,1) !important beats (0,2,0) !important. */
#second.navbar .main_menu .navbar-nav { font-size: inherit !important; }
/* MAIN NAV ITALIC. Live: the links inherit `.main_menu .navbar-nav {font-style: italic}` (tlc-hfnav.css:1203). Staged
   sst-styles.css `a, a:link, ... {font-style: normal}` (0,1,1) sets it on the link. (1,2,1). */
#second .navbar-nav a.nav-link { font-style: inherit; }
/* MAIN NAV ACTIVE ITEM — replaced 2026-10-11 by the server-marked rule in the r12 block at the end of this file (the
   `:not(.dropdown)` approximation missed the dropdown parent live DOES box on its own page, /contact-us/index). */

/* HEADINGS INSIDE A LINK (Speedway values). Live css/tlc-links.css:9-18 (every h1-h6 and .hN) = font-weight 900, italic.
   Staged sst-styles.css `a .color1 ... {font-weight: normal; font-style: normal}` (0,1,1) beats them inside a card link,
   and the Webb block above sets oblique (Webb's own legacy value). Same (0,1,1), later source. */
:where(#main, .billboard, #wrapper > section) a :is(h1, .h1, .head1, h2, .h2, .head2, h3, .h3, .head3, h4, .h4, .head4, h5, .h5, .head5, h6, .h6, .head6) { font-weight: 900; font-style: italic; }
/* FONT CLASS ON A HEADING. Live css/tlc-hfnav.css:36-47 `.font1/.font3 {font-family: var(--fontN) !important}` set the
   FAMILY only; the heading rule above gave weight 900 + italic. Staged shared sst-fonts.css:116-135 `.font1, .font3
   {font-weight: var(--fontNWeight) !important; font-style: var(--fontNStyle) !important}` (0,1,0). (0,2,0) !important. */
:where(#main, .billboard, #wrapper > section) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):is(.font1, .font2, .font3, .font4) { font-weight: 900 !important; font-style: italic !important; }
/* FONT CLASS INSIDE A HEADING (the "PLAY SPORTS" separator: h4 > span > div.font1 > p > span.text). Live: .font1 sets
   the family only, so the div inherits the h4's 900 italic. Staged sst-fonts.css (0,1,0) !important. (0,2,0) !important. */
:where(#main, .billboard, #wrapper > section) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) :is(.font1, .font2, .font3, .font4) { font-weight: inherit !important; font-style: inherit !important; }

/* TAGS + LABELS INK. Live: --labelTag is empty, so css/tlc-standards.css:451-469 `color: var(--labelTag, #999999)`
   is invalid -> inherit (the block ink, color3 #414141). The Webb block above pins Webb's color2. Same selectors, later. */
:where(#main) :is(.tag-xxxs,.tag-xxs,.tag-xs,.tag-sm,.tag-md,.tag,.tag-lg,.tag-xl,.tag-xxl,.tag-xxxl,
.tag1-xxxs,.tag1-xxs,.tag1-xs,.tag1-sm,.tag1-md,.tag1,.tag1-lg,.tag1-xl,.tag1-xxl,.tag1-xxxl,
.tag2-xxxs,.tag2-xxs,.tag2-xs,.tag2-sm,.tag2-md,.tag2,.tag2-lg,.tag2-xl,.tag2-xxl,.tag2-xxxl), :where(#main) label { color: inherit; }
/* Footer tag ("Phone"). Live #999999 (css/tlc-hfnav.css footer tag ink). Staged sst-hfnav.css `#footer label, #footer
   .tag* {color: var(--FooterFontColorH1H6)}` (1,1,0). (1,1,1). */
#footer div.tag, #footer span.tag { color: #999999; }
/* FORM CHECK LABELS. Live css/tlc-standards.css (uppercase, like the tags). The Webb block above pins Webb's capitalize. */
#main label.form-check-label { text-transform: uppercase !important; }

/* SECONDARY BUTTON GROUND. Live css/tlc-links.css:676-679 `.btn-secondary ... {background-color:
   var(--buttonColorSecondary) !important}` = Speedway red (color2, measured rgb(234,10,42)). The Webb block above falls
   back to Webb's color1. Same selector, later. */
#main .btn-secondary, #main .btn-color2, #main .btn-footer { background-color: var(--buttonColorSecondary, var(--color2)) !important; }
/* COUNTER DIGITS. Live: normal letter-spacing (the Webb block above carries Webb's -0.225rem). */
:where(#main) span.value.counter { letter-spacing: normal !important; }
/* COUNTER INK. Live mdb.min.css `.text-light {color: var(--color3lf2, #ececec) !important}` (Speedway's MDB build) ->
   rgb(236,236,236). The Webb block above sets white. Same selector, later. */
:where(#main) .text-light { color: #ececec !important; }

/* LOST & FOUND (minor bar). Live css/tlc-links.css `.btn.btn-xxs {font-size: .7rem}` + Bootstrap 4 `.btn {line-height:
   1.5}`. Staged sst-styles.css `.btn.btn-xxs {font-size: .8rem !important}` (0,2,0). (1,2,0) !important. */
#first .btn.btn-xxs { font-size: 0.7rem !important; line-height: 1.5; }

/* EVENT FILTER BUTTONS. Live css/tlc-links.css `.btn.btn-xs {font-size: 1rem}`. Staged sst-styles.css `#filters .btn.btn-xs
   {font-size: 80% !important}` (1,2,0). (1,2,1) !important. */
#main #filters .btn.btn-xs { font-size: 1rem !important; }

/* SLIDER H1 (Speedway values). Live css/tlc-3rdparty.css:208-213 `.bxslider .slide .text h1 {font-size: 4.5rem;
   line-height: 90%}` and :224-229 (<=576 2.6rem). The Webb block above pins Webb's 4.85rem. Same selector, later. */
.bxslider .slide .text h1 { font-size: 4.5rem !important; line-height: 90% !important; }
@media (max-width: 576px) { .bxslider .slide .text h1 { font-size: 2.6rem !important; line-height: 90% !important; } }

/* SLIDER BOTTOM MARGIN. Live cdnjs jquery.bxslider.min.css 4.2.15 `.bx-wrapper {margin-bottom: 60px}` (Speedway's
   tlc-3rdparty.css does not override it). Staged sst-custom.css `.bx-wrapper {margin-bottom: 0px}` (0,1,0). Same
   selector, later source; any more specific live override in tlc-3rdparty.css still wins. Measured: home hero 60px. */
.bx-wrapper { margin-bottom: 60px; }

/* CHECKBOX / RADIO (Speedway values). Live css/tlc-standards.css:1380-1470 — label height 2.8rem (Webb 2.4rem),
   checkbox box border 1.5px var(--color1), checked fill var(--color2), radio ring 1px var(--color1xl), checked dot
   var(--color2) with a 1px var(--color1) ring. The Webb block above carries Webb's values on the same #main selectors;
   same selectors, later source (and !important where Webb's is). */
#main .form-check-input[type="checkbox"] + label, #main .form-check-input[type="radio"] + label { height: 2.8rem; }
#main .form-check-input[type="checkbox"] + label:before { border: 1.5px solid var(--color1); }
#main .form-check-input[type="checkbox"]:checked + label:before { border: 1.5px solid var(--color1); background-color: var(--color2) !important; }
#main .form-check-input[type="radio"] + label:before, #main .form-check-input[type="radio"] + label:after { border: 1px solid var(--color1xl); }
#main .form-check-input[type="radio"]:checked + label:after { background-color: var(--color2) !important; border: 1px solid var(--color1); }
#main .form-group > label, #main .item > label { color: var(--color2); }

/* Remaining Webb-vs-Speedway legacy value differences, found by css-rule-diff.py (Webb legacy sheets vs Speedway's,
   intersected with the selectors the Webb block above re-asserts). Speedway's live values. */
#main .form-control::placeholder { color: var(--color1lf4, #777777); }          /* tlc-styles.css .form-control::placeholder */
#main .btn.btn-lg, #main .btn-lg { margin: 0; margin-bottom: 1.75rem; }         /* tlc-links.css .btn.btn-lg {margin: 0; margin-bottom: 1.75rem} */
.bx-wrapper .bx-controls-direction a { z-index: 1000; }                          /* tlc-3rdparty.css (Webb's was 1000000) */

/* PAGE GROUND. Live: angular-material.min.css `html, body {height: 100%; position: relative}` (body = one viewport tall)
   + AngularJS Material's injected theme style `html {background-color: rgb(250,250,250)}` + Bootstrap 4 `body
   {background-color: #fff}`, so the first screen is white and everything past it shows the html's #fafafa. The TLC5
   chain loads neither (html/body transparent; the Webb block above sets height:auto). Live values, (0,1,1)/(0,0,2). */
html:root { height: 100% !important; position: relative; }
/* NOT carried: the html #fafafa. It is AngularJS Material's runtime theme injection and appears only on pages that
   bootstrap an Angular Material component (the forms); elsewhere live html is transparent and the body white reaches
   the canvas, which is what lets the footer's z-index:-3 .bg-Footer-image double its dark layer. Painting html
   everywhere put the body's own white box over that layer (footer #3e3e3e instead of #202020, measured on
   /news/news-item1). Declared residual: form pages show #fff instead of #fafafa past the first screen. */
html body { background-color: #fff; height: 100% !important; position: relative; }

/* SIZE UTILITIES 10-90. Live css/tlc-standards.css `.width80 {width: 80%}` (and height/min/max 10..90) are PERCENT;
   shared sst-styles.css redefines the same class names as PIXELS with !important (`.max-width80 {max-width: 80px
   !important}`), which shrank the events-custom sponsor logo 276 -> 80px. Legacy values, same (0,1,0) !important,
   later source. Public pages only (this sheet). */
.height10 { height: 10% !important; }
.height20 { height: 20% !important; }
.height30 { height: 30% !important; }
.height40 { height: 40% !important; }
.height50 { height: 50% !important; }
.height60 { height: 60% !important; }
.height70 { height: 70% !important; }
.height80 { height: 80% !important; }
.height90 { height: 90% !important; }
.max-height10 { max-height: 10% !important; }
.max-height20 { max-height: 20% !important; }
.max-height30 { max-height: 30% !important; }
.max-height40 { max-height: 40% !important; }
.max-height50 { max-height: 50% !important; }
.max-height60 { max-height: 60% !important; }
.max-height70 { max-height: 70% !important; }
.max-height80 { max-height: 80% !important; }
.max-height90 { max-height: 90% !important; }
.min-height10 { min-height: 10% !important; }
.min-height20 { min-height: 20% !important; }
.min-height30 { min-height: 30% !important; }
.min-height40 { min-height: 40% !important; }
.min-height50 { min-height: 50% !important; }
.min-height60 { min-height: 60% !important; }
.min-height70 { min-height: 70% !important; }
.min-height80 { min-height: 80% !important; }
.min-height90 { min-height: 90% !important; }
.max-width10 { max-width: 10% !important; }
.max-width20 { max-width: 20% !important; }
.max-width30 { max-width: 30% !important; }
.max-width40 { max-width: 40% !important; }
.max-width50 { max-width: 50% !important; }
.max-width60 { max-width: 60% !important; }
.max-width70 { max-width: 70% !important; }
.max-width80 { max-width: 80% !important; }
.max-width90 { max-width: 90% !important; }
.min-width10 { min-width: 10% !important; }
.min-width20 { min-width: 20% !important; }
.min-width30 { min-width: 30% !important; }
.min-width40 { min-width: 40% !important; }
.min-width50 { min-width: 50% !important; }
.min-width60 { min-width: 60% !important; }
.min-width70 { min-width: 70% !important; }
.min-width80 { min-width: 80% !important; }
.min-width90 { min-width: 90% !important; }
.width10 { width: 10% !important; }
.width20 { width: 20% !important; }
.width30 { width: 30% !important; }
.width40 { width: 40% !important; }
.width50 { width: 50% !important; }
.width60 { width: 60% !important; }
.width70 { width: 70% !important; }
.width80 { width: 80% !important; }
.width90 { width: 90% !important; }

/* GO BACK. Live css/tlc-styles.css:479-489 `.goBack {font-size: 90%}` + `.goBack a {padding: 15px; margin-left: -15px}`
   (link inherits the 90%). Staged sst-styles.css `.goBack a, .goBack a:link {font-size: 80%; margin: 0 25px 0 0}`. */
#main .goBack { font-size: 90%; margin: 5px 0px; color: inherit !important; }   /* sst-styles.css .goBack {color: var(--flexcolor2) !important}; live inherits the body ink */
#main .goBack a, #main .goBack a:link, #main .goBack a:visited { font-size: inherit; margin: 0 0 0 -15px; }

/* MAIN-NAV DROPDOWN (open state; static screenshots never show it). Live: mdb.min.css `.navbar .dropdown-menu a
   {font-weight: 300}` and `.dropdown .dropdown-menu {padding: .5rem}`; item line-height inherits 1.15 (Bootstrap 4 html).
   Staged: the items inherit the menu's 900 (Webb block `#second a {font-weight: inherit}`), sst-hfnav.css
   `.navbar .dropdown-menu {padding: 0 6px}` (0,2,0) and `div.drop-down.dropdown-menu ul li.nav-item > a.nav-link
   {line-height: 1.4rem !important}` (0,4,4). Item ink/size now come from ID Styles - Color MainNavSubFontColor 'white'
   and ID Styles - Layout MainNavSubFontSize '.9rem' (data, 2026-10-11). */
#second .dropdown-menu a { font-weight: 300; }
#second .navbar-nav .dropdown .dropdown-menu { padding: .5rem; min-width: 10rem; }   /* Bootstrap 4 min-width 10rem; sst-hfnav.css `.navbar .dropdown-menu {min-width: 13rem}` (0,2,0) */
#second div.drop-down.dropdown-menu ul li.nav-item > a.nav-link { line-height: 1.15 !important; }
/* MAIN-NAV HOVER BOX. Live css/tlc-hfnav.css:1219-1222 `.main_menu .navbar-nav > li.nav-item a:hover {background-color:
   rgba(255,255,255,.075) !important}`. Staged sst-custom.css `.navbar-dark .navbar-nav a:hover .nav-link, ...
   {background-color: transparent !important}`. (1,4,2) !important. */
#second .main_menu .navbar-nav > li.nav-item a:hover { background-color: rgba(255, 255, 255, 0.075) !important; }

/* H1.XS (organization pages). Live: no legacy rule sizes `.xs` on a body h1, so it keeps css/tlc-links.css h1 4.25rem
   (3.25rem <=992). Staged sst-styles.css `h1.xs, .h1.xs {font-size: 4rem}` (0,1,1). (0,2,0). */
:where(#main) :is(h1, .h1).xs { font-size: 4.25rem; line-height: 100%; }
@media (max-width: 992px) { :where(#main) :is(h1, .h1).xs { font-size: 3.25rem; } }
/* DISPLAY LINE. Live: no rule on .displayLineContainer (margins 0 unless a .bottomN utility, inherited type). Staged
   sst-styles.css `.displayLineContainer {margin: 20px 0 40px 0; font-size: 75%; line-height: 150%}` (0,1,0): +46px on
   every organization page. Same selector, later; .bottom10 etc. (!important) still win. */
:where(#main) .displayLineContainer { margin-top: 0; margin-bottom: 0; font-size: inherit; line-height: inherit; }
/* FOOTER INK. Live: footer text inherits [id="footer"] {color: var(--FooterFontColor)} = #999999 (ID Styles - Color
   FooterFontColor). Staged: the TLC5 ink detector tags the footer's inner block .onDrk, whose inline context rule
   `.onDrk {color: var(--FontColor)}` paints rgba(255,255,255,.92). (1,1,0). Parity with live; Craig ruled the TLC5 white
   ink for WebbOrtho (2026-10-10) — not applied here without his word. */
#footer .onDrk, #footer.onDrk { color: inherit; }

/* SECTION SIZE CLASSES. Live: Speedway's legacy sheets define no section.xxs..xxl, so a <section class="xs"> is
   unpadded. Staged sst-custom.css:382-388 / sst-styles.css:9087-9107 `section.xs {padding: 10px 0}` ... `section.xxl
   {padding: 200px 0}` (0,1,1) beat the Webb section reset above (0,0,1). Same (0,1,1), later source. */
:where(#main, .billboard) section:is(.xxs, .xs, .sm, .md, .lg, .xl, .xxl),
section:where(#wrapper > *):is(.xxs, .xs, .sm, .md, .lg, .xl, .xxl) { padding-top: 0; padding-bottom: 0; }

/* RESPONSIVE MAX-WIDTH UTILITIES. Live: Bootstrap 4.4.1 has only `.mw-100`; `.mw-md-80`, `.mw-xl-70` etc. (16 uses in the
   module layouts, e.g. the home "2023" video block) do not exist there, so those blocks render full width. Staged
   sst-styles.css defines them (`.mw-xl-70 {max-width: 70% !important}` @1200), shrinking the home video 666 -> 476px.
   Live value (100%), same (0,1,0) !important, later source, all widths. Public pages only. */
:where(#main, .billboard, #wrapper > section) :is(.mw-md-80, .mw-md-90, .mw-md-100, .mw-xl-70, .mw-xl-80, .mw-xl-90, .mw-xl-100) { max-width: 100% !important; }

/* ===== SPEEDWAY DELTAS r12 — 2026-10-11 MDT. Found by tlc5-elem-diff.mjs (every element, live vs ?tlc5=preview, 14 pages
   x 1440/375, _notes/tlc5/ed-r1/) and checked against screenshots. Live values; each names the live rule it restores. ===== */

/* NAV ACTIVE BOX = the item the SERVER marked. Live mdb.min.css `.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link
   {background-color: rgba(255,255,255,.1)}` boxes exactly the li the menu layout printed as `class=" active nav-item…"`
   (Contact Us on /contact-us/index, Events + Basketball on /site/events-basketball, About Us in the minor bar). The TLC5
   footer script also marks parents of an active child (classList.add -> appended, so the attribute no longer starts with
   " active"); live never boxed those. Replaces the r11 `:not(.dropdown)` approximation. (1,5,0)/(1,4,0) !important beats
   sst-custom.css (0,5,0) !important. The r11 rule further up is replaced by this one (same block, edited in place). */
#second.navbar.navbar-dark .navbar-nav .nav-item[class^=" active"] > .nav-link,
#first.navbar .navbar-nav .nav-item[class^=" active"] > .nav-link { background-color: rgba(255,255,255,0.1) !important; }

/* MINOR BAR SIDE PADDING. Live css/tlc-hfnav.css:906 `.navbar {padding: 0.5rem 1rem}` (16.16px). The r11 block above
   carried WebbOrtho's 0rem. Same selector + media, later source. */
@media (min-width: 576px) { .navbar.bg-Minor { padding: 0.5rem 1rem; } }

/* H1 AFTER A TAG LINE. Live css/tlc-links.css `h1 {margin-bottom: 1.13rem}` (18.26px) — the later of the two live h1
   rules; the r11 block above used tlc-custom.css's earlier 1rem. Same selector, later. */
:where(#main) span + h1 { margin-bottom: 1.13rem; }

/* SM BUTTON MARGIN. Live css/tlc-links.css `.btn.btn-sm, .btn-sm {margin: 0}`; the r11 block carried Webb's .15rem
   (+4.8px on every home hero/section button holder). Same selector, later. */
:where(#main, .billboard, #wrapper > section) .btn.btn-sm,
:where(#main, .billboard, #wrapper > section) .btn-sm,
:where(#main, .billboard, #wrapper > section) .btn-sm-2x { margin: 0; }

/* DISPLAY LINE ON PHONES. sst-styles.css `@media (max-width:992px) {.displayLineContainer {margin: 15px 0 30px 0
   !important}}` (0,1,0); live has no rule (utilities like .bottom10 set the bottom). +5px on every organization page at
   375. (0,1,0) !important, later; .bottomN (!important, earlier) still wins the bottom where present. */
@media (max-width: 992px) {
  :where(#main) .displayLineContainer { margin-top: 0 !important; }
  :where(#main) .displayLineContainer:not([class*="bottom"]) { margin-bottom: 0 !important; }
}

/* TAG LINE INSIDE A LINK. sst-styles.css `a .color2 {margin: 0 0px}` (0,1,1) beats the non-!important tlc-standards.css
   utilities `.top15/.top30/.top40` (0,1,0); live has no such rule. /site/sponsors "Proud Sponsor since …" 15 -> 0px
   (-9px per tile). The utilities that occur with color2 in this site's markup, restored at (0,2,1). */
:where(#main) a .color2.top15 { margin-top: 15px; }
:where(#main) a .color2.top30 { margin-top: 30px; }
:where(#main) a .color2.top40 { margin-top: 40px; }

/* BULLET LISTS. Live: ul.bullets is a plain block list (UA `li {display: list-item}`, line-height inherit via
   tlc-styles.css `li {line-height: inherit}`, no padding); the "• " is live's own ::before, inline. sst-styles.css
   `ul.bullets {display:flex !important}` + `ul.bullets li {display:flex !important; padding:0 0 5px 0; line-height:135%}`
   (+10px per list on organization pages, bullet on its own flex row). (0,1,1)/(0,1,2) !important, later. */
:where(#main) ul.bullets { display: block !important; }
:where(#main) ul.bullets li { display: list-item !important; padding-bottom: 0; line-height: inherit; }

/* BOOTSTRAP 4 GRID SEMANTICS for legacy markup. Bootstrap 5 `.row > * {flex-shrink:0; width:100%; max-width:100%;
   padding-left/right: calc(var(--bs-gutter-x)*.5)}` also hits children that are NOT columns (a <p> or <ul> written
   straight into a .row); Bootstrap 4 gave those nothing, so they sat side by side at their own width
   (/organizations/pickleball-lincoln: label + bullets on one line, +83px when stacked). Non-column children only. */
:where(#main) .row > :not([class^="col"]):not([class*=" col"]) { flex-shrink: 1; width: auto; max-width: none; padding-left: 0; padding-right: 0; }

/* COURTS / FIELDS CARD. Live css/tlc-custom.css `.cardBlock-item {padding: 20px}` (<=768: `.xlr/.xll .cardBlock-item
   {padding: 30px 0px}`); sst-styles.css `.xlr .cardBlock-item,
   .xll .cardBlock-item {padding: 15px 40px 20px 40px}` (0,2,0). Same weight, later. (Left/right then go to 0 by the
   .no-gutters shim below, as live.) */
:where(#main) :is(.xll, .xlr) .cardBlock-item { padding: 20px; }
@media (max-width: 768px) { :where(#main) :is(.xll, .xlr) .cardBlock-item { padding: 30px 0px; } }   /* tlc-custom.css :52-55 */

/* BOOTSTRAP 4 CLASSES this site's page markup still uses (Bootstrap 5 dropped them). Bootstrap 4.4.1 rules, page body only
   (the TLC5 header/footer are Bootstrap 5 markup). */
:where(#main) .no-gutters { margin-right: 0; margin-left: 0; }
:where(#main) .no-gutters > .col, :where(#main) .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
:where(#main) .text-left { text-align: left !important; }
:where(#main) .text-right { text-align: right !important; }

/* TESTIMONIAL (home). Live: div.testimonial inherits the page type (16.32px / 24.48px); sst-styles.css `.testimonial
   {font-size: 1.4rem; line-height: 160%}` (1.35rem below 576). The r11 block covered only h6.testimonial. (0,1,1). */
:where(#main) div.testimonial { font-size: inherit; line-height: inherit; }

/* EVENT FILTER BUTTONS (home, /site/events-*). Live css/tlc-links.css `.btn.btn-xs, .btn-xs {padding: .75rem 1.75rem;
   margin: 0}` + mdb.min.css `.btn-group>.btn:not(:first-child) {margin-left: -.375rem}` + Bootstrap 4 active border
   #005cbf. sst-styles.css `#filters .btn.btn-xs, .btn-group button.btn-xs {padding: 10px 18px !important}` (12px 8px
   below 576) and `.btn-group button.btn-xs {margin: 0 -5px 5px 0 !important}`. (2,2,0)/(2,3,0) !important. */
#main #filters .btn.btn-xs { padding: .75rem 1.75rem !important; margin: 0 !important; }
#main #filters .btn.btn-xs:not(:first-child) { margin-left: -.375rem !important; }
#main #filters .btn.btn-primary.active { border-color: #005cbf; }

/* FORM PAGE GROUND. Live: AngularJS Material injects `html {background-color: rgb(250,250,250)}` on the pages that
   bootstrap an Angular app — measured: only the date-picker forms (ng-app="datepickerValidations"); about, contact,
   lost & found stay transparent. The r11 note declared this a residual after a blanket html rule broke the news footer;
   scoping it to the same pages live paints is exact. */
html:has([ng-app]) { background-color: rgb(250, 250, 250); }

/* FOOTER TOP RULE. sst-hfnav.css `.bg-Footer-image {border-top: 3px solid var(--color1xl)}`; live has none. Same
   selector, later. */
.bg-Footer-image { border-top: 0; }

/* BORDERED BOXES (sponsor/organization logo frames, cards). Live Bootstrap 4 `.border {border: 1px solid #dee2e6
   !important}`; sst-styles.css `.border {border-color: <empty> !important}` -> rgba(0,0,0,.2). (1,1,0) !important. */
#main .border { border-color: #dee2e6 !important; }

/* WHITE TEXT BLOCKS. Live: legacy `.white` / `.BgText.white` heroes (facilities, …) pass white to everything inside.
   TLC5 sst-cm-detect-color marks transparent sections `.onLt` (it falls through to the white page) and `.onLt {color:
   var(--FontColor)}` re-darkens them: the "SPEEDWAY SPORTS COMPLEX" tag over the courts photo went #414141 on dark.
   Inside a .white block the context class keeps the inherited ink. (0,2,0). */
:where(#main) .white :is(.onLt, .onDrk, .onMix, .onC1, .onC2, .onC3) { color: inherit; }

/* SYSTEM PAGES (platform markup: reset password, email confirmation, error, form results, quote, checkout). Live = the
   platform's own /cms-assets/css/main.css `.system_page {padding: 60px 10px; font-size: 14px}` and `.cms_ecommerce
   input[type=text]… {padding: 15px 22px 12px; font-size: 16px}` (also .system_form). sst-styles.css restyles them:
   `.system_page {padding: 0; font-size: inherit}` and `input[type='text'], input[type="text"]:not(.browser-default)
   {height: 4.5rem !important; line-height: 4.5rem !important; font-size: 1.25rem !important; padding-left: 10px}`
   (quote +94px). Platform values restored. The SST sign-in pages use .sys-page.tlcsi-page, not .system_page, and /ops
   never loads this sheet. */
.system_page { padding: 60px 10px; font-size: 14px; }
:is(.system_page, .system_form, .cms_ecommerce) :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"]) {
  height: auto !important; line-height: inherit !important; font-size: 16px !important; padding: 15px 22px 12px;
}

/* THANK-YOU / SYSTEM SECTION (form-submission-results). Live: no rule on .system-section (sst-3rdparty.css adds
   padding-bottom 50px); mdb.min.css `.jumbotron {box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   border-radius: .125rem}`; a size-less .btn = mdb.min.css `.btn {margin: .375rem}` + tlc-links.css `.btn {margin-bottom:
   .75rem}` (sst-styles.css `a, a:link {margin: 0 0px}` (0,1,1) zeroes it). Live values. */
:where(#main) .system-section { padding-bottom: 0; }
:where(#main) .jumbotron { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border-radius: .125rem; }
:where(#main) a.btn:not(.btn-xxs):not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-xl) { margin: 0 .375rem .75rem .375rem; }

/* FORM-GROUP SPACING UTILITIES. Live tlc-standards.css `.bottom5 {margin-bottom: 5px !important}` / `.bottom20
   {margin-bottom: 20px}` on the two form groups that carry one (Lost & Found Location, …); the Webb block's
   `#main .form-group {margin-bottom: 1rem !important}` (1,1,0) out-ranks them. (1,2,0) !important. */
#main .form-group.bottom5 { margin-bottom: 5px !important; }
#main .form-group.bottom20 { margin-bottom: 20px !important; }

/* EVENT FILTER GROUP. Live: the group inherits the page size and has no margin; sst-styles.css `#filters.btn-group
   {font-size: 90% !important; margin-right: 10px}` (1,1,0) — 10px narrower at 375, inline gaps shrink. (1,2,0) !important. */
#main #filters.btn-group { font-size: inherit !important; margin-right: 0; }
/* COUNTER DIGITS ON PHONES. Live tlc-links.css `@media (max-width:768px) {.h1 {letter-spacing: -3px}}` reaches the
   counter digits (span.value.h1.counter); the r11 block pins `letter-spacing: normal !important` at every width. */
@media (max-width: 768px) { :where(#main) span.value.counter.h1 { letter-spacing: -3px !important; } }

/* ===== SPEEDWAY DELTAS r13 — 2026-10-11 09:05 MDT. Org-page residuals from fp-r12b (tlc5-sel-diff, live vs preview). ===== */

/* BODY WEIGHT 300. Live mdb.min.css `body {font-weight: 300}`; staged body is 400. Plain text renders the same (Gabarito
   loads only 400 + 800), but `strong {font-weight: bolder}` resolves from it: live bolder(300) = 400 (regular face),
   staged bolder(400) = 700 -> the 800 face. /organizations/people-s-city-mission: "Speedway Village" went extra-bold and
   the paragraph gained a line at 375 (220.4 -> 244.8px). Page body only; the TLC5 header/footer hold no strong/b. */
:where(#main, .billboard, #wrapper > section) { font-weight: 300; }

/* ORG SUBTITLE. Live h2 = 3rem (2rem <=992); sst-styles.css `h2.xxs, .h2.xxs, .head4.xxs {font-size: 2.5rem}` (0,1,1)
   shrinks the ORGANIZATIONS Page_Detail.html:329 subtitle (/organizations/rivalz 48.48 -> 40.4px). (0,2,0), later. */
:where(#main) :is(h2, .h2).xxs { font-size: 3rem; }
@media (max-width: 992px) { :where(#main) :is(h2, .h2).xxs { font-size: 2rem; } }

/* ===== SPEEDWAY DELTAS r14 — 2026-10-11 13:40 MDT. From fp-r14 + tlc5-elem-diff (checkout / quote / thankyou-contact @375). ===== */
/* Two corrections were made IN PLACE above rather than layered here:
   - FONT TOKENS. On the TLC5 chain --font1..4 are font SHORTHANDS (`400 normal 100%/1.3 'Gabarito', …`), so every carried
     `font-family: var(--fontN, …)` was invalid at computed-value time and fell back to INHERIT. Invisible under body
     (Gabarito), wrong inside the platform forms: /checkout and /quote h2.system_title inherited .cms_ecommerce Arial (live
     Gabarito). Renamed to the family twins --fontNFamily, which resolve to live's exact --fontN ('Gabarito', Arial,
     sans-serif, measured live vs preview).
   - MD BUTTON line-height 140% -> 1.5. Live is Bootstrap 4 `.btn {line-height: 1.5}` on every page that has a .btn-md
     (/thankyou-contact, /contact-us/lost-and-found, 404: 36.36px live vs 33.94px staged). */

/* PLATFORM FORM INPUTS. Live /cms-assets/css/main.css `.cms_ecommerce input[type=text], .system_form input[type=text] …
   {-webkit-border-radius: 0; border: 1px solid #cbcbcb; margin-bottom: 21px}`; sst-styles.css:3404 `input[type="text"]:not(
   .browser-default) {margin-bottom: 1.25rem; border-color: var(--InputBorderColor); border-radius: var(--InputBorderRadius)}`
   (0,2,1) beats it (/checkout, /quote: 20.2px, 4px, rgba(0,0,0,.25)). Platform values restored; same selector as the
   SYSTEM PAGES rule in r12, later. */
:is(.system_page, .system_form, .cms_ecommerce) :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"]) {
  margin-bottom: 21px; border-radius: 0; border-color: #cbcbcb;
  display: inline-block; color: revert; background-color: field;
  font-family: var(--font1Family, sans-serif) !important;
}
:is(.system_page, .system_form, .cms_ecommerce) :is(select, textarea) { font-family: var(--font1Family, sans-serif) !important; }
/* ^ Also live: UA inline-block / fieldtext (revert keeps the UA :disabled gray) / field (sst-styles.css:3404 block, --InputColor #212529, transparent), and the
   family from live tlc-3rdparty.css `input {font-family: var(--font1)}` = Gabarito; staged, the page's inline
   `input, select {font-family: inherit !important}` hands these controls the .cms_ecommerce Arial. (0,2,1) !important. */

/* PLATFORM SUBMIT (.system_button: /checkout, /quote, /request-reset-password). Live main.css `.cms_ecommerce
   .system_button, .system_page .system_button {background-color: #0091ea; box-shadow: 2px 2px 3px rgba(0,0,0,.3)}`, no
   hover rule. sst-styles.css:6259 `.system_button {background-color: var(--bs-success, #00b52b) !important}`, :6141
   `box-shadow: none !important`, :6280 hover #00C400 !important, :5902 hover-pop animation, `position: relative`.
   (0,2,0) !important beats the (0,1,0)/(0,2,0) !important SST rules. */
:is(.system_page, .system_form, .cms_ecommerce) .system_button,
:is(.system_page, .system_form, .cms_ecommerce) .system_button:hover {
  background-color: #0091ea !important; box-shadow: 2px 2px 3px rgba(0,0,0,.3) !important;
  font-family: var(--font1Family, sans-serif) !important; position: static; animation-name: none;
}

/* TABLE CELLS. Live mdb.min.css `table td {font-size: .9rem; font-weight: 300}` and UA `vertical-align: inherit`;
   sst-styles.css `table td {vertical-align: text-top}`. /checkout order summary: 16px / 600 (inherited) / text-top
   staged vs 14.54px / 300 / middle live. Same specificity as both, later. */
:where(#main) table td { font-size: .9rem; font-weight: 300; vertical-align: inherit; }

/* BS5-ONLY GRID UTILITY. Bootstrap 4.4.1 has no .d-grid / .gap-*, so on live the /contact-us/lost-and-found submit
   wrapper `div.top50.d-grid.gap-2.col-12` is a plain block with BS4 .col-12 padding 0 15px and an inline-block button;
   staged it is a grid and NOTIFY US stretches to the full width. (0,2,0) !important beats Bootstrap 5 `.d-grid
   {display: grid !important}`. */
:where(#main) .d-grid.col-12 { display: block !important; padding-right: 15px; padding-left: 15px; }

/* BARE IMAGES. sst-styles.css `img {margin: 0 auto}` (0,0,1) centers every block image narrower than its column; live has
   no margin rule on a bare img, so /events-custom/evolution-fright-fest-tournament img.bottom30 sat at the left edge
   (375: 0 vs 17.5px each side staged). Utilities (.mx-auto !important) and classed rules still win. (0,0,1), later. */
:where(#main) img { margin-left: 0; margin-right: 0; }