/* ==========================================================================
   DEPRECATED SUPPLEMENT. Most of this file was migrated into the ITCSS
   layer stack (static/css/manifest.css); see css/05-components.css and
   css/07-utilities.css. base.html still links this file because the rules
   below must stay UNLAYERED to preserve current rendering:

   Unlayered author styles beat layered ones. The lane stylesheets
   (lane-directory.css, lane-sourcing-os.css) are imported into the
   components layer AFTER 05-components.css and hold conflicting
   declarations for the selectors kept here. Moving any rule below
   into a layer flips the cascade winner:

   - tbody tr:hover        .table tbody tr:nth-child(even) (05) has higher
                           specificity; once layered, hover on striped rows
                           would show the stripe color, not brand-50.
   - .hero .eyebrow        lane-directory.css sets a mobile type floor on
                           this compound selector; once layered, the mobile
                           font-size would change from 0.8125rem to the
                           small token.
   - .empty .empty-title   lane-sourcing-os.css scoped rules
                           (.lane__cards .empty / .empty-title) would win
                           on specificity and restyle the empty state.
   - .o-stack sibling      lane-sourcing-os.css .lane__cards.o-stack > * + *
     rhythm rules          would win once layered, and a layered
                           .o-stack--lg rule would lose to the unlayered
                           base, so the whole rhythm block stays.

   Do not add new rules here. New styles belong in the css/ layer files.
   ========================================================================== */

/* table row hover (kept unlayered, see header) */
tbody tr:hover { background: var(--brand-50); }

/* hero eyebrow sizing (kept unlayered, see header) */
.hero .eyebrow { font-size: 0.8125rem; margin-bottom: var(--space-2); }

/* empty state base (kept unlayered, see header; .empty-actions moved to
   css/05-components.css) */
.empty { text-align: center; padding: var(--space-8) var(--space-4); color: var(--muted); border: 1px dashed var(--hairline); border-radius: var(--radius); background: var(--surface); }
.empty-title { font-family: var(--font-display); font-size: 1.125rem; font-weight: 600; color: var(--ink); margin-bottom: var(--space-1); }


/* o-stack rhythm (kept unlayered, see header; .o-stack base and the
   cluster/grid objects moved to css/05-components.css) */
.o-stack > * + * { margin-top: var(--space-4); }
.o-stack--lg > * + * { margin-top: var(--space-7); }
@media (max-width: 40rem) {
  .o-stack > * + * { margin-top: var(--space-3); }
  .o-stack--lg > * + * { margin-top: var(--space-5); }
}