/* Mary & Blake Website 2.0 V17 — Outlander, HOTD, Marvel extensions.
   Adds franchise personality to the approved V16 Peaky hub layout.
   Draft only. V16 + V17 CSS are loaded by the V17 PHP before wp_head(). */
body.mb2-universe .mb2-v17-hub{--hub-gold:#9adfe9;--hub-teal:#8bdce9}
body.mb2-universe .mb2-v17-outlander{--hub-gold:#d9c0a0;--hub-teal:#83deed}
body.mb2-universe .mb2-v17-dragon{--hub-gold:#e4ae91;--hub-teal:#b1dfea}
body.mb2-universe .mb2-v17-marvel{--hub-gold:#9cbbf7;--hub-teal:#9be5ff}
body.mb2-universe .mb2-v17-outlander .mb2-hub-hero-art img{object-position:55% 28%;filter:saturate(.92)}
body.mb2-universe .mb2-v17-dragon .mb2-hub-hero-art img{object-position:center 32%;filter:saturate(.88) contrast(1.08)}
body.mb2-universe .mb2-v17-marvel .mb2-hub-hero-art img{object-position:center 35%;filter:saturate(.91) contrast(1.07)}
body.mb2-universe .mb2-v17-hub .mb2-hub-hero:after{background:linear-gradient(90deg,rgba(8,11,14,1) 0%,rgba(8,11,14,.92) 16%,rgba(8,11,14,.75) 38%,rgba(8,11,14,.12) 84%),linear-gradient(0deg,#090c0e 0%,rgba(9,12,14,.26) 32%,transparent 80%)}
body.mb2-universe .mb2-v17-hub .mb2-hub-hero h1{font-size:clamp(51px,6vw,83px)!important;line-height:1.05!important;letter-spacing:-2.8px!important;max-width:880px}
body.mb2-universe .mb2-v17-hub .mb2-hub-hero h1 span{font-size:clamp(27px,3.6vw,47px);line-height:1.24;margin-top:13px;max-width:760px}
body.mb2-universe .mb2-v17-hub .mb2-hub-hero-copy{max-width:795px}
body.mb2-universe .mb2-v17-hub .mb2-hub-hero-copy>p{font-size:16px;max-width:680px}
body.mb2-universe .mb2-v17-hub .mb2-hub-eyebrow{color:var(--hub-gold)!important}
body.mb2-universe .mb2-v17-hub .mb2-hub-season.is-live{background:linear-gradient(140deg,#1e2c36,#10191d 83%);border-color:#5c7788}
body.mb2-universe .mb2-v17-hub .mb2-hub-season-number{font-size:39px}
body.mb2-universe .mb2-v17-hub .mb2-hub-season.is-live .mb2-hub-season-number{color:var(--hub-gold)}
body.mb2-universe .mb2-v17-hub .mb2-hub-season-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
body.mb2-universe .mb2-v17-hub .mb2-hub-season{min-height:185px}
body.mb2-universe .mb2-v17-hub .mb2-hub-season strong{font-size:16px;overflow-wrap:break-word}
body.mb2-universe .mb2-v17-hub .mb2-hub-deep-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.mb2-universe .mb2-v17-hub .mb2-v17-destinations{background:#0c1216;border-block:1px solid #2b3c45}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination{color:#f6f7f6!important;background:#151c23;border:1px solid #36464f;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none!important;min-width:0;transition:transform .2s,border-color .2s}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination:hover{transform:translateY(-3px);border-color:var(--hub-teal)}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-art{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#273d46,#11181d)}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-art img{display:block;width:100%!important;height:100%!important;object-fit:cover;max-width:none!important}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px;gap:9px}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content strong{font-size:19px;font-weight:900;color:#fff;line-height:1.24;letter-spacing:-.35px}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content small{font-size:13px;line-height:1.5;color:#c0ced4;font-weight:600}
body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content em{display:block;margin-top:auto;padding-top:8px;font-size:12px;font-style:normal;color:#a4e6f8;font-weight:900}
body.mb2-universe .mb2-v17-hub .mb2-v17-recent-grid .mb2-hub-story{min-height:350px}
body.mb2-universe .mb2-v17-hub .mb2-hub-story.is-feature .mb2-hub-story-inner strong{font-size:clamp(24px,2.3vw,34px)}
body.mb2-universe .mb2-v17-hub .mb2-hub-story-inner strong{font-size:clamp(17px,1.7vw,23px)}
body.mb2-universe .mb2-v17-hub .mb2-hub-story-quote{border-left-color:var(--hub-gold)}
body.mb2-universe .mb2-v17-hub .mb2-hub-hero{min-height:610px}
@media(max-width:1050px){
 body.mb2-universe .mb2-v17-hub .mb2-v17-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mb2-universe .mb2-v17-hub .mb2-hub-deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
 body.mb2-universe .mb2-v17-hub .mb2-hub-hero{min-height:0}
 body.mb2-universe .mb2-v17-hub .mb2-hub-hero:after{background:linear-gradient(0deg,#090c0e 0%,rgba(9,12,14,.16) 70%),linear-gradient(90deg,rgba(9,12,14,.17),rgba(9,12,14,.09))}
 body.mb2-universe .mb2-v17-hub .mb2-hub-hero h1{font-size:clamp(38px,7.5vw,61px)!important;letter-spacing:-1.5px!important}
 body.mb2-universe .mb2-v17-hub .mb2-hub-deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 body.mb2-universe .mb2-v17-hub .mb2-hub-hero h1{font-size:clamp(36px,9vw,47px)!important}
 body.mb2-universe .mb2-v17-hub .mb2-hub-hero h1 span{font-size:clamp(23px,6vw,30px)}
 body.mb2-universe .mb2-v17-hub .mb2-hub-deep-grid{grid-template-columns:1fr}
 body.mb2-universe .mb2-v17-hub .mb2-v17-destination-grid{grid-template-columns:1fr 1fr;gap:9px}
 body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content{padding:13px}
 body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content strong{font-size:16px}
 body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content small{font-size:11px}
 body.mb2-universe .mb2-v17-hub .mb2-hub-season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.mb2-universe .mb2-v17-hub .mb2-hub-season{min-height:160px}
}

/* V17.1 — approved franchise hub desktop readability pass.
 * The existing mobile appearance is intentionally unchanged at 780px and below.
 * Limit these overrides to the three V17 hubs; no Peaky, homepage,
 * podcast, article, ad iframe, or sitewide typography changes. */
@media (min-width:781px) {
  body.mb2-universe .mb2-v17-hub p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-intro-copy > p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-section-top p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-story-grid p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-story-quote p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-members-note p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-close-grid p,
  body.mb2-universe .mb2-v17-hub .mb2-hub-faq-list details p {
    font-weight:600!important;
  }
  body.mb2-universe .mb2-v17-hub .mb2-hub-intro-lead,
  body.mb2-universe .mb2-v17-hub .mb2-hub-hero-copy > p {
    font-weight:700!important;
  }
  body.mb2-universe .mb2-v17-hub .mb2-v17-destination-content small,
  body.mb2-universe .mb2-v17-hub .mb2-hub-fact span {
    font-weight:700!important;
  }
}

/* V17.2 — Marvel only: one illustrated guide collection, two featured paths
   above three supporting paths. No change to Outlander or Dragon hubs. */
body.mb2-universe .mb2-v17-marvel .mb2-v17-destinations{background:#0c1216}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination{
  grid-column:span 2;
  border-color:#3d5360;
  background:#151e24;
  border-radius:10px;
  min-width:0;
}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2){
  grid-column:span 3;
  border-color:#52727e;
  background:#17242b;
}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2) .mb2-v17-destination-art{aspect-ratio:16/7}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content{padding:20px 21px;gap:9px}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content strong{font-size:21px;line-height:1.25}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2) .mb2-v17-destination-content strong{font-size:clamp(23px,2.2vw,28px)}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content small{
  color:#d0dade;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content em{color:#a4e6f8;font-size:13px}
body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:focus-visible{outline:3px solid #a4e6f8;outline-offset:3px}
@media(max-width:1050px){
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination{grid-column:span 1}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2){grid-column:span 1}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:last-child{grid-column:1/-1}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:last-child .mb2-v17-destination-art{aspect-ratio:16/5}
}
@media(max-width:700px){
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destinations{padding-top:42px;padding-bottom:50px}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-grid{grid-template-columns:1fr;gap:12px}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination,
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2),
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:last-child{
    grid-column:1;
    display:grid;
    grid-template-columns:minmax(0,40%) minmax(0,60%);
    min-height:173px;
    align-items:stretch;
  }
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-art,
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2) .mb2-v17-destination-art,
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:last-child .mb2-v17-destination-art{
    aspect-ratio:auto;
    height:100%;
    min-height:173px;
    overflow:hidden;
  }
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-art img{width:100%!important;height:100%!important;object-fit:cover}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content{padding:15px 17px;gap:6px;justify-content:flex-start}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content strong,
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2) .mb2-v17-destination-content strong{font-size:18px;line-height:1.22}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content small{font-size:12px;line-height:1.42;font-weight:400}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content em{font-size:12px;padding-top:5px}
}
@media(max-width:360px){
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination,
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:nth-child(-n+2),
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination:last-child{grid-template-columns:minmax(0,36%) minmax(0,64%)}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content{padding:12px}
  body.mb2-universe .mb2-v17-marvel .mb2-v17-destination-content strong{font-size:16px}
}