/* Compact guide headers: copy on the left, matching discovery actions on the right. */
body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro.lbfd-compact-guide-hero,
body .lbfd-about-page .lbfd-about-hero.lbfd-compact-guide-hero {
 box-sizing:border-box; display:flex; align-items:center; min-height:300px; padding:24px 38px;
}
body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro > .lbfd-compact-hero__inner,
body .lbfd-about-page .lbfd-about-hero > .lbfd-compact-hero__inner {
 width:100%; max-width:1280px; min-height:252px; margin:0 auto; display:grid;
 grid-template-columns:minmax(0,1fr) 240px; align-items:center; gap:64px;
}
.lbfd-compact-hero__copy { min-width:0; max-width:800px; }
body .lbfd-compact-guide-hero .lbfd-compact-hero__copy h1 { margin:0 0 12px; max-width:800px; }
body .lbfd-compact-guide-hero .lbfd-compact-hero__copy > p { margin:0; max-width:800px; }
body .lbfd-compact-guide-hero .lbfd-compact-hero__actions { display:flex; flex-direction:column; gap:12px; width:240px; margin:0; padding:0; }
body .lbfd-compact-guide-hero .lbfd-compact-hero__actions > a {
 box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:100%; min-height:50px;
 padding:12px 18px; margin:0; border:2px solid #0878f9; border-radius:12px;
 background:#0878f9; color:#fff; font:900 16px/1.35 Nunito,Arial,sans-serif; text-align:center; text-decoration:none;
}
body .lbfd-compact-guide-hero .lbfd-compact-hero__actions > a + a { border-color:#fff; background:transparent; }
body .lbfd-compact-guide-hero .lbfd-compact-hero__actions > a:hover { background:#0063d5; border-color:#0063d5; }
body .lbfd-compact-guide-hero .lbfd-compact-hero__actions > a:focus-visible { outline:3px solid #8ae5ff; outline-offset:4px; }
/* Downloads remain in normal document flow immediately after the App hero. */
body .lbfd-native-app > .lbfd-native-app__download-strip {
 box-sizing:border-box; max-width:1240px; margin:0 auto; padding:22px 0 0;
 display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 28px;
}
body .lbfd-native-app__download-strip > .lbfd-native-app__stores { margin:0; }
body .lbfd-native-app__download-strip > p { color:#647d88; font-size:15px; line-height:1.5; margin:0; max-width:490px; }
@media(min-width:701px) {
 body .lbfd-native-app .lbfd-native-app__hero.lbfd-native-app__hero--compact {
  box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center;
  min-height:300px; padding:24px max(38px,calc((100% - 1280px)/2));
 }
 body .lbfd-native-app .lbfd-native-app__hero--compact > .lbfd-native-app__hero-copy {
  position:relative; z-index:1; width:calc(100% - 260px); max-width:800px;
 }
 body .lbfd-native-app .lbfd-native-app__hero--compact > .lbfd-native-app__device {
  position:absolute; z-index:0; right:max(38px,calc((100% - 1160px)/2)); top:50%;
  transform:translateY(-50%); margin:0; width:180px; height:auto; aspect-ratio:1 / 2.08;
 }
 body .lbfd-native-app .lbfd-native-app__hero--compact .lbfd-native-app__hero-copy > p { max-width:740px; }
}
@media(min-width:701px) and (max-width:1099px) {
 body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro > .lbfd-compact-hero__inner,
 body .lbfd-about-page .lbfd-about-hero > .lbfd-compact-hero__inner { grid-template-columns:minmax(0,1fr) 210px; gap:28px; }
 body .lbfd-compact-guide-hero .lbfd-compact-hero__actions { width:210px; }
 body .lbfd-compact-guide-hero .lbfd-compact-hero__copy h1 { font-size:38px; }
 body .lbfd-compact-guide-hero .lbfd-compact-hero__copy > p { font-size:17px; }
}
@media(max-width:700px) {
 body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro.lbfd-compact-guide-hero,
 body .lbfd-about-page .lbfd-about-hero.lbfd-compact-guide-hero { min-height:0; padding:32px 22px; }
 body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro > .lbfd-compact-hero__inner,
 body .lbfd-about-page .lbfd-about-hero > .lbfd-compact-hero__inner { grid-template-columns:minmax(0,1fr); min-height:0; gap:24px; }
 body .lbfd-compact-guide-hero .lbfd-compact-hero__actions { width:100%; max-width:340px; }
 body .lbfd-native-app .lbfd-native-app__hero--compact { min-height:0; padding:32px 22px; }
 body .lbfd-native-app .lbfd-native-app__hero--compact > .lbfd-native-app__device { display:none; }
 body .lbfd-native-app > .lbfd-native-app__download-strip { display:block; padding-top:20px; }
 body .lbfd-native-app__download-strip > p { margin-top:14px; }
}

/* Nested compact copy needs its own light text rule; old direct-child selectors no longer match. */
body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro .lbfd-compact-hero__copy > p,
body .lbfd-about-page .lbfd-about-hero .lbfd-compact-hero__copy > p {
 color:#edf6ff; opacity:1; font-size:clamp(17px,1.4vw,20px); line-height:1.55;
}
body .lbfd-native-app .lbfd-native-app__hero--compact .lbfd-native-app__lead { color:#fff; opacity:1; }
body .lbfd-native-app .lbfd-native-app__hero--compact .lbfd-native-app__note { color:#edf6ff; opacity:1; }
@media(max-width:1099px) {
 body .lbfd-info-page--what-is-bowls .lbfd-info-hero--intro .lbfd-compact-hero__copy > p,
 body .lbfd-about-page .lbfd-about-hero .lbfd-compact-hero__copy > p { font-size:17px; }
}

/* The About title can use the whole left grid column; paragraph measure stays separate. */
@media(min-width:1100px) {
 body .lbfd-about-page .lbfd-about-hero.lbfd-compact-guide-hero .lbfd-compact-hero__copy,
 body .lbfd-about-page .lbfd-about-hero.lbfd-compact-guide-hero .lbfd-compact-hero__copy > h1 { max-width:none; }
 body .lbfd-about-page .lbfd-about-hero.lbfd-compact-guide-hero .lbfd-compact-hero__copy > h1 { font-size:clamp(38px,3.5vw,52px); }
}

/* Smaller App phone, gently angled without changing the device aspect ratio. */
@media(min-width:701px) {
 body .lbfd-native-app .lbfd-native-app__hero.lbfd-native-app__hero--compact > .lbfd-native-app__device {
  width:150px; transform:translateY(-50%) rotate(6deg); transform-origin:center center;
 }
}