/* Approved original artwork. Screen branding only; report documents are unchanged. */
@media screen {
  .site-header .brand-identity::after,.site-bar .brand-reader::after {content:none!important}

  .site-header .brand-identity {display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;line-height:1;text-decoration:none}
  .brand-identity .brand-hearts {display:block;width:54px;height:auto}
  .brand-identity .brand-stacked {display:block;width:96px;height:auto}
  .site-footer .footer-brand {display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .brand-footer {display:inline-flex;flex-direction:column;align-items:center;gap:12px;min-height:44px}
  .brand-footer .brand-hearts {display:block;width:68px;height:auto}
  .brand-footer .brand-stacked {display:block;width:140px;height:auto}
  .footer-brand .footer-note {margin:0}
  .site-bar .brand-reader {display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;line-height:1}
  .brand-reader .brand-horizontal {display:block;width:220px;max-width:100%;height:auto}
  .brand-identity:focus-visible,.brand-footer:focus-visible,.brand-reader:focus-visible {outline:3px solid #99583f;outline-offset:6px;border-radius:3px}
  @media(max-width:720px) {
  .site-header .brand-identity {gap:8px}
    .brand-identity .brand-hearts {width:46px}
    .brand-identity .brand-stacked {width:88px}
    .brand-reader .brand-horizontal {width:190px}
  }
}

/* Owner-supplied modular tagline paths; never typeset substitutes. */
.brand-descriptor img {display:none}
.brand-two-line-tagline {display:block;color:#07334a;font-family:Lato,Arial,sans-serif;font-size:21px;font-weight:500;letter-spacing:.18em;line-height:1.32;text-transform:uppercase}
.brand-two-line-tagline span {display:inline-block}
.brand-handwritten {display:none}
.footer-brand .brand-taglines {max-width:100%}
.brand-taglines img {display:none}
.brand-taglines::after {content:"Personality guides\A for couples";display:block;white-space:pre;color:#07334a;font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.12em;line-height:1.35;text-align:center;text-transform:uppercase}
.site-footer .footer-brand {width:320px;max-width:100%;align-items:center}
@media(max-width:720px) {
  .brand-two-line-tagline {font-size:17px;letter-spacing:.13em}
  .brand-taglines::after {font-size:13px;letter-spacing:.08em}
}

/* The homepage lockup follows the supplied reference: hearts centered directly above the wordmark. */
body:has(.conversion-home) .site-header .brand-identity {flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:0}
body:has(.conversion-home) .site-header .brand-identity .brand-hearts {width:76px}
body:has(.conversion-home) .site-header .brand-identity .brand-stacked {width:146px}
@media(max-width:720px) {
  body:has(.conversion-home) .site-header .brand-identity .brand-hearts {width:68px}
  body:has(.conversion-home) .site-header .brand-identity .brand-stacked {width:132px}
}

/*068: let footer links wrap between the phone and desktop breakpoints. */
.product-shell .site-footer nav{min-width:0;max-width:100%;flex-wrap:wrap}
