/* site-fix v46 (11 Nov 2026, Stacy): on computers the blue Booking Made Easy block sits in the left column,
   so the home page goes hero -> who we are -> the info boxes. Sidebar now shows from 1024px (was 1400px). */
@media (min-width:1024px){
 body:has(.bme-side){padding-left:248px}
 .bme-side{display:block;position:fixed;left:0;top:0;bottom:0;width:232px;overflow-y:auto;z-index:30;padding:18px 14px 24px;
   background:linear-gradient(180deg,#030C54 0%,#022F8E 70%,#0E6F86 100%);color:#fff;box-shadow:6px 0 24px rgba(1,1,40,.22)}
 .crew-tab{display:none!important}
 .jump-bar{left:248px}
 .bme-home{display:none!important}
}
@media (min-width:1400px){
 body:has(.bme-side){padding-left:268px}
 .bme-side{width:250px;padding:20px 16px 24px}
 .jump-bar{left:268px}
}
@media print{.bme-side{display:none!important}body{padding-left:0!important}}

/* hero with the left column: the page area is ~248px narrower, so the hero switches layout earlier */
@media (min-width:1024px) and (max-width:1147px){
  /* phone: kicker + headline, then the two grannies side by side, then the rest (Stacy, 19 Oct) */
  .hero-cut{min-height:0;display:flex;flex-direction:column;padding:26px 0 18px}
  .hero-cut .cut-mid{display:contents}
  .hero-cut .kicker{order:1;padding:0 18px;text-align:center}
  .hero-cut h1{order:2;padding:0 18px;text-align:center;margin:0}
  .cut-people{order:3;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 10px 0;align-items:end}
  .hero-cut .lead{order:4;margin:22px auto 18px;padding:0 18px;text-align:center}
  .hero-cut .cta-row{order:5;padding:0 18px;justify-content:center}
  .cut-p{position:relative;left:auto!important;right:auto!important;display:flex;flex-direction:column;align-items:center}
  .cut-p img{height:250px}
  .cut-tag{position:relative;left:auto!important;right:auto!important;bottom:auto;width:100%;margin-top:-8px;padding:10px 11px;box-sizing:border-box}
  .cut-tag{min-height:200px}  /* same height so both tags line up */
  .cut-tag b{font-size:1.15rem}.cut-tag i{font-size:.74rem}.cut-tag span{font-size:.98rem}
  .cut-people{max-width:640px;margin:0 auto}
  .cut-p img{height:300px}
}
@media (min-width:1148px) and (max-width:1499px){
  .hero-cut .cut-mid{max-width:600px;padding-bottom:210px}
  .cut-p img{height:520px}
  .cut-tag{width:255px;bottom:18px;padding:12px 15px}
  .cut-tag b{font-size:1.4rem}.cut-tag span{font-size:1.02rem}
}

/* rp:start  reader paths (11 Nov 2026) */
.tsu{margin:30px 0;border-radius:20px}
.tsu .tsu-kick{margin:0 0 4px;font-weight:800;font-size:.82rem;letter-spacing:.08em;color:#FFD43B}
.tsu h2{margin-top:0}
.tsu .tsu-form{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:700px){.tsu .tsu-form{grid-template-columns:1fr 1fr auto;align-items:end}}
.read-next{margin:34px 0 26px}
.read-next h2{margin:0 0 14px}
.rn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.rn-grid .hz-b a.more{color:#FFD43B!important}
/* rp:end */