/* Scoped refinements for the existing PupMail cream, coral, and green design. */
/* 4.9.2: a complete signup card, independent of retired homepage selectors. */
.pm42-home .pm42-signup-wrap .signup{
 display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;
 align-items:start;padding:32px;border:2px solid #bf4a30;border-radius:24px;
 background:#fff4e7;box-shadow:0 14px 38px rgba(23,53,47,.07);scroll-margin-top:24px;
}
.pm42-home .pm42-signup-wrap .signup>div{min-width:0}
.pm42-home .pm42-signup-wrap .signup>div:first-child{padding:12px 4px}
.pm42-home .pm42-signup-wrap .signup .eyebrow{color:#9f3824}
.pm42-home .pm42-signup-wrap .signup h2{font-size:clamp(34px,3.5vw,44px);line-height:1.1}
.pm42-home .pm42-signup-wrap .signup .pm-signup-reassurance{line-height:1.6;max-width:32ch}
.pm42-home .pm42-signup-wrap .formcard{
 width:100%;padding:28px;background:#fff;border:1px solid #e4d9c8;border-radius:18px;
}
.pm42-home .pm42-signup-wrap .formcard .field{margin-bottom:18px}
.pm42-home .pm42-signup-wrap .formcard .field-note{margin-top:6px;line-height:1.5;color:#53675e}
.pm42-home .pm42-signup-wrap .formcard .fine{font-size:14px;line-height:1.5;margin:16px 0 0;color:#53675e}
.pm42-home .pm42-signup-wrap .pm-signup-extras{margin:6px 0 22px}
.pm42-home .pm42-signup-wrap .pm-signup-extras summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.5}
.pm42-home .pm42-signup-wrap .pm-signup-extras[open] summary{margin-bottom:18px}
.pm42-home .pm42-signup-wrap .signup-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pm42-home .pm42-signup-wrap .date-choice{display:flex;flex-wrap:wrap;gap:10px 16px}
.pm42-home .pm42-signup-wrap .date-choice .choice{display:flex;align-items:center;gap:7px}
.pm42-home .pm42-signup-wrap .date-choice input{width:18px;height:18px;margin:0;flex:0 0 18px}
.pm42-home .pm42-signup-wrap .verify-email{overflow-wrap:anywhere}
.pm42-home .pm42-signup-wrap .verify-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
@media(max-width:820px){
 .pm42-home .pm42-signup-wrap .signup{grid-template-columns:1fr;gap:22px;padding:24px}
 .pm42-home .pm42-signup-wrap .signup>div:first-child{padding:0}
 .pm42-home .pm42-signup-wrap .pm-signup-steps{margin-top:20px}
}
@media(max-width:560px){
 .pm42-home .pm42-signup-wrap .signup{padding:20px 14px;border-radius:20px}
 .pm42-home .pm42-signup-wrap .formcard{padding:22px 16px;border-radius:14px}
 .pm42-home .pm42-signup-wrap .signup-details-grid{grid-template-columns:1fr;gap:0}
 .pm42-home .pm42-signup-wrap .formcard input:not([type=checkbox]):not([type=radio]){font-size:16px}
}
.pm42-home .pm42-hero .lead{max-width:730px;margin-left:auto;margin-right:auto;line-height:1.55}
.pm42-home .pm42-hero-reassure{max-width:670px;margin-left:auto;margin-right:auto;line-height:1.65}
.pm42-home .pm42-way{display:flex;flex-direction:column}
.pm42-home .pm42-way p{flex:1;line-height:1.65}
.pm42-home .pm42-way .btn{align-self:flex-start}
.pm42-home .pm42-hero-actions{gap:12px}
.pm42-home .pm-meet-choice .field-note{line-height:1.5}
.pm-growth-start .pm-buyer-extras{border:1px solid #e4d9c8;border-radius:15px;padding:15px 18px;background:#fffaf0}
.pm-growth-start .pm-buyer-extras summary{cursor:pointer;font-weight:700;color:#17352f;line-height:1.5}
.pm-growth-start .pm-buyer-extras[open] summary{margin-bottom:14px}
.pm-growth-start .pm-buyer-sharing{border:0;padding:16px 0 0;margin:16px 0 0;border-top:1px solid #e4d9c8;min-width:0}
.pm-growth-start .pm-buyer-sharing legend{padding:0}
.pm-growth-start .pm-buyer-sharing .check{margin:12px 0}
.pm-growth-start .pm-buyer-note{line-height:1.65}
.pm-growth-start .pm-buyer-extras input[type=date]{max-width:100%;min-width:0}
.pm-profile-toy{gap:20px;align-items:center}
.pm-profile-toy .btn{flex-shrink:0}
.pm-note-heading p,.pm-mailbox-heading p{line-height:1.6}
.pm-v4-compose .pm-bone-helper{max-width:460px;line-height:1.55}
.pm-monthly-page .pm-monthly-price-line>strong{flex-shrink:0;white-space:nowrap;overflow-wrap:normal}
.pm-monthly-page .pm-monthly-price-line>span{min-width:0}
/* Keep the illustrative-image disclosure below the artwork, not behind it. */
.pm-monthly-page .pm-monthly-hero-visual{min-height:530px}
.pm-monthly-page .pm-monthly-envelope{bottom:73px}
.pm-monthly-page .pm49-visual-caption{position:absolute;bottom:0;left:0;right:0;margin:0 8px;color:#65736f;font-size:12px;line-height:1.5}
@media(max-width:960px){.pm-monthly-page .pm-monthly-hero-visual{min-height:490px}}
@media(max-width:640px){
 /* Essential destinations stay reachable without introducing a hidden menu. */
 body.pm-customer .topbar{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 0 8px}
 body.pm-customer .topbar>.wordmark{grid-column:1;grid-row:1}
 body.pm-customer .topbar nav{display:contents}
 body.pm-customer .topbar nav a.pm-nav-account{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}
 body.pm-customer .topbar nav a:not(.pm-nav-account):not(.pm-nav-admin){display:inline-flex;grid-row:2;min-height:36px;font-size:13px}
 body.pm-customer .topbar nav a:first-child{grid-column:1;justify-self:start}
 body.pm-customer .topbar nav a:nth-child(2){grid-column:2;justify-self:end}
 body.pm-customer .topbar nav a.pm-nav-admin{grid-column:1/-1;justify-self:end}
}
@media(max-width:560px){
 .pm-monthly-page .pm-monthly-hero-visual{min-height:410px}
 .pm-monthly-page .pm-monthly-envelope{bottom:65px}
}
@media(max-width:600px){
 .pm42-home .pm42-hero-actions{display:grid;grid-template-columns:1fr}
 .pm42-home .pm42-hero-actions .btn{width:100%;justify-content:center;text-align:center}
 .pm42-home .pm42-way .btn{align-self:stretch;text-align:center}
 .pm-growth-start .pm-buyer-extras{padding:14px}
 .pm-profile-toy{align-items:stretch}
 .pm-profile-toy .btn{white-space:normal;text-align:center}
 .pm-mailbox-app .pm-mailbox-list-head{flex-wrap:wrap}
 .pm-mailbox-app .pm-mailbox-filter{width:100%}
 .pm-mailbox-app .pm-mailbox-filter select{width:100%;max-width:none}
}

/* Current homepage FAQ also collapses on narrow screens. */
@media(max-width:820px){.pm42-home .pm-home-faq{grid-template-columns:minmax(0,1fr);gap:12px}.pm42-home .pm-home-faq>div{min-width:0}}