/* B.D.S.1 v3.6 — width, typography, image readability and private admin links. */
/* These are add-on styles; the existing v3.5 color theme and general layout remain. */
.wrap{width:min(1540px,calc(100% - 56px));max-width:none}
.headerin{height:86px;gap:28px}
.brand strong{font-size:40px;letter-spacing:-1.8px;color:#fff}
.nav{gap:31px}
.nav a{font-size:16px;line-height:1.35}
.headerright{font-size:15px;gap:18px}
.headerright .adminlink{font-size:15px}
.langs{font-size:15px}
/* Admin links are hidden by default even before JavaScript loads. */
.header .adminlink,.footer .footer-admin-link{display:none!important}
body.bds1-admin-authenticated .header .adminlink{display:inline-flex!important;align-items:center}
body.bds1-admin-authenticated .footer .footer-admin-link{display:block!important}
/* Keep homepage readability predictable, including on migrated databases. */
.hero{background:linear-gradient(90deg,#0B0C10 0%,#1F2833 58%,#101820 100%)}
.heroflex{grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:450px}
.herotext{padding:73px 28px 66px 0;display:flex;flex-direction:column;justify-content:center}
.herotext h1{color:#FFFFFF!important;font-weight:850;font-size:clamp(36px,3.3vw,58px);letter-spacing:-1.2px;line-height:1.12;max-width:780px;opacity:1!important;visibility:visible!important;display:block!important}
.herotext p{color:#E8F1F3!important;font-size:18px;max-width:650px;line-height:1.6;opacity:1!important}
.heroimage{min-height:450px;overflow:hidden;background:#17202A}
.heroimage>.hero-background-photo{object-position:55% center;filter:contrast(1.04) saturate(1.06)}
.heroimage:after{background:linear-gradient(90deg,#1F2833 0%,#1F283300 30%)}
.feature{min-height:285px}
.feature>.feature-background-photo{object-position:65% center;filter:contrast(1.08)}
.feature:before{background:linear-gradient(90deg,rgba(11,12,16,.96),rgba(18,26,34,.82) 42%,rgba(11,12,16,.2) 100%)}
.feature>.feature-background-photo{z-index:0}
.feature:before{z-index:1}
.feature>.wrap{z-index:2}
.feature h2{color:#FFFFFF!important}
.feature p{color:#ECF1F1!important;font-size:17px}
/* Legible category titles and descriptions, especially in light cards. */
.catbody h3,.sechead h2,.prodcard h3{color:#172632!important}
.catbody h3{font-size:17px}
.catbody p{color:#485966!important;font-size:13px}
.catnum{color:#46F0E5}
.sechead p{color:#52646F;font-size:15px}
.kicker{color:#087F87}
.strength strong{font-size:15px}
.strength p{font-size:13px;color:#455F68}
/* Avoid excessive image blur on wide displays. */
.catimg{height:175px}
@media(max-width:1250px){
 .headerin{gap:19px}.nav{gap:18px}.nav a{font-size:15px}
 .brand strong{font-size:36px}.headerright{gap:12px;font-size:14px}
}
@media(max-width:1000px){
 .wrap{width:calc(100% - 36px)}.nav{gap:12px}
 .headerin{height:78px}
 .heroflex{grid-template-columns:1fr 1fr}
 .herotext{padding:50px 16px 45px 0}.herotext h1{font-size:39px}.herotext p{font-size:16px}
}
@media(max-width:820px){
 .wrap{width:calc(100% - 30px)}
 .brand strong{font-size:34px}
 .nav a{font-size:16px}
 .heroflex{grid-template-columns:1fr}
 .herotext{padding:45px 0 24px}.herotext h1{font-size:clamp(33px,7vw,48px)}
 .heroimage{min-height:290px}
 .catimg{height:160px}
}
@media(max-width:520px){
 .wrap{width:calc(100% - 26px)}
 .brand strong{font-size:31px}
 .headerin{height:72px}
 .herotext h1{font-size:33px}
 .herotext p{font-size:16px}
 .catbody h3{font-size:14px}.catbody p{font-size:12px}
 .catimg{height:130px}
}