/* Search Hive — Base layer
   ------------------------------------------------------------------
   Minimal global resets + the default canvas/ink/type baseline so any
   page that links styles.css starts from the brand floor. Components
   should still set their own type explicitly.
   ------------------------------------------------------------------ */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--canvas);
  color: var(--text-strong);
  font-family: var(--font-sans);
  font-size: var(--t-body-md-size);
  line-height: var(--t-body-md-lh);
  font-weight: var(--weight-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
  display: block;
  max-width: 100%;
}

/* ---- Type helper classes (optional convenience) ----------------- */
.t-rating  { font-size: var(--t-rating-size); font-weight: var(--t-rating-weight); line-height: var(--t-rating-lh); letter-spacing: var(--t-rating-ls); }
.t-display-xl { font-size: var(--t-display-xl-size); font-weight: var(--t-display-xl-weight); line-height: var(--t-display-xl-lh); letter-spacing: var(--t-display-xl-ls); }
.t-display-lg { font-size: var(--t-display-lg-size); font-weight: var(--t-display-lg-weight); line-height: var(--t-display-lg-lh); letter-spacing: var(--t-display-lg-ls); }
.t-display-md { font-size: var(--t-display-md-size); font-weight: var(--t-display-md-weight); line-height: var(--t-display-md-lh); letter-spacing: var(--t-display-md-ls); }
.t-display-sm { font-size: var(--t-display-sm-size); font-weight: var(--t-display-sm-weight); line-height: var(--t-display-sm-lh); letter-spacing: var(--t-display-sm-ls); }
.t-title-md { font-size: var(--t-title-md-size); font-weight: var(--t-title-md-weight); line-height: var(--t-title-md-lh); }
.t-body-md { font-size: var(--t-body-md-size); font-weight: var(--t-body-md-weight); line-height: var(--t-body-md-lh); }
.t-body-sm { font-size: var(--t-body-sm-size); font-weight: var(--t-body-sm-weight); line-height: var(--t-body-sm-lh); }
.t-caption { font-size: var(--t-caption-size); font-weight: var(--t-caption-weight); line-height: var(--t-caption-lh); }