/* SBS language navigation: navy capsule, gold active selection. */
.topline .wrap{align-items:center;gap:14px;padding-block:3px}
.topline .wrap>span{font-size:14px;line-height:1.5}
.language-switcher{display:inline-flex;align-items:center;gap:3px;padding:2px;border:1px solid #426073;border-radius:999px;background:#142f43;flex-shrink:0}
.language-tab{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:2px 13px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.7;text-decoration:none;white-space:nowrap;color:#e8f0f4;transition:background .16s,color .16s,box-shadow .16s}
.language-tab:hover{background:#29495d;color:#fff}
.language-tab[aria-current=true]{background:#e1bb7d;color:#142a3b;box-shadow:0 2px 7px #0003}
.language-tab:focus-visible{outline:2px solid #fff;outline-offset:3px}
html:lang(bn) body{font-family:'Noto Sans Bengali','Nirmala UI',sans-serif;line-height:1.85}
html:lang(hi) body{font-family:'Noto Sans Devanagari','Nirmala UI',sans-serif;line-height:1.8}
html:lang(zh-CN) body{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;line-height:1.8}
html:not(:lang(en)) h1,html:not(:lang(en)) h2,html:not(:lang(en)) h3,html:not(:lang(en)) h4{font-family:inherit;letter-spacing:0;line-height:1.45}
html:not(:lang(en)) .eyebrow{letter-spacing:.025em}
html:not(:lang(en)) .navlinks{gap:18px}
html:not(:lang(en)) .navlinks a{white-space:normal}
@media(max-width:760px){.topline .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-block:6px}.topline .wrap>span{display:block}.language-switcher{max-width:100%}.language-tab{min-height:44px;padding-inline:16px}.topline .wrap{width:calc(100% - 32px)}}
@media(max-width:360px){.language-tab{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.language-tab{transition:none}}

/* Shared business identity, wrapping naturally on smaller screens. */
.topline-identity{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px;min-width:0;font-size:14px;line-height:1.65;letter-spacing:.01em}
.topline-materials{color:#fff;font-weight:600}
.topline-dot{color:#e1bb7d;font-weight:700}
.topline-role{color:#efd09d;font-weight:500;white-space:nowrap}
@media(max-width:760px){.topline-identity{gap:2px 8px;letter-spacing:0}.topline-materials{flex-basis:100%}.topline-dot{display:none}}

/* Original SBS logo supplied by the owner; retain its aspect ratio and colors. */
.brand-logo{display:block;width:50px;height:auto;flex-shrink:0;object-fit:contain;border-radius:0;box-shadow:none;filter:none}
.header .brand{gap:10px;flex-shrink:0;font-size:1.65rem}.header .brand small{font-size:.9rem;letter-spacing:.13em;margin-top:4px}
.header .navwrap{min-height:86px}
@media(max-width:760px){.brand-logo{width:40px}.header .navwrap{min-height:76px}.header .brand{font-size:1.4rem}.header .brand small{font-size:.78rem}}

/* Subtle raised lettering, with the original brand colours and geometry. */
.header .brand>span{text-shadow:0 -1px 0 rgba(255,255,255,.95)}
.header .brand small{text-shadow:0 -1px 0 rgba(255,255,255,.9)}

/* Frosted glass across the complete navigation layer. */
.header{background:linear-gradient(115deg,rgba(255,255,255,.84),rgba(237,247,249,.72));-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);border-top:1px solid rgba(255,255,255,.9);border-bottom:1px solid rgba(180,205,215,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 5px 20px rgba(13,51,66,.08)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header{background:linear-gradient(115deg,#ffffff,#edf5f7)}}