/* Terms uses the privacy reader; only its cover treatment differs. */
.terms-page {
  --legal-glow-start: rgba(118, 219, 117, 0.82);
  --legal-glow-end: rgba(255, 222, 92, 0.76);
  --legal-base-start: #e2f8d0;
  --legal-base-mid: #eaf5bb;
  --legal-base-end: #fff0b4;
}

.terms-page .legal-kicker { color: #426a2c; }
.terms-page .legal-hero h1 { color: #253c24; font-size: clamp(3rem, 4.8vw, 4.6rem); }
.terms-page .legal-hero-copy > p:not(.legal-kicker) { color: #526348; }
.terms-page .hero-pet-stage-collie { margin-top: 58px; transform: rotate(-1.5deg); }
.terms-page .hero-pet-stage-deer { margin-bottom: 42px; transform: rotate(1.5deg); }
.terms-page .hero-collie { width: 108%; transform: translate(0, 4%) rotate(-3deg) scaleX(-1); }
.terms-page .hero-deer { width: 104%; transform: translate(-1%, 0) rotate(1deg) scaleX(-1); }
.terms-page .document-title-block h2 { font-size: clamp(3.4rem, 6.7vw, 6rem); }
.terms-page .document-metadata { display: grid; justify-items: center; gap: 8px; }
.terms-page .document-sticker-dragonfly { top: 44px; right: 30px; width: clamp(90px, 9vw, 128px); transform: rotate(12deg); }

@media (min-width: 821px) and (max-width: 1100px) {
  .terms-page .legal-hero h1 { font-size: clamp(2.7rem, 4.5vw, 3.2rem); }
}

@media (min-width: 821px) and (max-width: 920px) {
  .terms-page .hero-pet-stage-collie { margin-top: 38px; }
  .terms-page .hero-pet-stage-deer { margin-bottom: 28px; }
}

@media (max-width: 820px) {
  .terms-page .legal-hero h1 { font-size: clamp(3rem, 9.4vw, 5.1rem); }
  .terms-page .hero-pet-stage-collie { margin-top: 28px; }
  .terms-page .hero-pet-stage-deer { margin-bottom: 24px; }
}

@media (max-width: 560px) {
  .terms-page .legal-hero h1 { font-size: clamp(2.3rem, 9.8vw, 3.7rem); }
  .terms-page .hero-pet-stage-collie { margin-top: 22px; transform: rotate(-1deg); }
  .terms-page .hero-pet-stage-deer { margin-bottom: 18px; transform: rotate(1deg); }
  .terms-page .hero-collie { width: 116%; }
  .terms-page .hero-deer { width: 112%; }
  .terms-page .document-title-block h2 { font-size: clamp(2.6rem, 12.4vw, 4rem); }
  .terms-page .document-title-block { padding-bottom: 100px; }
  .terms-page .document-sticker-dragonfly { top: 20px; right: 0; width: 95px; }
}