/* A compact reading scale: 16px copy, 14px controls, 13px secondary, 12px labels. */
:root{--muted:#596253}
body{font-size:16px;line-height:1.7}
button,input,select,textarea{font-family:var(--sans)}
.announcement{font-size:12px;line-height:1.5;letter-spacing:.9px;padding-top:9px;padding-bottom:9px;gap:20px}
.desktop-nav{font-size:14px;gap:20px}
.mobile-nav{font-size:15px}
.button,.header-contact,.hero-actions .button,.contact-grid .cream,.pet-modal-copy .button,.contact-dialog .button{font-size:14px;line-height:1.5}
.text-link,.hero-actions .text-link,.catalog-bottom .text-link,.breed-copy .text-link,.about-copy .text-link,.graduate-link,.contact-dialog>.text-link,.pet-modal-copy .text-link{font-size:14px;line-height:1.6}
.eyebrow,.hero .eyebrow,.breed-copy .eyebrow,.contact-dialog .eyebrow,.pet-modal-copy .eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.2px}
.hero-lead,.section-intro,.body-lead,.about-copy>p:not(.eyebrow):not(.about-attribution),.family-intro>p,.faq-section>div>p:not(.eyebrow),.contact-grid>div>p:not(.eyebrow),.contact-dialog>p:not(.eyebrow),.pet-modal-copy>p{font-size:16px;line-height:1.8;color:var(--muted)}
.hero-lead{max-width:39ch}
.section-intro{max-width:34ch}
.body-lead,.family-intro>p,.contact-dialog>p:not(.eyebrow){max-width:48ch}
.hero-note p,.hero-location{font-size:13px;line-height:1.65}
.hero-note p{color:var(--muted)}
.hero-note{max-width:100%;flex-wrap:wrap;row-gap:12px}
.photo-index{font-size:12px;letter-spacing:.7px;line-height:1.6;flex-wrap:wrap;gap:5px 16px;color:var(--muted)}
.photo-caption p{font-size:13px;line-height:1.6}
.photo-caption em{font-size:24px;line-height:1.1;display:inline-block;margin-top:4px}
.image-footer,.image-footer span:first-child{font-size:12px;line-height:1.6}
.image-footer{flex-wrap:wrap;gap:4px 18px}
.trust-strip{column-gap:16px}
.trust-strip>div{min-width:0;padding-right:14px;align-items:flex-start;justify-content:flex-start}
.trust-strip>div:last-child{padding-right:0}
.trust-strip strong{font-size:14px;line-height:1.5}
.trust-strip small{font-size:12px;line-height:1.6;margin-top:5px}
.trust-symbol{flex-shrink:0}
.filter{font-size:14px;line-height:1.5;min-height:42px;padding:10px 16px}
.filter span{opacity:.85}
.catalog-sort,.catalog-sort select{font-size:14px;line-height:1.5}
.catalog-sort select{min-height:42px}
.category-tab{font-size:17px;line-height:1.5}
.category-tab span{font-size:12px;line-height:1.5;flex-shrink:0}
.catalog-note,.filter-count{font-size:13px;line-height:1.65}
.catalog-bottom p,.adult-note,.graduates-note{font-size:14px;line-height:1.8}
.pet-subtitle{font-size:13px;line-height:1.6;letter-spacing:0;margin-top:9px;margin-bottom:13px}
.pet-detail{font-size:14px;line-height:1.6;padding:12px 0}
.family-card small,.graduate-name small{font-size:13px;line-height:1.6}
.family-card>span{line-height:1.1}
.breed-label{font-size:12px;line-height:1.6;letter-spacing:1.2px}
.breed-photo-note{font-size:13px;line-height:1.6}
.trait h3{font-size:15px;line-height:1.5}
.trait p,.steps p,.document-note p,.faq-list details p{font-size:15px;line-height:1.8}
.trait p{max-width:42ch;color:var(--muted)}
.about-copy>p:not(.eyebrow):not(.about-attribution){color:#e1e4d8;max-width:47ch}
.about-copy .eyebrow,.about-attribution span,.about-facts span{color:#d0d7c5}
.about-attribution span,.about-facts span{font-size:13px;line-height:1.6;letter-spacing:0}
.about-facts{gap:36px;flex-wrap:wrap}
.family-intro{max-width:34ch}
.steps p{max-width:30ch}
.document-note p{max-width:85ch}
.faq-list summary{font-size:16px;line-height:1.6}
.faq-list details p{max-width:60ch}
.contact-grid>div>p:not(.eyebrow){color:var(--cream);max-width:47ch}
.contact-mail,.social-links{font-size:15px;line-height:1.7}
.contact-mail{overflow-wrap:anywhere}
.contact-address>span,.contact-address small{font-size:13px;line-height:1.7;color:var(--cream)}
.contact-address p{font-size:16px;line-height:1.7}
.site-footer p,.site-footer>p,.site-footer>a:not(.footer-brand):not(.back-top),.site-footer .admin-entry{font-size:13px;line-height:1.65}
.contact-dialog>small,.pet-modal-copy small{font-size:13px;line-height:1.7}
.pet-modal-copy dl{font-size:14px;line-height:1.7}
.pet-modal-copy dl>div{flex-wrap:wrap;gap:4px 15px}
.pet-modal-copy dd{overflow-wrap:anywhere}
.pet-modal-copy .favorite-in-modal{font-size:14px;line-height:1.6}
.image-dialog p,.image-dialog .lightbox-controls p{font-size:14px;line-height:1.6}
.lightbox-controls #image-counter{font-size:13px;line-height:1.5}
.site-toast{font-size:14px;line-height:1.6}

/* The chooser uses the same scale as the public catalogue. */
.selector-eyebrow{font-size:12px;line-height:1.6;letter-spacing:.8px}
.selector-progress li,.selector-step-number{font-size:13px;line-height:1.6}
.selector-lead{font-size:16px;line-height:1.75;max-width:52ch}
.selector-choice-copy strong{font-size:16px;line-height:1.5}
.selector-choice-copy>span{font-size:14px;line-height:1.65}
.selector-match-count,.selector-summary,.selector-availability,.selector-contact>small{font-size:13px;line-height:1.7}
.selector-time{font-size:12px;line-height:1.6}
.selector-next,.selector-mail,.selector-back,.selector-navigation-results .selector-back{font-size:14px;line-height:1.6}
.selector-result-copy>span{font-size:13px;line-height:1.6}
.selector-result-copy .selector-result-link{font-size:14px;line-height:1.6}
.selector-contact>p{font-size:15px;line-height:1.7}
.selector-navigation{flex-wrap:wrap}
.selector-result{align-items:stretch}
.selector-result>img{height:auto;min-height:140px}
.selector-result-copy{padding-right:24px}

@media(max-width:1400px){.header-contact{display:none}}
@media(max-width:1100px){
  .desktop-nav{display:none}
  .site-header{justify-content:space-between}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid var(--line)}
  .menu-toggle>span{display:block;width:19px;height:1px;background:var(--ink);margin:0 auto;transition:transform .2s}
  .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;border-bottom:1px solid var(--line)}
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
  .trust-strip>div{border:0}
  .hero-actions{flex-wrap:wrap;gap:16px 20px}
}
@media(max-width:800px){
  .hero .eyebrow{letter-spacing:.8px}
  .hero-lead{max-width:36ch}
  .photo-caption{gap:10px;padding:14px}
  .photo-caption .caption-icon{display:none}
  .photo-caption em{font-size:22px}
  .section-intro{max-width:32ch}
  .catalog-sort{margin-left:0}
  .pet-modal-grid{grid-template-columns:1fr}
  .pet-modal-grid>img{height:380px;object-position:50% 28%}
  .pet-dialog{width:500px}
  .pet-modal-copy{padding:30px}
  .selector-results{grid-template-columns:1fr}
}
@media(max-width:560px){
  .announcement{font-size:12px;letter-spacing:.6px}
  .hero-actions{flex-wrap:wrap;gap:14px 20px}
  .hero-actions .button{padding:14px 17px;min-height:50px}
  .hero-note{gap:12px}
  .hero-note .note-line{margin:0 2px}
  .hero-lead,.section-intro,.body-lead{max-width:100%}
  .section-intro{margin-top:22px}
  .photo-index{font-size:12px;letter-spacing:.4px}
  .photo-index span:last-child{display:none}
  .photo-caption{padding:15px;gap:12px}
  .photo-caption em{font-size:24px}
  .trust-strip{grid-template-columns:1fr;gap:20px;padding:26px 0}
  .trust-strip>div{gap:14px;padding-right:0}
  .trust-symbol{width:28px}
  .trust-strip strong{font-size:14px}
  .trust-strip small{font-size:13px}
  .catalog-category{gap:22px}
  .category-tab{font-size:16px;gap:7px;min-width:0}
  .filter{font-size:14px;padding:9px 14px}
  .catalog-toolbar>.filters{gap:8px}
  .catalog-sort{flex-wrap:wrap}
  .catalog-sort select{max-width:100%;flex:1}
  .catalog-bottom .text-link{white-space:normal}
  .pet-subtitle{font-size:13px}
  .family-card small,.graduate-name small{font-size:13px}
  .family-intro{max-width:100%}
  .document-note{gap:14px}
  .document-note p,.steps p{font-size:15px}
  .contact-dialog{padding:48px 24px 30px}
  .pet-modal-copy{padding:26px}
  .selector-progress{gap:10px}
  .selector-progress li{font-size:12px;line-height:1.5}
  .selector-step-number{font-size:12px}
  .selector-time{max-width:95px}
  .selector-next{padding:12px 14px;gap:12px}
  .selector-choice{gap:12px;padding:14px}
  .selector-choice>.selector-icon:first-child{display:none}
  .selector-choice-copy strong{font-size:16px}
  .selector-choice-copy>span{font-size:14px}
  .selector-lead{font-size:16px}
  .selector-summary{font-size:13px;align-items:flex-start}
  .selector-mail{max-width:100%;gap:12px}
  .selector-result>img{min-height:140px}
  .selector-result-copy>span{font-size:13px}
  .selector-contact>p{font-size:15px}
}
@media(max-width:360px){
  .hero-note .little-heart,.hero-note .note-line{display:none}
  .hero-note{gap:20px}
  .catalog-category{gap:16px}
  .category-tab{font-size:15px}
  .category-tab span{font-size:12px;padding:2px 5px}
  .selector-dialog{padding:18px 16px 22px}
}
