/*
 * Mary & Blake Website 2.0 V83 — Collider-scale readability + Potter media cards.
 * Collider uses Roboto, but we retain M&B Lato. 18px/1.72 copy on both
 * desktop and mobile; 16px/44px minimum editorial buttons, 14px UI notes.
 * Only body.mb2-site shared editorial templates. Never the separate app,
 * protected NerdClan pages, WP dashboard, Raptive iframe interiors, or Patreon.
 */
body.mb2-site.mb2-universe{
  --mb2-reading-size:18px;
  --mb2-reading-weight:500;
  --mb2-reading-line:1.72;
  --mb2-button-size:16px;
}
body.mb2-site #mb2-main{
  font-family:Lato,'Helvetica Neue',Arial,sans-serif;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
/* Retain the existing 18px rule; avoid cramped, bold paragraph walls. */
body.mb2-site.mb2-universe #mb2-main :is(p, li:not(nav li), dd, dt){
  font-size:var(--mb2-reading-size)!important;
  line-height:var(--mb2-reading-line)!important;
  font-weight:var(--mb2-reading-weight)!important;
}
body.mb2-site.mb2-universe #mb2-main :is(
 .mb2-global-article-head p,.mb2-global-section-head p,.mb2-home-app-bridge p,
 .mb2-v18-opening p,.mb2-v18-section-heading p,.mb2-v15-summary,
 .mb2-global-clan p
){
  font-size:clamp(17px,1.16vw,19px)!important;
  line-height:1.65!important;
}
body.mb2-site #mb2-main :is(
 a.mb2-button,a.mb2-v18-btn,a.mb2-global-button,a.mb2-hp-button,
 a.mb2v82-main-button,a.mb2v82-secondary-button,
 a.mb2-home-app-bridge-link,a.mb2v81-invite-link,
 a.mb2-global-more,a.mb2v82-back-to-hub,a.mb2v82-quicklinks
){
  font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
  font-size:var(--mb2-button-size)!important;
  font-weight:800!important;
  line-height:1.4!important;
  min-height:44px;
  box-sizing:border-box;
}
/* Editorial action controls across other franchises, not just Potter. */
body.mb2-site #mb2-main :is(
 a[class*="button"],a[class*="-btn"],a[class*="cta"],
 button[class*="button"],button[class*="-btn"],button[class*="cta"]
){
 font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
 font-size:16px!important;
 font-weight:800!important;
 line-height:1.35!important;
 min-height:44px;
 box-sizing:border-box;
}
body.mb2-site .mb2-header-right a.mb2-app-top{
 font-size:15px!important;font-weight:850!important
}
body.mb2-site #mb2-main .mb2v82-quicklinks a,
body.mb2-site #mb2-main .mb2v82-back-to-hub,
body.mb2-site #mb2-main .mb2-hp-shortcuts a,
body.mb2-site .mb2-nav a{
  font-size:15px!important;font-weight:800!important;line-height:1.45!important
}
body.mb2-site .mb2-site-footer nav a{
  font-size:15px!important;line-height:1.5!important;
}
body.mb2-site #mb2-main :is(input,select,textarea){
  font-size:16px!important;
}
/* Uppercase metadata can be smaller than full prose but still legible. */
body.mb2-site #mb2-main :is(
 .mb2-global-eyebrow,.mb2-hp-eyebrow,.mb2-v14-kicker,
 .mb2v82-eyebrow,.mb2v82-card-content small,
 .mb2-v18-eyebrow,.mb2bom-eyebrow
){font-size:13px!important;line-height:1.5!important}
body.mb2-site #mb2-main :is(.mb2-v14-byline,.mb2v82-hero-fact){font-size:14px!important}
body.mb2-site #mb2-main .mb2v82-card-content em{
 font-size:15px!important;font-weight:900!important
}
/* Longer Potter guide prose uses comfortable text proportions. */
body.mb2-site #mb2-main .mb2v82-article-content p,
body.mb2-site #mb2-main .mb2v82-article-content li{
 font-size:18px!important;line-height:1.7!important;font-weight:500!important
}
/* The original content cards are kept; add distinct illustrations at the top. */
body.mb2-site #mb2-main .mb2v83-collection-card{
 min-width:0!important;overflow:hidden;position:relative;
 display:flex!important;flex-direction:column!important;
 padding:22px!important;border-radius:13px!important;
 background:#15222b!important;border:1px solid #425762!important;
 transition:border-color .16s ease,background .16s ease
}
body.mb2-site #mb2-main .mb2v83-collection-card:hover{
 border-color:#8bcfdf!important;background:#1a303b!important
}
body.mb2-site #mb2-main .mb2v83-card-media{
 position:relative;display:flex;align-items:center;justify-content:center;
 width:calc(100% + 44px);max-width:none!important;flex:none;
 box-sizing:border-box;margin:-22px -22px 22px!important;
 overflow:hidden;background:#101b23;
 border-bottom:1px solid #3e525d;
 border-radius:12px 12px 0 0!important;
}
body.mb2-site #mb2-main .mb2v83-book-media{
 min-height:258px;height:258px;padding:18px 18px 12px;
 background:radial-gradient(ellipse at center,#35433e,#151d24 70%);
}
body.mb2-site #mb2-main .mb2v83-book-media img{
 display:block;width:auto!important;max-width:88%!important;
 height:225px!important;object-fit:contain!important;
 box-shadow:0 15px 26px rgba(0,0,0,.34);border-radius:2px;
}
body.mb2-site #mb2-main .mb2v83-movie-media{
 height:auto;aspect-ratio:16/9;background:#182832;
}
body.mb2-site #mb2-main .mb2v83-movie-media img{
 width:100%!important;height:100%!important;display:block;
 object-fit:cover!important;object-position:center 42%;
 max-width:none!important;
}
body.mb2-site #mb2-main .mb2v83-collection-card>div[style*="font-size:"]{
 font-size:clamp(23px,2.1vw,29px)!important;
 line-height:1.23!important;letter-spacing:-.02em!important;
 font-weight:900!important;color:#f3f7fa!important
}
body.mb2-site #mb2-main .mb2v83-collection-card>div[style*="display:flex"]:first-of-type{
 font-size:inherit!important
}
/* Make supporting descriptions large enough to read without zoom. */
body.mb2-site #mb2-main .mb2v83-collection-card p{
 font-size:17px!important;line-height:1.64!important;
 font-weight:500!important;color:#d9e3e7!important
}
/* Respect meaningful status: unreleased guides still show their original labels. */
body.mb2-site #mb2-main .mb2v83-collection-card :is(a[href],button){
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:46px!important;box-sizing:border-box;
 padding:11px 15px!important;
 font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
 font-size:16px!important;font-weight:850!important;
 line-height:1.35!important;
 letter-spacing:0!important;text-decoration:none!important;
 border-radius:8px!important;overflow-wrap:anywhere;
}
body.mb2-site #mb2-main .mb2v83-collection-card a[href]:focus-visible{
 outline:3px solid #b8ebf6;outline-offset:3px
}
body.mb2-site #mb2-main .mb2v83-collection-card a[href][style*="background:#d8b766"]{
 color:#162028!important;background:#edc96d!important;
 border:1px solid #edc96d!important;
}
body.mb2-site #mb2-main .mb2v83-collection-card a[href][style*="border:"],
body.mb2-site #mb2-main .mb2v83-collection-card a[href]:not([style*="background"]){
 color:#b7e9f5!important;border:1px solid #547483!important;background:#162b36!important
}
body.mb2-site #mb2-main .mb2v83-collection-card a[href]:hover{
 filter:brightness(1.1)
}
/* Custom older inline CTA links across Potter section. */
body.mb2-site #mb2-main .mb2v82-article-content a[style*="font-size:10px"],
body.mb2-site #mb2-main .mb2v82-article-content a[style*="font-size:11px"],
body.mb2-site #mb2-main .mb2v82-article-content a[style*="font-size:12px"],
body.mb2-site #mb2-main .mb2-hp-reading a[style*="font-size: 10px"]{
 font-size:16px!important;font-weight:800!important;
 line-height:1.4!important
}
@media(max-width:700px){
 body.mb2-site.mb2-universe{
   --mb2-reading-size:18px;
   --mb2-reading-weight:400;
   --mb2-reading-line:1.68;
   --mb2-button-size:16px
 }
 body.mb2-site #mb2-main .mb2v83-collection-card{padding:17px!important}
 body.mb2-site #mb2-main .mb2v83-card-media{
   margin:-17px -17px 19px!important;width:calc(100% + 34px)
 }
 body.mb2-site #mb2-main .mb2v83-book-media{height:226px;min-height:226px;padding:14px}
 body.mb2-site #mb2-main .mb2v83-book-media img{height:199px!important}
 body.mb2-site #mb2-main .mb2v83-collection-card p{font-size:17px!important}
 body.mb2-site #mb2-main .mb2v83-collection-card :is(a[href],button){
   min-height:46px!important;width:auto;max-width:100%
 }
}
@media(prefers-reduced-motion:reduce){
 body.mb2-site #mb2-main .mb2v83-collection-card{transition:none!important}
}