/* Mary & Blake Website 2.0 — V14.2: typography and link finish.
 * Preview theme only; never styles ad creative/iframes or 3rd-party widgets.
 * Removes underlines from all Website 2.0 links, including the Season 2 pilot.
 * Clear hover colors + keyboard focus rings preserve discoverability.
 */

/* The only page families tagged mb2-site are the new Website 2.0 designs. */
body.mb2-site a,
body.mb2-site a:link,
body.mb2-site a:visited,
body.mb2-site a:hover,
body.mb2-site a:active,
body.mb2-site a:focus,
body.mb2-site a:focus-visible,
body.mb2-site .mb2-v14-story .mb2-v14-reading a,
body.mb2-site .mb2-v14-story .mb2-v14-reading a:hover,
body.mb2-site .mb2-global-reading a,
body.mb2-site .mb2-global-reading a:hover {
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-decoration-style:solid!important;
  text-decoration-color:transparent!important;
}

/* Avoid turning off browser link affordances: retain an obvious interactive state. */
body.mb2-site a:hover {filter:brightness(1.14)}
body.mb2-site a:focus-visible {
  outline:2px solid #78d8ed!important;
  outline-offset:4px!important;
  border-radius:2px;
}
body.mb2-site .mb2-v14-story .mb2-v14-reading a:hover {
  color:#c9f3ff!important;
}

/* Reader: true Lato semibold, high contrast, independent of old Tusant text opacity. */
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading,
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading p,
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading li,
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading ul,
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading ol {
  color:#f1f4f4!important;
  font-weight:600!important;
  opacity:1!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading > p:first-of-type{
  color:#fff!important;
  font-weight:700!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading strong,
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading b {
  font-weight:900!important;
  color:#fff!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading a {
  color:#9be8ff!important;
  font-weight:800!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-reading a:hover{
  color:#d0f6ff!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-rail .mb2-v14-toc a{
  color:#e4eced!important;
  font-weight:800!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-rail-promo p {
  color:#e0e8ea!important;
  font-weight:600!important;
}
body.mb2-site.mb2-universe .mb2-v14-story .mb2-v14-article-end {
  color:#edf2f3!important;
  font-weight:700!important;
}

/* Default page templates still use dark-on-light text for some legacy modules;
 * change only link decoration there, not their typography palette. */

/* V21.3 — Mary & Blake's approved Season 1 editorial typography, reused in
   Website 2.0 public reading surfaces only. Keep compact UI, ads, commerce,
   app and member/authentication interfaces untouched. */
body.mb2-site.mb2-universe {
  --mb2-editorial-size: 17px;
  --mb2-editorial-leading: 1.76;
  --mb2-editorial-weight: 600;
}
body.mb2-site.mb2-universe :is(
  .mb2-v14-reading,
  .mb2-v15-reading,
  .mb2-v201-reading-panel,
  .mb2-v201-utility-article,
  .mb2-global-reading,
  .mb2-v18-editorial-main
) {
  font-family: Lato, 'Helvetica Neue', Arial, sans-serif!important;
  font-size: var(--mb2-editorial-size)!important;
  font-weight: var(--mb2-editorial-weight)!important;
  line-height: var(--mb2-editorial-leading)!important;
  letter-spacing: normal;
}
body.mb2-site.mb2-universe :is(
  .mb2-v14-reading,
  .mb2-v15-reading,
  .mb2-v201-reading-panel,
  .mb2-v201-utility-article,
  .mb2-global-reading,
  .mb2-v18-editorial-main
) :is(p,li) {
  font-weight: var(--mb2-editorial-weight)!important;
  line-height: var(--mb2-editorial-leading)!important;
  opacity: 1!important;
}
/* Dark editorial modules get the Season 1 bright, substantial copy treatment. */
body.mb2-site.mb2-universe :is(
  .mb2-v201-reading-panel,
  .mb2-v201-utility-article,
  .mb2-v18-editorial-main
) :is(p,li) {
  color: #edf3f4!important;
}
body.mb2-site.mb2-universe .mb2-v202-leftovers :is(
  .mb2-v202-section-title p,
  .mb2-v202-card-content p
) {
  color: #edf3f4!important;
  font-size: 17px!important;
  font-weight: 600!important;
  line-height: 1.76!important;
}
body.mb2-site.mb2-universe :is(
  .mb2-v15-summary,
  .mb2-v15-content-intro p,
  .mb2-v201-section-heading p
) {
  font-size: 17px!important;
  font-weight: 600!important;
  line-height: 1.76!important;
}
/* This Is Us: use the full supplied 1600×600 portrait-of-two panorama on phones,
   instead of zoom-cropping one Pearson out of the picture. Hero typography unchanged. */
@media(max-width:640px){
  body.mb2-site .mb2v21-masthead,
  body.mb2-site .mb2v21-masthead-inner {min-height:0!important}
  body.mb2-site .mb2v21-masthead-art {
    inset:0 0 auto!important;
    aspect-ratio:8 / 3!important;
    height:auto!important;
  }
  body.mb2-site .mb2v21-masthead-art img {
    object-fit:contain!important;
    object-position:center center!important;
  }
  body.mb2-site .mb2v21-masthead-inner {padding-bottom:46px!important}
  body.mb2-site .mb2v21-kicker {margin-top:clamp(175px,44vw,288px)!important}
  body.mb2-site .mb2v21-masthead:before {
    background:linear-gradient(0deg,#080c0f 0%,#080c0f 53%,rgba(8,12,15,.3) 75%,rgba(8,12,15,.08) 100%)!important;
  }
}
/* Keep text comfortably legible on narrow screens without shrinking the UI. */
@media(max-width:640px) {
  body.mb2-site.mb2-universe {
    --mb2-editorial-size: 16.5px;
  }
  body.mb2-site.mb2-universe .mb2-v202-leftovers :is(
    .mb2-v202-section-title p,
    .mb2-v202-card-content p
  ) { font-size:16.5px!important; }
}