/* Benworks Bridge v1.0 — visual system. Loaded last to override legacy surfaces safely. */
:root{--bb10-width:1240px;--bb10-space:clamp(54px,7vw,108px);--bb10-rounded:clamp(8px,var(--bb-radius,12px),24px)}
html{scroll-behavior:smooth}
body[class*="bb10-skin-"]{background:var(--bb10-bg);color:var(--bb10-ink);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}
body[class*="bb10-skin-"] .container{max-width:var(--bb10-width);width:calc(100% - 48px);margin-left:auto;margin-right:auto}
body[class*="bb10-skin-"] h1,body[class*="bb10-skin-"] h2,body[class*="bb10-skin-"] h3{color:var(--bb10-ink);letter-spacing:-.035em;line-height:1.38}
body[class*="bb10-skin-"] .top-strip{background:var(--bb10-bg);border-bottom:1px solid var(--bb10-line);font-size:11px;letter-spacing:.10em;min-height:30px}
body[class*="bb10-skin-"] .site-header{background:var(--bb10-panel);border-bottom:1px solid var(--bb10-line)}
body[class*="bb10-skin-"] .header-main{background:transparent;min-height:96px;gap:26px}
body[class*="bb10-skin-"] .brand>a{color:var(--bb10-ink);font-size:clamp(22px,2.3vw,32px);font-weight:750;letter-spacing:-.05em;text-decoration:none}
body[class*="bb10-skin-"] .brand small{color:var(--bb-muted);font-size:11px;letter-spacing:.04em}
body[class*="bb10-skin-"] .main-nav{background:var(--bb10-panel);border-top:1px solid var(--bb10-line);border-bottom:0;color:var(--bb10-ink)}
body[class*="bb10-skin-"] .main-nav a{color:var(--bb10-ink);font-weight:650;font-size:12px;letter-spacing:.07em}
body[class*="bb10-skin-"] .main-nav li a:hover{color:var(--bb-primary);background:transparent}
body[class*="bb10-skin-"] .main-nav .sub-menu{background:var(--bb10-panel);border:1px solid var(--bb10-line);box-shadow:var(--bb10-shadow)}
body[class*="bb10-skin-"] .main-nav .sub-menu a{color:var(--bb10-ink)}
body[class*="bb10-skin-"] :is(.section,.section.alt){background:transparent}
body.bb10-spacious .section{padding-top:var(--bb10-space);padding-bottom:var(--bb10-space)}
body[class*="bb10-skin-"] .section.alt{background:color-mix(in srgb,var(--bb10-panel) 60%,var(--bb10-bg))}
body[class*="bb10-skin-"] .bb-center-heading{margin-bottom:40px}
body[class*="bb10-skin-"] .bb-center-heading span{letter-spacing:.18em;font-size:11px;font-weight:800;text-transform:uppercase}
body[class*="bb10-skin-"] .bb-center-heading h2{font-size:clamp(24px,3.2vw,40px);font-weight:720;letter-spacing:-.045em;margin-top:9px}
body[class*="bb10-skin-"] :is(.product-card,.bb-feature-row,.widget,.point-grid>div){background:var(--bb10-panel);border:1px solid var(--bb10-line);border-radius:var(--bb10-rounded);box-shadow:var(--bb10-shadow);overflow:hidden}
body[class*="bb10-skin-"] .product-card{transition:transform .24s ease,box-shadow .24s ease}
@media(hover:hover){body[class*="bb10-skin-"] .product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(21,26,32,.13)}}
body[class*="bb10-skin-"] :is(.product-card img,.bb-feature-image img){width:100%;object-fit:cover;aspect-ratio:1.5;transition:transform .4s ease}
@media(hover:hover){body[class*="bb10-skin-"] .product-card:hover img{transform:scale(1.035)}}
body[class*="bb10-skin-"] .product-body{padding:22px}
body[class*="bb10-skin-"] .product-body h3{font-size:17px;line-height:1.48}
body[class*="bb10-skin-"] :is(.button,.bb-slide-cta,.search-form button){font-size:13px;font-weight:700;letter-spacing:.035em;padding:12px 22px;border-radius:8px;text-decoration:none;transition:transform .18s ease,opacity .18s ease}
@media(hover:hover){body[class*="bb10-skin-"] :is(.button,.bb-slide-cta,.search-form button):hover{transform:translateY(-2px);opacity:.92}}
body[class*="bb10-skin-"] .bb-slide{min-height:clamp(420px,42vw,620px);background-position:center;background-size:cover}
body[class*="bb10-skin-"] .bb-slide-text{padding-top:clamp(60px,10vw,145px);padding-bottom:clamp(60px,10vw,145px)}
body[class*="bb10-skin-"] .bb-slide-text h2{color:#fff;max-width:760px;font-size:clamp(32px,5vw,64px);line-height:1.2;letter-spacing:-.045em}
body[class*="bb10-skin-"] .hero{min-height:clamp(430px,45vw,630px);background-size:cover;background-position:center}
body[class*="bb10-skin-"] .hero h1{color:#fff;font-size:clamp(34px,5vw,66px);letter-spacing:-.05em}
body[class*="bb10-skin-"] .hero p{color:rgba(255,255,255,.88)}
body[class*="bb10-skin-"] .bb9-layout-intro{background:var(--bb10-bg);color:var(--bb10-ink);border-bottom:1px solid var(--bb10-line)}
body[class*="bb10-skin-"] .bb9-layout-intro h1{color:var(--bb10-ink)}
body[class*="bb10-skin-"] .bb9-eyebrow{color:var(--bb-primary);letter-spacing:.18em}
body[class*="bb10-skin-"] :is(.bb-intro,.point-grid){gap:clamp(20px,3vw,40px)}
body[class*="bb10-skin-"] :is(.entry-content,.post-content){line-height:2.0}
body[class*="bb10-skin-"] .entry-content h2{background:transparent;border-bottom:1px solid var(--bb10-line);border-left:4px solid var(--bb-primary);padding:17px 22px}
body[class*="bb10-skin-"] :focus-visible{outline:3px solid var(--bb-primary);outline-offset:3px}
body.bb10-sticky .site-header{position:sticky;top:0;z-index:90}
body.admin-bar.bb10-sticky .site-header{top:32px}
/* Editorial refinement */
body.bb10-skin-editorial .bb-center-heading h2,body.bb10-skin-natural .bb-center-heading h2{font-family:Georgia,"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:600}
/* Tech system */
body.bb10-skin-tech .product-card,body.bb10-skin-tech .bb-feature-row{border-radius:18px}
/* Natural warm textures */
body.bb10-skin-natural .button{border-radius:100px}
/* Dark skin needs all readable surface text, not a background-only switch */
body.bb10-skin-dark{--bb-text:#f4f3ee;--bb-muted:#b8bcc5;--bb-surface:#23262b;--bb-background:#15181c;--bb-border:#3b4047;--bb-header:#23262b;--bb-nav:#23262b}
body.bb10-skin-dark :is(.product-body p,.bb-feature-text p,.brand small,.bb-intro p,.point-grid p){color:#b8bcc5}
body.bb10-skin-dark :is(.entry-content,.spec-table td,.spec-table th,.widget,.news-list a){color:#f4f3ee;background:var(--bb10-panel)}
body.bb10-skin-dark input,body.bb10-skin-dark select,body.bb10-skin-dark textarea{background:#292e35;color:#fff;border:1px solid #4a515c}
body.bb10-skin-dark .site-footer{background:#0d1014}
/* Creative Bold */
body.bb10-skin-bold :is(.product-card,.bb-feature-row,.point-grid>div){border:2px solid var(--bb10-line)}
body.bb10-skin-bold .bb-center-heading h2{font-weight:900;letter-spacing:-.065em}
body.bb10-skin-bold :is(.button,.bb-slide-cta){border-radius:2px}
@media(max-width:850px){body[class*="bb10-skin-"] .container{width:calc(100% - 32px)}body[class*="bb10-skin-"] .header-main{min-height:74px}body[class*="bb10-skin-"] .bb-slide{min-height:430px}body[class*="bb10-skin-"] .main-nav{background:var(--bb10-panel)}body[class*="bb10-skin-"] .main-nav a{color:var(--bb10-ink)}}
@media(max-width:600px){body[class*="bb10-skin-"] .bb-center-heading{margin-bottom:24px}body.bb10-spacious .section{padding-top:52px;padding-bottom:52px}body[class*="bb10-skin-"] .product-body{padding:16px}body[class*="bb10-skin-"] .bb-slide-text h2{font-size:34px}body.admin-bar.bb10-sticky .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){body[class*="bb10-skin-"] *{transition:none!important;animation:none!important}}