/* Photo headers for What is bowls? and App. Other guides retain their layout. */
.lbfd-info-page--what-is-bowls { max-width:none; padding:0 0 80px; }
.lbfd-info-page--what-is-bowls > :not(.lbfd-info-hero--intro) { width:calc(100% - 76px); max-width:1344px; margin-left:auto; margin-right:auto; }
.lbfd-info-page--what-is-bowls .lbfd-info-hero--intro {
 display:block; min-height:420px; padding:54px max(38px,calc((100% - 1280px)/2));
 border:0; border-radius:0; background-color:#062344;
 background-image:linear-gradient(90deg,rgba(3,27,54,.98) 0%,rgba(3,27,54,.92) 36%,rgba(3,27,54,.62) 57%,rgba(3,27,54,.08) 100%),url('../img/page-header-club-soft-focus-20261031.webp');
 background-size:cover; background-position:center;
}
.lbfd-info-hero--intro > div { max-width:760px; }
.lbfd-info-hero--intro h1 { color:#fff; font-weight:900; font-size:clamp(36px,4.5vw,64px); letter-spacing:-.035em; max-width:760px; }
.lbfd-info-hero--intro > div > p { color:#edf6ff; font-size:clamp(17px,1.4vw,20px); max-width:710px; }
.lbfd-info-hero--intro .lbfd-info-eyebrow { color:#64dbff; }
.lbfd-info-hero--intro .lbfd-info-button { background:#0878f9; border-color:#0878f9; }
.lbfd-info-hero--intro .lbfd-info-button--outline { background:transparent; border-color:#fff; color:#fff; }
.lbfd-info-hero--intro .lbfd-info-button:hover { background:#0063d5; border-color:#0063d5; }
.lbfd-info-hero--intro a:focus-visible { outline:3px solid #8ae5ff; outline-offset:4px; }
.lbfd-info-page--what-is-bowls > .lbfd-info-tabs { margin-top:22px; margin-bottom:20px; }
.lbfd-info-page--what-is-bowls > .lbfd-bias-demo { display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:24px; min-height:0; padding:14px 30px; background:#eaf7fc; }
.lbfd-info-page--what-is-bowls .lbfd-bias-demo__diagram { width:310px; height:100px; flex:0 0 310px; }
.lbfd-info-page--what-is-bowls .lbfd-bias-demo__copy h2 { margin:0 0 4px; font-size:23px; font-weight:900; }
.lbfd-info-page--what-is-bowls .lbfd-bias-demo__copy p { margin:0; font-size:17px; position:static; }
.lbfd-info-page--what-is-bowls .lbfd-bias-demo__jack-shape { fill:#fff; stroke:#8596a5; stroke-width:1.5; }
.lbfd-native-app { width:100%; max-width:none; margin:0 auto 54px; transform:none; }
.lbfd-native-app > :not(.lbfd-native-app__hero) { width:calc(100% - 48px); max-width:1240px; margin-left:auto; margin-right:auto; }
.lbfd-native-app .lbfd-native-app__hero {
 grid-template-columns:minmax(0,1.5fr) minmax(250px,.75fr); gap:64px;
 border:0; border-radius:0; padding:48px max(24px,calc((100% - 1180px)/2));
 background-color:#062344;
 background-image:linear-gradient(90deg,rgba(3,27,54,.98),rgba(3,27,54,.9) 38%,rgba(3,27,54,.38) 72%,rgba(3,27,54,.12)),url('../img/page-header-club-soft-focus-20261031.webp');
 background-size:cover; background-position:center;
}
.lbfd-native-app__hero h1 { color:#fff; font-size:clamp(38px,4.3vw,64px); }
.lbfd-native-app__hero .lbfd-native-app__eyebrow { color:#64dbff; }
.lbfd-native-app__hero .lbfd-native-app__lead { color:#fff; font-size:clamp(19px,1.8vw,25px); }
.lbfd-native-app__hero .lbfd-native-app__note { color:#d5e7f7; }
.lbfd-native-app__hero-copy > p > a { color:#64dbff; font-weight:800; }
.lbfd-native-app__hero .lbfd-native-store { border-color:#c4dbea; }
.lbfd-native-app__hero a:focus-visible { outline:3px solid #8ae5ff; outline-offset:4px; }
.lbfd-native-app__hero .lbfd-native-app__device { display:flex; align-items:center; justify-content:center; width:260px; height:auto; aspect-ratio:1 / 2.08; padding:24px 6px 12px; border:7px solid #101923; border-radius:38px; background:#f1f6fa; box-shadow:0 2px 0 2px #79909e,0 24px 48px #0005; }
.lbfd-native-app__hero .lbfd-native-app__device::before { top:7px; width:66px; height:16px; background:#101923; }
.lbfd-native-app__hero .lbfd-native-app__device::after { content:""; position:absolute; bottom:5px; left:34%; width:32%; height:4px; border-radius:4px; background:#101923; }
.lbfd-native-app__hero-screen { display:block; flex:0 0 auto; width:100%; height:auto; object-fit:contain; border-radius:20px; }
@media(max-width:920px) {
 .lbfd-native-app .lbfd-native-app__hero { grid-template-columns:minmax(0,1fr) 230px; gap:28px; }
 .lbfd-native-app__hero .lbfd-native-app__device { width:230px; }
 .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro { background-position:65% center; }
}
@media(max-width:700px) {
 .lbfd-info-page--what-is-bowls > :not(.lbfd-info-hero--intro) { width:calc(100% - 32px); }
 .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro { padding:38px 22px; min-height:0; background-image:linear-gradient(90deg,rgba(3,27,54,.97),rgba(3,27,54,.8)),url('../img/page-header-club-soft-focus-20261031.webp'); }
 .lbfd-info-page--what-is-bowls > .lbfd-bias-demo { flex-direction:column-reverse; align-items:flex-start; gap:8px; padding:20px; }
 .lbfd-info-page--what-is-bowls .lbfd-bias-demo__diagram { width:100%; height:105px; flex:auto; }
 .lbfd-info-hero--intro .lbfd-info-actions a { width:100%; }
 .lbfd-native-app .lbfd-native-app__hero { grid-template-columns:minmax(0,1fr); gap:32px; padding:38px 24px; background-image:linear-gradient(180deg,rgba(3,27,54,.97),rgba(3,27,54,.76)),url('../img/page-header-club-soft-focus-20261031.webp'); background-position:70% center; }
 .lbfd-native-app__hero .lbfd-native-app__device { width:220px; }
 .lbfd-native-app > :not(.lbfd-native-app__hero) { width:calc(100% - 32px); }
 .lbfd-native-app__hero .lbfd-native-app__stores { gap:10px; }
 .lbfd-native-app__hero .lbfd-native-store { min-width:145px; padding:8px 12px; }
}

/* Shared compact subpage hero: content may expand at narrow widths or text zoom. */
@media (min-width:701px) {
 .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro {
  display:flex; align-items:center; min-height:440px;
  padding-top:28px; padding-bottom:28px;
 }
 .lbfd-info-hero--intro h1 { font-size:clamp(38px,3.8vw,54px); }
 .lbfd-native-app .lbfd-native-app__hero {
  min-height:440px; padding-top:28px; padding-bottom:28px;
  grid-template-columns:minmax(0,1fr) 250px;
 }
 .lbfd-native-app__hero h1 { font-size:clamp(36px,3.3vw,48px); line-height:1.06; }
 .lbfd-native-app__hero .lbfd-native-app__eyebrow { margin:0 0 8px; font-size:12px; line-height:1.4; }
 .lbfd-native-app__hero .lbfd-native-app__lead { margin-top:14px; font-size:20px; line-height:1.4; }
 .lbfd-native-app__hero .lbfd-native-app__note { margin-top:10px; font-size:14px; line-height:1.45; }
 .lbfd-native-app__hero .lbfd-native-app__stores { margin-top:16px; }
 .lbfd-native-app__hero .lbfd-native-store { min-height:52px; }
 .lbfd-native-app__hero-copy > p:last-child { margin:6px 0 0; line-height:1.4; }
 .lbfd-native-app__hero .lbfd-native-app__device {
  width:180px; padding:17px 4px 9px; border-width:5px; border-radius:28px;
 }
 .lbfd-native-app__hero .lbfd-native-app__device::before { width:46px; height:11px; top:5px; }
 .lbfd-native-app__hero .lbfd-native-app__device::after { height:3px; bottom:4px; }
 .lbfd-native-app__hero-screen { border-radius:15px; }
}
@media (min-width:701px) and (max-width:920px) {
 .lbfd-native-app .lbfd-native-app__hero { grid-template-columns:minmax(0,1fr) 180px; }
}