/*
Theme Name: Battersea Newsroom
Description: Responsive tabloid/news-portal theme for Battersea Chess Club.
Version: 2.4.0
*/
:root{--b:#007acc;--bd:#00629f;--p:#edf7fc;--ink:#151515;--mut:#6b6b6b;--line:#d9d9d9;--max:1200px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.42}img{display:block;max-width:100%;height:auto}a{color:var(--b);text-decoration:none}a:hover{text-decoration:underline}.bdm-wrap{width:calc(100% - 32px);max-width:var(--max);margin:auto}.bdm-utility{background:#242424;color:#fff;font-size:12px}.bdm-utility-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between}.bdm-utility a{color:#fff}.bdm-masthead{border-bottom:1px solid var(--line)}.bdm-masthead-inner{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:124px;padding:14px 0}.bdm-logo img{max-width:78px;max-height:88px;width:auto}.bdm-brand-name{margin:0;font:700 clamp(36px,4.5vw,58px)/.96 Georgia,serif;letter-spacing:-.025em;white-space:nowrap}.bdm-brand-name a{color:var(--ink)}.bdm-tagline{margin:8px 0 0;color:var(--b);font:18px Georgia,serif}.bdm-join{display:inline-block;background:var(--b);color:#fff!important;padding:12px 17px;font-weight:700;white-space:nowrap}.bdm-nav{background:var(--b);border-bottom:4px solid var(--bd)}.bdm-nav-inner{min-height:48px;display:flex;align-items:center}.bdm-menu-toggle{display:none;border:0;background:none;color:#fff;padding:13px 0;font-weight:700}.bdm-primary ul{display:flex;list-style:none;margin:0;padding:0}.bdm-primary a{display:block;color:#fff;padding:14px 18px;font-size:14px;font-weight:700;white-space:nowrap}.bdm-primary li:first-child a{padding-left:0}.bdm-club-strip{background:var(--p);border-bottom:1px solid #cce6f3}.bdm-club-strip-inner{min-height:38px;display:flex;justify-content:center;align-items:center;gap:12px 26px;font-size:12px;font-weight:700}.bdm-club-strip span+span:before{content:'•';color:var(--b);padding-right:26px}.bdm-home{padding:20px 0 40px}.bdm-breaking{display:grid;grid-template-columns:78px minmax(0,1fr);border-top:3px solid var(--b);border-bottom:1px solid var(--line);margin-bottom:18px}.bdm-breaking-title{padding:9px 8px 9px 0;color:var(--b);font-weight:800;text-transform:uppercase;font-size:12px}.bdm-breaking-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.bdm-breaking-item{padding:8px 12px;border-left:1px solid var(--line)}.bdm-breaking-item small{display:block;color:var(--mut);font-size:10px}.bdm-breaking-item a{color:var(--ink);font:14px/1.15 Georgia,serif}.bdm-lead-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.bdm-lead-package{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr);gap:14px;padding-bottom:15px;border-bottom:1px solid var(--line)}.bdm-hero{position:relative;aspect-ratio:16/9;overflow:hidden;background:#ddd}.bdm-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bdm-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.05) 62%)}.bdm-hero-copy{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff}.bdm-kicker{display:inline-block;color:#fff;background:var(--b);padding:3px 6px;font-size:10px;font-weight:800;text-transform:uppercase}.bdm-hero h1{margin:7px 0 5px;font:700 clamp(30px,3.1vw,46px)/.98 Georgia,serif;letter-spacing:-.025em}.bdm-hero h1 a{color:#fff}.bdm-hero-deck{font:16px/1.25 Georgia,serif}.bdm-hero-deck p{margin:0}.bdm-stack{display:grid;grid-template-rows:repeat(2,1fr);gap:14px}.bdm-stack-card{border-bottom:1px solid var(--line);padding-bottom:10px}.bdm-stack-image,.bdm-card-image,.bdm-news-tile-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eee;margin-bottom:7px}.bdm-stack-image img,.bdm-card-image img,.bdm-news-tile-image img{width:100%;height:100%;object-fit:cover}.bdm-stack-card h2{margin:5px 0;font:700 21px/1.03 Georgia,serif}.bdm-stack-card h2 a,.bdm-card h3 a,.bdm-news-tile h3 a{color:var(--ink)}.bdm-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.bdm-card{border-right:1px solid var(--line);padding-right:14px}.bdm-card:last-child{border:0;padding-right:0}.bdm-card h3{margin:5px 0;font:700 20px/1.05 Georgia,serif}.bdm-card p,.bdm-news-tile p{font-size:13px;line-height:1.3;color:#444}.bdm-rail-box{border-top:4px solid var(--b);margin-bottom:18px}.bdm-rail-title{margin:0;padding:8px 0 7px;color:var(--b);border-bottom:1px solid var(--line);font:700 25px/1 Georgia,serif}.bdm-most{list-style:none;padding:0;margin:0}.bdm-most li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.bdm-most-number{color:var(--b);font:700 34px/1 Georgia,serif}.bdm-most a{color:var(--ink);font:700 16px/1.15 Georgia,serif}.bdm-events{background:var(--p);padding:0 12px 12px}.bdm-event{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid #cddfea;font-size:12px}.bdm-event-date{color:var(--b);font-weight:800;text-transform:uppercase}.bdm-visit{background:#f1f1f1;padding:0 13px 14px;font-size:13px}.bdm-section{margin-top:28px}.bdm-section-head{display:flex;justify-content:space-between;align-items:baseline;border-top:4px solid var(--b);border-bottom:1px solid var(--line);padding:7px 0 6px;margin-bottom:13px}.bdm-section-head h2{margin:0;color:var(--b);font:700 27px/1 Georgia,serif}.bdm-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bdm-news-tile h3{margin:4px 0;font:700 19px/1.05 Georgia,serif}.bdm-article-header{width:calc(100% - 32px);max-width:980px;margin:auto;padding:38px 0 20px}.bdm-article-header h1{margin:7px 0 10px;font:700 clamp(38px,5vw,64px)/.98 Georgia,serif}.bdm-standfirst{font:21px/1.35 Georgia,serif;color:#444;max-width:820px}.bdm-meta{font-size:12px;color:var(--mut)}.bdm-article-hero{width:calc(100% - 32px);max-width:1050px;margin:0 auto 30px}.bdm-entry{font:19px/1.72 Georgia,serif;padding-bottom:36px}.bdm-entry>*{max-width:730px;margin-left:auto;margin-right:auto}.bdm-entry>.alignwide{max-width:1050px}.bdm-page{padding:35px 0 50px}.bdm-page h1,.bdm-archive-title{font:700 42px/1 Georgia,serif;border-top:4px solid var(--b);padding-top:8px}.bdm-archive-list article{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.bdm-archive-list h2{margin:4px 0;font:700 29px/1.03 Georgia,serif}.bdm-archive-list h2 a{color:var(--ink)}.bdm-footer{margin-top:40px;background:#242424;color:#fff}.bdm-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding:34px 0}.bdm-footer h2{margin:0 0 8px;font:700 27px/1 Georgia,serif}.bdm-footer p,.bdm-footer a{color:#ddd}.bdm-footer-bottom{border-top:1px solid #444;padding:13px 0;color:#aaa;font-size:11px}@media(max-width:1040px){.bdm-brand-name{font-size:44px}.bdm-lead-layout{grid-template-columns:minmax(0,1fr) 270px}.bdm-lead-package{grid-template-columns:minmax(0,1fr) 210px}.bdm-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bdm-primary a{padding-left:12px;padding-right:12px}}@media(max-width:860px){.bdm-masthead-inner{grid-template-columns:62px minmax(0,1fr);min-height:94px}.bdm-logo img{max-width:55px;max-height:64px}.bdm-brand-name{font-size:36px;white-space:normal}.bdm-tagline{font-size:15px}.bdm-masthead-inner>.bdm-join{display:none}.bdm-menu-toggle{display:block}.bdm-primary{display:none}.bdm-primary.is-open{display:block}.bdm-nav-inner{display:block}.bdm-primary ul{display:block}.bdm-primary a{padding:11px 0;border-top:1px solid rgba(255,255,255,.25)}.bdm-club-strip-inner{justify-content:flex-start;overflow:auto;white-space:nowrap}.bdm-breaking{grid-template-columns:1fr}.bdm-breaking-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bdm-breaking-item:nth-child(n+3){display:none}.bdm-lead-layout{grid-template-columns:1fr}.bdm-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bdm-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.bdm-wrap{width:calc(100% - 22px)}.bdm-brand-name{font-size:30px}.bdm-masthead-inner{grid-template-columns:52px minmax(0,1fr);gap:10px}.bdm-logo img{max-width:47px}.bdm-lead-package{grid-template-columns:1fr}.bdm-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.bdm-secondary-grid,.bdm-news-grid,.bdm-rail{grid-template-columns:1fr}.bdm-card{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.bdm-breaking-list{grid-template-columns:1fr}.bdm-breaking-item:nth-child(n+2){display:none}.bdm-hero h1{font-size:31px}.bdm-archive-list article{grid-template-columns:105px minmax(0,1fr)}.bdm-archive-list h2{font-size:21px}.bdm-footer-grid{grid-template-columns:1fr}}


/* ============================================================
   v1.1 — unified Battersea blue header
   ============================================================ */
.bdm-utility,
.bdm-masthead,
.bdm-nav{
  background:#007acc !important;
  color:#fff !important;
}

.bdm-utility{
  border-bottom:1px solid rgba(255,255,255,.22) !important;
}

.bdm-masthead{
  border-bottom:1px solid rgba(255,255,255,.22) !important;
}

.bdm-brand-name,
.bdm-brand-name a,
.bdm-tagline,
.bdm-utility a{
  color:#fff !important;
}

.bdm-tagline{
  opacity:.95;
}

.bdm-logo img{
  /* preserves the original uploaded logo; no image alteration */
}

.bdm-join{
  background:#fff !important;
  color:#007acc !important;
  border:1px solid #fff !important;
}

.bdm-nav{
  border-top:1px solid rgba(255,255,255,.22) !important;
  border-bottom:4px solid #00629f !important;
}

.bdm-primary a,
.bdm-menu-toggle{
  color:#fff !important;
}

.bdm-primary .current-menu-item>a,
.bdm-primary a:hover{
  background:rgba(0,0,0,.10) !important;
  text-decoration:none !important;
}

/* Make the whole blue header read as one continuous masthead */
.bdm-utility-inner{
  min-height:34px !important;
}
.bdm-masthead-inner{
  min-height:132px !important;
}


/* v1.2 club information strip */
.bdm-club-strip-inner{
  justify-content:flex-start !important;
  gap:0 !important;
  min-height:42px !important;
}
.bdm-club-strip-inner span{
  display:block !important;
  padding:0 18px !important;
  white-space:nowrap !important;
}
.bdm-club-strip-inner span:first-child{
  padding-left:0 !important;
}
.bdm-club-strip-inner span+span:before{
  content:"•" !important;
  color:#007acc !important;
  padding-right:18px !important;
}
@media(max-width:860px){
  .bdm-club-strip-inner{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .bdm-club-strip-inner span{
    flex:0 0 auto !important;
  }
}


/* ============================================================
   v1.4 — blue footer + consistent 16:9 editorial thumbnails
   ============================================================ */

/* Footer uses the Battersea identity blue */
.bdm-footer{
  background:#007acc !important;
  color:#fff !important;
}
.bdm-footer h2,
.bdm-footer strong{
  color:#fff !important;
}
.bdm-footer p,
.bdm-footer a{
  color:#fff !important;
}
.bdm-footer-bottom{
  border-top:1px solid rgba(255,255,255,.28) !important;
  color:rgba(255,255,255,.85) !important;
}

/* All homepage/archive editorial thumbnail containers are 16:9 */
.bdm-stack-image,
.bdm-card-image,
.bdm-news-tile-image,
.bdm-archive-list .bdm-card-image{
  aspect-ratio:16 / 9 !important;
  width:100% !important;
  overflow:hidden !important;
  background:#eee !important;
}

/* Images crop cleanly to 16:9 without distortion */
.bdm-stack-image img,
.bdm-card-image img,
.bdm-news-tile-image img,
.bdm-archive-list .bdm-card-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Lead story image is also fixed at 16:9 */
.bdm-hero{
  aspect-ratio:16 / 9 !important;
}
.bdm-hero > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Gutenberg post thumbnails / Query Loop images can use the same crop */
.wp-block-post-featured-image.bdm-16x9,
.bdm-entry .is-style-bdm-16x9{
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
}
.wp-block-post-featured-image.bdm-16x9 img,
.bdm-entry .is-style-bdm-16x9 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}


/* ============================================================
   v1.5 — mobile lead headline fix
   ============================================================ */

/* Prevent long words/titles ever forcing the hero wider than the viewport */
.bdm-hero-copy,
.bdm-hero h1,
.bdm-hero h1 a{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  hyphens:auto !important;
}

/* Tablet/mobile: give the copy more breathing room */
@media(max-width:650px){
  .bdm-hero{
    aspect-ratio:auto !important;
    min-height:430px !important;
  }

  .bdm-hero-copy{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
  }

  .bdm-hero h1{
    font-size:clamp(27px,8vw,34px) !important;
    line-height:1.02 !important;
    letter-spacing:-0.02em !important;
    margin:7px 0 6px !important;
  }

  .bdm-hero-deck{
    font-size:15px !important;
    line-height:1.25 !important;
  }

  .bdm-kicker{
    font-size:9px !important;
  }
}

/* Very narrow phones */
@media(max-width:420px){
  .bdm-hero{
    min-height:460px !important;
  }

  .bdm-hero h1{
    font-size:clamp(25px,7.5vw,30px) !important;
    line-height:1.03 !important;
  }

  .bdm-hero-deck{
    font-size:14px !important;
  }
}

/* Ultra-narrow devices: prioritise the headline over the deck */
@media(max-width:360px){
  .bdm-hero{
    min-height:470px !important;
  }

  .bdm-hero h1{
    font-size:24px !important;
  }

  .bdm-hero-deck{
    display:none !important;
  }
}


/* ============================================================
   v1.6 — article body padding / mobile reading gutter
   ============================================================ */

/* Give normal article blocks a consistent reading width AND side gutter.
   This prevents paragraphs touching the viewport edge on phones. */
.bdm-entry > *{
  width:calc(100% - 32px) !important;
  max-width:730px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Wide blocks retain a larger editorial width but still get safe gutters. */
.bdm-entry > .alignwide{
  width:calc(100% - 32px) !important;
  max-width:1050px !important;
}

/* Full-width blocks may deliberately break out edge-to-edge. */
.bdm-entry > .alignfull{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

/* Images without wide/full alignment stay aligned with article copy. */
.bdm-entry > figure:not(.alignwide):not(.alignfull),
.bdm-entry > .wp-block-image:not(.alignwide):not(.alignfull){
  width:calc(100% - 32px) !important;
  max-width:730px !important;
}

/* Slightly tighter gutter on small phones, matching the site shell. */
@media(max-width:650px){
  .bdm-entry > *,
  .bdm-entry > figure:not(.alignwide):not(.alignfull),
  .bdm-entry > .wp-block-image:not(.alignwide):not(.alignfull){
    width:calc(100% - 36px) !important;
  }

  .bdm-entry > .alignwide{
    width:calc(100% - 36px) !important;
  }

  .bdm-entry{
    font-size:18px !important;
    line-height:1.68 !important;
  }
}

/* Extra safety for very narrow screens. */
@media(max-width:380px){
  .bdm-entry > *,
  .bdm-entry > figure:not(.alignwide):not(.alignfull),
  .bdm-entry > .wp-block-image:not(.alignwide):not(.alignfull),
  .bdm-entry > .alignwide{
    width:calc(100% - 28px) !important;
  }
}


/* ============================================================
   v1.7 — slightly larger mobile story-card headlines
   ============================================================ */

@media(max-width:650px){
  .bdm-card h2,
  .bdm-card h3,
  .bdm-news-tile h2,
  .bdm-news-tile h3,
  .bdm-archive-list h2,
  .bdm-archive-list h3,
  .bdm-stack-card h2,
  .bdm-stack-card h3{
    font-size:clamp(30px,7.4vw,32px) !important;
    line-height:1.03 !important;
    letter-spacing:-0.015em !important;
  }
}

@media(max-width:390px){
  .bdm-card h2,
  .bdm-card h3,
  .bdm-news-tile h2,
  .bdm-news-tile h3,
  .bdm-archive-list h2,
  .bdm-archive-list h3,
  .bdm-stack-card h2,
  .bdm-stack-card h3{
    font-size:clamp(27px,7vw,29px) !important;
    line-height:1.04 !important;
  }
}


/* ============================================================
   v1.8 — Battersea-blue editorial listing headlines
   ============================================================ */

/* Story headlines on homepage, news/archive listings and side modules */
.bdm-card h2 a,
.bdm-card h3 a,
.bdm-news-tile h2 a,
.bdm-news-tile h3 a,
.bdm-archive-list h2 a,
.bdm-archive-list h3 a,
.bdm-stack-card h2 a,
.bdm-stack-card h3 a,
.bdm-latest a,
.bdm-most-read a{
  color:#007acc !important;
  text-decoration:none;
}

/* If a template wraps the heading rather than the link, colour it too. */
.bdm-card h2,
.bdm-card h3,
.bdm-news-tile h2,
.bdm-news-tile h3,
.bdm-archive-list h2,
.bdm-archive-list h3,
.bdm-stack-card h2,
.bdm-stack-card h3{
  color:#007acc !important;
}

/* Subtle darker blue on hover/focus */
.bdm-card h2 a:hover,
.bdm-card h3 a:hover,
.bdm-news-tile h2 a:hover,
.bdm-news-tile h3 a:hover,
.bdm-archive-list h2 a:hover,
.bdm-archive-list h3 a:hover,
.bdm-stack-card h2 a:hover,
.bdm-stack-card h3 a:hover,
.bdm-latest a:hover,
.bdm-most-read a:hover,
.bdm-card h2 a:focus,
.bdm-card h3 a:focus,
.bdm-news-tile h2 a:focus,
.bdm-news-tile h3 a:focus,
.bdm-archive-list h2 a:focus,
.bdm-archive-list h3 a:focus,
.bdm-stack-card h2 a:focus,
.bdm-stack-card h3 a:focus{
  color:#00629f !important;
}

/* Preserve the visual hierarchy:
   hero-over-image headlines remain white */
.bdm-hero h1,
.bdm-hero h1 a,
.bdm-hero h2,
.bdm-hero h2 a,
.bdm-hero h3,
.bdm-hero h3 a{
  color:#fff !important;
}

/* Individual article/page titles and headings remain black */
.single .bdm-article-title,
.single .bdm-article-title a,
.single .bdm-entry h1,
.single .bdm-entry h2,
.single .bdm-entry h3,
.single .bdm-entry h4,
.page .bdm-entry h1,
.page .bdm-entry h2,
.page .bdm-entry h3,
.page .bdm-entry h4{
  color:#151515 !important;
}


/* ============================================================
   v1.9 — mobile hamburger navigation button
   ============================================================ */
.bdm-menu-icon{
  display:inline-flex;
  width:28px;
  height:22px;
  flex-direction:column;
  justify-content:space-between;
  vertical-align:middle;
}
.bdm-menu-icon span{
  display:block;
  width:100%;
  height:3px;
  background:#fff;
  border-radius:2px;
}
.screen-reader-text{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
@media(max-width:860px){
  .bdm-menu-toggle,
  .bdm-nav button{
    min-width:52px;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px !important;
    font-size:0 !important;
    cursor:pointer;
  }
  .bdm-menu-toggle .screen-reader-text,
  .bdm-nav button .screen-reader-text{
    font-size:1px !important;
  }
}


/* ============================================================
   v2.0 — deeper homepage lead story
   Only the main homepage hero breaks the 16:9 card ratio.
   ============================================================ */

/* Desktop/tablet: 3:2 gives the lead image more editorial presence. */
.home .bdm-hero{
  aspect-ratio:3 / 2 !important;
  min-height:0 !important;
}

/* Mobile: give the lead enough vertical room for image + headline/deck. */
@media(max-width:650px){
  .home .bdm-hero{
    aspect-ratio:4 / 3 !important;
    min-height:460px !important;
  }
}

@media(max-width:420px){
  .home .bdm-hero{
    aspect-ratio:auto !important;
    min-height:480px !important;
  }
}

@media(max-width:360px){
  .home .bdm-hero{
    min-height:490px !important;
  }
}

/* All ordinary editorial cards retain the existing 16:9 treatment. */
.home .bdm-card-thumb,
.home .bdm-news-thumb,
.home .bdm-stack-thumb{
  aspect-ratio:16 / 9;
}


/* ============================================================
   v2.1 — larger Battersea masthead logo
   ============================================================ */

/* Increase the visual prominence of the existing custom logo
   without changing or stretching the source artwork. */
.bdm-masthead .custom-logo-link{
  display:inline-flex;
  align-items:center;
}

.bdm-masthead .custom-logo{
  width:auto !important;
  height:auto !important;
  max-width:min(100%, 390px) !important;
  max-height:112px !important;
  object-fit:contain;
}

/* Give the enlarged logo enough room while keeping the masthead tidy. */
.bdm-masthead-inner{
  min-height:128px;
  align-items:center;
}

@media(max-width:860px){
  .bdm-masthead .custom-logo{
    max-width:300px !important;
    max-height:90px !important;
  }

  .bdm-masthead-inner{
    min-height:104px;
  }
}

@media(max-width:650px){
  .bdm-masthead .custom-logo{
    max-width:min(78vw, 270px) !important;
    max-height:82px !important;
  }

  .bdm-masthead-inner{
    min-height:94px;
  }
}

@media(max-width:380px){
  .bdm-masthead .custom-logo{
    max-width:min(76vw, 245px) !important;
    max-height:76px !important;
  }

  .bdm-masthead-inner{
    min-height:88px;
  }
}


/* ============================================================
   v2.2 — fix mobile logo/site-title collision
   Keep the larger desktop identity, but size and separate the
   crest properly when the masthead becomes narrow.
   ============================================================ */

@media(max-width:650px){
  .bdm-masthead-inner{
    min-height:150px !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }

  .bdm-masthead .custom-logo-link{
    flex:0 0 102px !important;
    width:102px !important;
    max-width:102px !important;
  }

  .bdm-masthead .custom-logo{
    display:block !important;
    width:102px !important;
    max-width:102px !important;
    height:auto !important;
    max-height:118px !important;
    object-fit:contain !important;
  }

  .bdm-brand-text{
    flex:1 1 auto !important;
    min-width:0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .bdm-site-title{
    margin:0 !important;
  }
}

@media(max-width:420px){
  .bdm-masthead-inner{
    min-height:142px !important;
    gap:10px !important;
  }

  .bdm-masthead .custom-logo-link{
    flex-basis:92px !important;
    width:92px !important;
    max-width:92px !important;
  }

  .bdm-masthead .custom-logo{
    width:92px !important;
    max-width:92px !important;
    max-height:108px !important;
  }
}

@media(max-width:360px){
  .bdm-masthead .custom-logo-link{
    flex-basis:82px !important;
    width:82px !important;
    max-width:82px !important;
  }

  .bdm-masthead .custom-logo{
    width:82px !important;
    max-width:82px !important;
  }
}


/* ============================================================
   v2.3 — linked homepage category tags
   ============================================================ */
a.bdm-kicker{
  display:inline-block;
  color:#fff !important;
  text-decoration:none !important;
}
a.bdm-kicker:hover,
a.bdm-kicker:focus{
  background:#00629f !important;
  color:#fff !important;
  text-decoration:none !important;
}


/* ============================================================
   v2.4 — remove homepage Latest strip
   ============================================================ */
.home .bdm-home{
  padding-top:22px;
}

@media(max-width:650px){
  .home .bdm-home{
    padding-top:18px;
  }
}