/* PupMail customer readability rules. Not loaded in Admin.
   Retains existing spacing, heading scale, weights, layout and behaviors.
   14px is a project readability floor, not a claim of full WCAG conformance. */
body:not(.admin-ui){--coral:#bf4a30;--accent:#bf4a30}
body:not(.admin-ui) .btn-coral{background:#bf4a30!important;color:#fff!important}
body:not(.admin-ui) .btn-coral:hover{background:#a53d26!important;color:#fff!important}
body:not(.admin-ui) :is(a,button,input,select,textarea,summary,[role="link"]):focus-visible{outline:3px solid #276b5f;outline-offset:3px}
body:not(.admin-ui) .pm-gallery-pause{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #65736f;border-radius:999px;background:transparent;color:#17352f;font:700 14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
body:not(.admin-ui) .pm-gallery-pause:hover{background:#f0f5f1;color:#17352f}
body:not(.admin-ui) .pm-gallery-pause[hidden]{display:none!important}
body:not(.admin-ui) .gallery-preview-slide[data-profile-url=""]{cursor:default}

/* Readability rules corresponding to assets/v2.css */
body:not(.admin-ui) .eyebrow{font-size:14px!important}
body:not(.admin-ui) .small{font-size:14px!important}
body:not(.admin-ui) .status{font-size:14px!important}
body:not(.admin-ui) .photo-grid button{font-size:14px!important}
body:not(.admin-ui) .badge-mode{font-size:14px!important}
body:not(.admin-ui) .footer{font-size:14px!important}
body:not(.admin-ui) th{font-size:14px!important}
body:not(.admin-ui) .reveal-mailbox-word{font-size:14px!important}
body:not(.admin-ui) .mailbox-mini{font-size:14px!important}
body:not(.admin-ui) .measurement button{font-size:14px!important}
@media (max-width:560px){
body:not(.admin-ui) .dog-card .info .muted{font-size:14px!important}
body:not(.admin-ui) .dog-card .info .actions .btn{font-size:14px!important}
}
body:not(.admin-ui) .pm-photo-editor-zoom{font-size:14px!important}
body:not(.admin-ui) .pm-v4-compose .pm-note-recipient-preview span{font-size:14px!important}
@media (max-width:700px){
body:not(.admin-ui) .pm-v4-compose .pm-note-recipient-preview span{font-size:14px!important}
}
/* Legacy public-layout selectors retained for compatibility during the 4.2 design transition. */
body:not(.admin-ui) .eyebrow{font-size:14px!important}
body:not(.admin-ui) label{font-size:14px!important}
body:not(.admin-ui) .fine{font-size:14px!important}
body:not(.admin-ui) footer{font-size:14px!important}
body:not(.admin-ui) .date-choice .choice{font-size:14px!important}
body:not(.admin-ui) .gallery-preview-stamp{font-size:14px!important}
body:not(.admin-ui) .optional-price span{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .signup>div:first-child .eyebrow{font-size:14px!important}
body:not(.admin-ui) .formcard label{font-size:14px!important}
body:not(.admin-ui) .formcard .field-note{font-size:14px!important}
body:not(.admin-ui) .date-choice .choice{font-size:14px!important}
body:not(.admin-ui) .signup-gallery-choice{font-size:14px!important}
body:not(.admin-ui) .signup .fine{font-size:14px!important}
}
body:not(.admin-ui) .photo-picker-button{font-size:14px!important}
body:not(.admin-ui) .signup-gallery-choice{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .signup>div:first-child .eyebrow{font-size:14px!important}
body:not(.admin-ui) .formcard label:not(.choice):not(.photo-picker):not(.signup-gallery-choice){font-size:14px!important}
body:not(.admin-ui) .formcard .field-note{font-size:14px!important}
body:not(.admin-ui) .date-choice .choice{font-size:14px!important}
body:not(.admin-ui) .photo-picker-button{font-size:14px!important}
body:not(.admin-ui) .photo-picker-name{font-size:14px!important}
body:not(.admin-ui) .signup-gallery-choice{font-size:14px!important}
body:not(.admin-ui) .signup .fine{font-size:14px!important}
}
@media (max-width:520px){
body:not(.admin-ui) .nav-cta{font-size:14px!important}
body:not(.admin-ui) .hero-eyebrow{font-size:14px!important}
}
@media (max-width:360px){
body:not(.admin-ui) .nav-cta{font-size:14px!important}
body:not(.admin-ui) .hero-eyebrow{font-size:14px!important}
}
body:not(.admin-ui) .box-action{font-size:14px!important}
body:not(.admin-ui) .optional-summary-action{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .mailstage .card .eyebrow{font-size:14px!important}
body:not(.admin-ui) .mailbox-sampler .center .eyebrow{font-size:14px!important}
body:not(.admin-ui) .box-action{font-size:14px!important}
body:not(.admin-ui) .optional-pupmail summary .eyebrow{font-size:14px!important}
body:not(.admin-ui) .optional-summary-action{font-size:14px!important}
}
body:not(.admin-ui) .field-label{font-size:14px!important}
body:not(.admin-ui) .gallery-toggle{font-size:14px!important}
body:not(.admin-ui) .box.opened .box-action{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .field-label{font-size:14px!important}
body:not(.admin-ui) .gallery-preview-stamp{font-size:14px!important}
}
body:not(.admin-ui) .pupmail-piece-footer{font-size:14px!important}
body:not(.admin-ui) .signup-photo-later{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .pupmail-piece-footer{font-size:14px!important}
}
body:not(.admin-ui) .date-format-hint{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .date-format-hint{font-size:14px!important}
}
@media (max-width:520px){
body:not(.admin-ui) .nav-entry-trigger{font-size:14px!important}
}
@media (max-width:520px){
body:not(.admin-ui) .nav-community{font-size:14px!important}
}
body:not(.admin-ui) .pm-gallery-dog-label{font-size:14px!important}
/* Readability rules corresponding to assets/public-polish.css */
body:not(.admin-ui) .pm-home-page .pm-home-price-note{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pupmail-piece-footer{font-size:14px!important}
body:not(.admin-ui) .pm-name-demo{font-size:14px!important}
body:not(.admin-ui) .pm-name-demo summary{font-size:14px!important}
body:not(.admin-ui) .pm-name-demo label{font-size:14px!important}
body:not(.admin-ui) .pm-name-demo p{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-sample-head .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-sample-footer{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-sample-footer .box-action{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-growth-home .fine{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .pm-signup-reassurance{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .fine{font-size:14px!important}
body:not(.admin-ui) .pm-signup-steps span{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .signup-photo-later{font-size:14px!important}
body:not(.admin-ui) #measurement.pm-consent-card p{font-size:14px!important}
body:not(.admin-ui) #measurement.pm-consent-card button{font-size:14px!important}
body:not(.admin-ui) #measurement.pm-consent-card .pm-consent-close{font-size:14px!important}
body:not(.admin-ui) .pm-growth .pm-product-reassurance{font-size:14px!important}
body:not(.admin-ui) .pm-product-letter-top span{font-size:14px!important}
body:not(.admin-ui) .pm-product-letter-body .pm-letter-to{font-size:14px!important}
body:not(.admin-ui) .pm-product-letter small{font-size:14px!important}
body:not(.admin-ui) .pm-growth .pm-growth-step b{font-size:14px!important}
body:not(.admin-ui) .pm-growth .pm-buyer-steps{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .pm-home-page .hero-eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-home-price-note{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-home-promise{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pupmail-piece-footer{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-sample-head .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-growth-home-price small{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .pm-signup-reassurance{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .fine{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .signup-photo-later{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .nav-cta{font-size:14px!important}
body:not(.admin-ui) .pm-growth .pm-buyer-steps{font-size:14px!important}
body:not(.admin-ui) .topbar nav{font-size:14px!important}
}
@media (max-width:359px){
body:not(.admin-ui) .pm-home-page .nav-cta{font-size:14px!important}
}
@media (min-width:821px){
body:not(.admin-ui) .pm-home-page .signup>div:first-child .pm-signup-reassurance{font-size:14px!important}
}
@media (max-width:520px){
body:not(.admin-ui) .pm-home-page .signup>div:first-child .pm-signup-reassurance{font-size:14px!important}
}
/* Readability rules corresponding to assets/community.css */
body:not(.admin-ui) .pm-community-meta{font-size:14px!important}
body:not(.admin-ui) .pm-community-note{font-size:14px!important}
body:not(.admin-ui) .pm-pup-chip{font-size:14px!important}
@media (max-width:560px){
body:not(.admin-ui) .pm-community-bio{font-size:14px!important}
body:not(.admin-ui) .pm-community-card-actions .btn{font-size:14px!important}
body:not(.admin-ui) .pm-community-meta{font-size:14px!important}
}
body:not(.admin-ui) .pm-bone-gift-options button span{font-size:14px!important}
body:not(.admin-ui) .pm-bone-gift-options button small{font-size:14px!important}
body:not(.admin-ui) .pm-bone-recent p{font-size:14px!important}
body:not(.admin-ui) .pm-community-how span{font-size:14px!important}
@media (max-width:560px){
body:not(.admin-ui) .dog-card .info .muted{font-size:14px!important}
}
body:not(.admin-ui) .pm-community-quick{font-size:14px!important}
@media (max-width:480px){
body:not(.admin-ui) .pm-community-pagination .btn{font-size:14px!important}
}
/* Readability rules corresponding to assets/community-v4.css */
body:not(.admin-ui) .pm-v4 .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-v4-note .status{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .check,body:not(.admin-ui) .pm-home-page .signup .check span{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .signup .check .small{font-size:14px!important}
body:not(.admin-ui) .pm-v4-compose label small{font-size:14px!important}
/* Readability rules corresponding to assets/profile-care-v2.0.31.css */
body:not(.admin-ui) .pm-field-hint{font-size:14px!important}
body:not(.admin-ui) .pm-care-order-note{font-size:14px!important}
body:not(.admin-ui) .pm-remembered-list>summary span{font-size:14px!important}
body:not(.admin-ui) .pm-remembered-dog p{font-size:14px!important}
body:not(.admin-ui) .pm-care-chip{font-size:14px!important}
body:not(.admin-ui) .profile-summary .btn{font-size:14px!important}
@media (max-width:560px){
body:not(.admin-ui) .pm-photo-empty-state{font-size:14px!important}
}
/* Readability rules corresponding to assets/profile-navigation.css */
body:not(.admin-ui) .pm-profile-page .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-profile-helper,body:not(.admin-ui) .pm-profile-page p.pm-profile-helper{font-size:14px!important}
body:not(.admin-ui) .pm-profile-breadcrumb{font-size:14px!important}
body:not(.admin-ui) .pm-profile-sharing .status{font-size:14px!important}
body:not(.admin-ui) .pm-profile-actions a:not(.btn){font-size:14px!important}
body:not(.admin-ui) .pm-profile-section-title a{font-size:14px!important}
body:not(.admin-ui) .pm-profile-facts dt{font-size:14px!important}
body:not(.admin-ui) .pm-profile-gallery figcaption{font-size:14px!important}
body:not(.admin-ui) .pm-profile-gallery figcaption small{font-size:14px!important}
body:not(.admin-ui) .pm-profile-toy p{font-size:14px!important}
body:not(.admin-ui) .pm-profile-tabs a{font-size:14px!important}
body:not(.admin-ui) .pm-profile-page label{font-size:14px!important}
body:not(.admin-ui) .pm-editor-save a{font-size:14px!important}
body:not(.admin-ui) .pm-editor-sharing p.pm-profile-helper{font-size:14px!important}
body:not(.admin-ui) .pm-editor-photo-copy{font-size:14px!important}
body:not(.admin-ui) .pm-editor-photo-copy .status{font-size:14px!important}
body:not(.admin-ui) .pm-editor-photo-copy p.pm-profile-helper{font-size:14px!important}
body:not(.admin-ui) .pm-editor-photo-copy summary{font-size:14px!important}
body:not(.admin-ui) .pm-profile-page .pm-editor-photo-actions button{font-size:14px!important}
body:not(.admin-ui) .pm-profile-remembered-note{font-size:14px!important}
body:not(.admin-ui) .pm-profile-lightbox .pm-profile-lightbox-close{font-size:14px!important}
body:not(.admin-ui) .pm-owner-page .pm-owner-shortcuts p{font-size:14px!important}
body:not(.admin-ui) .pm-owner-page .pm-owner-shortcuts .actions>a:not(.btn){font-size:14px!important}
@media (max-width:660px){
body:not(.admin-ui) .pm-account-nav a{font-size:14px!important}
}
@media (max-width:460px){
body:not(.admin-ui) .pm-profile-tabs a{font-size:14px!important}
body:not(.admin-ui) .pm-owner-page .pm-owner-dog-actions .btn{font-size:14px!important}
}
/* Readability rules corresponding to assets/growth.css */
body:not(.admin-ui) .pm-growth-tags{font-size:14px!important}
body:not(.admin-ui) .pm-growth-letter .stamp span{font-size:14px!important}
body:not(.admin-ui) .pm-growth-letter small{font-size:14px!important}
body:not(.admin-ui) .pm-growth-step b{font-size:14px!important}
body:not(.admin-ui) .pm-growth-cutoff .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-growth-product .price small{font-size:14px!important}
body:not(.admin-ui) .pm-growth-start .optional{font-size:14px!important}
body:not(.admin-ui) .pm-growth-progress{font-size:14px!important}
@media (max-width:760px){
body:not(.admin-ui) .pm-growth-toplink{font-size:14px!important}
body:not(.admin-ui) .pm-growth-tags span{font-size:14px!important}
}
@media (max-width:560px){
body:not(.admin-ui) .site-nav .pm-growth-toplink{font-size:14px!important}
body:not(.admin-ui) .site-nav .nav-cta{font-size:14px!important}
}
body:not(.admin-ui) .pm-home-page .pm-parcel-points span{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-parcel-offer .fine{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-parcel-kicker{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-parcel-to{font-size:14px!important}
body:not(.admin-ui) .pm-home-page .pm-parcel-promise{font-size:14px!important}
/* Readability rules corresponding to assets/checkout-v2.0.28.css */
body:not(.admin-ui) .pm-value-notes{font-size:14px!important}
body:not(.admin-ui) .pm-step-heading p{font-size:14px!important}
body:not(.admin-ui) .pm-step-number{font-size:14px!important}
body:not(.admin-ui) .pm-shop label{font-size:14px!important}
body:not(.admin-ui) .pm-checkline small{font-size:14px!important}
body:not(.admin-ui) .pm-option-eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-option-price small{font-size:14px!important}
body:not(.admin-ui) .pm-option-copy{font-size:14px!important}
body:not(.admin-ui) .pm-option-detail{font-size:14px!important}
body:not(.admin-ui) .pm-option-pick{font-size:14px!important}
body:not(.admin-ui) .pm-option-help{font-size:14px!important}
body:not(.admin-ui) .pm-mix-note{font-size:14px!important}
body:not(.admin-ui) .pm-inline-error{font-size:14px!important}
body:not(.admin-ui) .pm-back{font-size:14px!important}
body:not(.admin-ui) .pm-shipping-note{font-size:14px!important}
body:not(.admin-ui) .pm-review-eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-summary-items{font-size:14px!important}
body:not(.admin-ui) .pm-summary-items .pm-item-detail{font-size:14px!important}
body:not(.admin-ui) .pm-summary-empty{font-size:14px!important}
body:not(.admin-ui) .pm-included{font-size:14px!important}
body:not(.admin-ui) .pm-future p{font-size:14px!important}
body:not(.admin-ui) .pm-cancel-note{font-size:14px!important}
body:not(.admin-ui) .pm-checkout-consent .pm-checkline{font-size:14px!important}
body:not(.admin-ui) .pm-shop .pm-main-action{font-size:14px!important}
body:not(.admin-ui) .pm-flow-note{font-size:14px!important}
body:not(.admin-ui) .pm-manage-link{font-size:14px!important}
@media (max-width:960px){
body:not(.admin-ui) .pm-option-eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-option-copy{font-size:14px!important}
}
@media (max-width:760px){
body:not(.admin-ui) .pm-checkout-consent .pm-checkline{font-size:14px!important}
}
@media (max-width:520px){
body:not(.admin-ui) .pm-shop-intro .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-value-notes{font-size:14px!important}
body:not(.admin-ui) .pm-step-heading p{font-size:14px!important}
body:not(.admin-ui) .pm-option-eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-option-copy{font-size:14px!important}
body:not(.admin-ui) .pm-option-detail{font-size:14px!important}
body:not(.admin-ui) .pm-option-pick{font-size:14px!important}
body:not(.admin-ui) .pm-mix-note{font-size:14px!important}
body:not(.admin-ui) .pm-shop .badge-mode{font-size:14px!important}
}
@media (max-width:520px){
body:not(.admin-ui) .pm-shop-intro .pm-value-notes{font-size:14px!important}
}
body:not(.admin-ui) .pm-recipient-breed{font-size:14px!important}
body:not(.admin-ui) .pm-recipient-preferences{font-size:14px!important}
body:not(.admin-ui) .pm-shop .pm-recipient-label{font-size:14px!important}
body:not(.admin-ui) .pm-toy-preferences>summary{font-size:14px!important}
body:not(.admin-ui) .pm-preferences-editor>p{font-size:14px!important}
body:not(.admin-ui) .pm-shop .pm-preferences-done{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .pm-recipient-breed{font-size:14px!important}
body:not(.admin-ui) .pm-recipient-preferences{font-size:14px!important}
}
/* Readability rules corresponding to index.php inline style 1 */
body:not(.admin-ui) .field-note{font-size:14px!important}
body:not(.admin-ui) .hero-copy .pm-home-price-note{font-size:14px!important}
body:not(.admin-ui) .mailstage .pupmail-piece-top .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-sampler-next p{font-size:14px!important}
body:not(.admin-ui) .pm-signup-extras>.field-note{font-size:14px!important}
body:not(.admin-ui) .signup .formcard .signup-photo-later{font-size:14px!important}
body:not(.admin-ui) .signup .formcard .fine{font-size:14px!important}
@media (max-width:520px){
body:not(.admin-ui) .hero-eyebrow{font-size:14px!important}
body:not(.admin-ui) .hero-copy .pm-home-price-note{font-size:14px!important}
body:not(.admin-ui) .mailstage .pupmail-piece-top .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-sampler-next p{font-size:14px!important}
body:not(.admin-ui) .signup>div:first-child .pm-signup-reassurance{font-size:14px!important}
body:not(.admin-ui) .pm-signup-extras summary{font-size:14px!important}
}
/* Readability rules corresponding to index.php inline style 2 */
body:not(.admin-ui) .mailbox-sampler .pm-envelope-from{font-size:14px!important}
body:not(.admin-ui) .mailbox-sampler .pm-envelope-line{font-size:14px!important}
body:not(.admin-ui) .mailbox-sampler .pm-envelope-site{font-size:14px!important}
body:not(.admin-ui) .mailbox-sampler .pm-envelope-note .pm-sample-head .eyebrow{font-size:14px!important}
/* Readability rules corresponding to owner.php inline style 1 */
body:not(.admin-ui) .pm-owner-page .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-owner-page .pm-community-activity .eyebrow{font-size:14px!important}
body:not(.admin-ui) .pm-owner-page .pm-owner-dog-status .status{font-size:14px!important}
body:not(.admin-ui) .pm-owner-page .pm-owner-account-note{font-size:14px!important}
/* Form controls retain comfortable input text on small screens. */
@media(max-width:640px){
body.pm-home-page:not(.admin-ui) .field input,body.pm-home-page:not(.admin-ui) .field select,body.pm-home-page:not(.admin-ui) .field textarea,body.pm-customer:not(.admin-ui) input:not([type="checkbox"]):not([type="radio"]),body.pm-customer:not(.admin-ui) select,body.pm-customer:not(.admin-ui) textarea{font-size:16px!important}
}
/* Readability on the homepage's newer promotional and consent components. */
body.pm-home-page:not(.admin-ui) .pm-home-promise,
body.pm-home-page:not(.admin-ui) .pm-parcel-points span,
body.pm-home-page:not(.admin-ui) .pm-parcel-kicker,
body.pm-home-page:not(.admin-ui) .pm-parcel-to,
body.pm-home-page:not(.admin-ui) .pm-parcel-promise,
body.pm-home-page:not(.admin-ui) .signup .pm-signup-reassurance,
body.pm-home-page:not(.admin-ui) .formcard .check span,
body.pm-home-page:not(.admin-ui) .formcard .check .small,
body.pm-home-page:not(.admin-ui) footer button{font-size:14px!important}
body.pm-home-page:not(.admin-ui) .formcard button[type="submit"]{font-size:16px!important}