/* BTE V6 R74 Visual integration: shared presentation layer. Do not alter data/controls. */
:root { --bte-v74-ink:#0c1925; --bte-v74-mist:#d8e6ee; --bte-v74-accent:#c7a4ee; }
body.bte-app #main .bte28-intro {position:relative;isolation:isolate;overflow:hidden;min-height:clamp(370px,43vw,580px);display:flex;align-items:flex-end;background:#0b1a27!important;color:#fff!important;border:0!important;}
body.bte-app #main .bte28-intro-photo{position:absolute!important;inset:0!important;z-index:-2!important;background-image:var(--bte28-photo)!important;background-size:cover!important;background-position:center 52%!important;opacity:1!important;filter:none!important;}
body.bte-app #main .bte28-intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,17,27,.91),rgba(7,17,27,.68) 48%,rgba(7,17,27,.14)),linear-gradient(0deg,rgba(7,17,27,.42),transparent 55%);pointer-events:none;}
body.bte-app #main .bte28-intro-content{position:relative;z-index:1;width:100%;padding-block:clamp(64px,8vw,105px) clamp(36px,5vw,65px)!important;}
body.bte-app #main .bte28-intro h1{color:#fff!important;font-size:clamp(42px,5.2vw,78px)!important;letter-spacing:-.055em;line-height:1.03;text-wrap:balance;max-width:870px;text-shadow:0 2px 22px #0006;}
body.bte-app #main .bte28-intro-content>p{color:#ebf1f7!important;font-size:clamp(15px,1.3vw,18px);line-height:1.6;max-width:670px;}
body.bte-app #main .bte28-overline,body.bte-app #main .bte28-intro-bottom{color:#d8e6ee!important;}
/* Rider-defined layout rhythm; intentionally leave homepage portrait and Rider templates intact. */
body.bte-app #main .bte-coast-hero,body.bte-app #main .bte-glossary-hero,body.bte-app #main .bte-gear-heading{border-radius:20px;overflow:hidden;}
body.bte-app #main .bte-coast-hero h1,body.bte-app #main .bte-gear-heading h1,body.bte-app #main .bte-glossary-hero h1{letter-spacing:-.055em;line-height:1.02;text-wrap:balance;}
body.bte-app[data-bte-page=equipment] #main .bte-gear-heading{background-image:linear-gradient(90deg,rgba(6,19,32,.93),rgba(6,19,32,.6) 60%,rgba(6,19,32,.16)),url('bte-v6-coast/tsb-1.webp')!important;background-size:cover;background-position:center;}
body.bte-app[data-bte-page=coast] #main .bte-coast-location img{aspect-ratio:1.45;object-fit:cover;}
body.bte-app[data-bte-page=coast] #main .bte-coast-location{gap:clamp(25px,4vw,65px);}
body.bte-app[data-bte-page=glossary] #main .bte-glossary-hero>img{content:url('bte-v6-coast/tsb-2.webp');object-position:center;}
/* Clear focus treatment, consistent typography and reliable chart boundaries. */
body.bte-app #main a:focus-visible,body.bte-app #main button:focus-visible,body.bte-app #main select:focus-visible{outline:3px solid #c7a4ee!important;outline-offset:3px;}
body.bte-app #main .bte-white-panel{min-width:0;overflow-wrap:break-word;}
body.bte-app #main .bte-white-panel .table-responsive{max-width:100%;}
body.bte-app #main svg,body.bte-app #main canvas{max-width:100%;}
@media(max-width:767px){body.bte-app #main .bte28-intro{min-height:390px;align-items:end;}body.bte-app #main .bte28-intro-photo{background-position:60% center!important;}body.bte-app #main .bte28-intro-content{padding-block:56px 38px!important;}body.bte-app #main .bte28-intro h1{font-size:clamp(36px,9vw,52px)!important;}body.bte-app #main .bte-coast-hero{min-height:430px;}body.bte-app #main .bte-gear-heading{min-height:360px;}body.bte-app #main .bte28-intro:before{background:linear-gradient(90deg,rgba(7,17,27,.92),rgba(7,17,27,.62)),linear-gradient(0deg,#07111b6b,transparent);}}
@media(prefers-reduced-motion:reduce){body.bte-app #main *{scroll-behavior:auto!important;}}