/* Static pet guide pages (/pets/ and /pets/<slug>/), generated by scripts/pet-pages.mjs. */
main.pets-page { display: block; max-width: 80ch; margin: 0 auto; padding-block: clamp(20px, 3vw, 40px) var(--section-gap); }
main.pets-page > * { animation: none; }
.pets-page h1 { font: 400 clamp(26px, 3.4vw, 36px)/1.15 var(--display); margin: 0 0 10px; letter-spacing: -.02em; text-wrap: balance; }
.pets-page h2 { font: 400 20px/1.3 var(--display); letter-spacing: .01em; margin: 32px 0 8px; color: var(--gold); }
.pets-page p { margin: 0 0 12px; }
.pets-page a:not(.btn) { color: var(--gold); text-underline-offset: 3px; }
.pets-page a:not(.btn):hover { color: var(--text); }
.pets-page .btn { display: inline-flex; align-items: center; text-decoration: none; }
.pets-crumbs { font-size: 13px; color: var(--dim); margin-bottom: 16px; }
.pets-head { display: flex; gap: 20px; align-items: flex-start; }
.pets-head img { flex: none; width: 96px; height: 96px; border-radius: 12px; border: 1px solid var(--line2); background: #ffffff08; }
.pets-eyebrow { font: 600 12px/1.4 var(--ui); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); margin: 0 0 4px !important; }
.pets-route { color: var(--dim); font-size: 14px; }
.pets-table { width: 100%; border-collapse: collapse; margin: 4px 0 12px; font-size: 14px; font-variant-numeric: tabular-nums; }
.pets-table caption { text-align: left; color: var(--dim); font-size: 13px; padding-bottom: 6px; }
.pets-table th, .pets-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.pets-table thead th { color: var(--dim); font-weight: 600; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.pets-table tbody th { font-weight: 600; }
.pets-links { list-style: none; padding: 0; margin: 0 0 12px; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 6px 20px; }
.pets-links li { display: block; padding: 6px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; }
.pets-links span { display: block; color: var(--dim); font-size: 13px; }
.pets-meta { color: var(--dim); font-size: 13px; margin-top: 28px !important; }
@media (max-width: 560px) {
  .pets-head { flex-direction: column; gap: 12px; }
  .pets-head img { width: 72px; height: 72px; }
  .pets-table { font-size: 13px; }
  .pets-table th, .pets-table td { padding: 6px; }
}