/* Community One logo visibility v6 · desktop 84px, tablet 70px, phone 56px. */
/* Community One, no-hero navigation v5. Identical layout rules in all four apps. */
:root{--brand-symbol:84px;--brand-name-size:32px;--brand-telugu-size:16px}
html body .top{box-sizing:border-box!important;min-height:112px!important;display:flex!important;align-items:center!important;gap:18px!important;justify-content:space-between!important;padding:12px clamp(15px,3vw,42px)!important}
html body .top a.brand,html body .ko-header a.ko-brand{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 flex:0 0 auto!important;flex-shrink:0!important;width:auto!important;max-width:100%!important;
 height:auto!important;min-height:0!important;padding:0!important;gap:15px!important;
 text-decoration:none!important;background:transparent!important;min-width:0!important}
html body .top a.brand img.co-brand-icon,html body .ko-header a.ko-brand img.co-brand-icon{
 width:var(--brand-symbol)!important;height:var(--brand-symbol)!important;min-width:var(--brand-symbol)!important;
 max-width:var(--brand-symbol)!important;min-height:var(--brand-symbol)!important;max-height:var(--brand-symbol)!important;
 object-fit:contain!important;object-position:center!important;aspect-ratio:1/1!important;
 border:0!important;border-radius:11px!important;display:block!important;flex:0 0 var(--brand-symbol)!important;
 position:static!important;transform:none!important;clip-path:none!important;background:transparent!important}
html body .co-brand-words{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;
 border:0!important;padding:0!important;line-height:1.13!important;text-align:left!important;white-space:nowrap!important}
html body .co-brand-words strong{display:block!important;font:800 var(--brand-name-size)/1.08 "DM Sans",sans-serif!important;
 color:var(--ko-forest,var(--forest,#154b35))!important;letter-spacing:-.045em!important}
html body .co-brand-words small{display:block!important;font:700 var(--brand-telugu-size)/1.25 "Noto Sans Telugu",sans-serif!important;
 color:var(--ko-maroon,var(--accent,#943b31))!important;letter-spacing:0!important}
html body .top .tools{flex:1 1 auto!important;min-width:0!important}
html body .ko-header{box-shadow:0 1px 9px #122f2710!important}
html body .ko-header .ko-header-inner{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:108px!important;gap:18px!important;padding:10px 20px!important;max-width:1640px!important}
html body .ko-header .ko-main-nav{display:flex!important;min-width:0!important;max-width:100%!important;
 flex-wrap:nowrap!important;overflow-x:auto!important;gap:2px!important;scrollbar-width:thin!important}
html body .ko-header .ko-main-nav a{flex:0 0 auto!important;white-space:nowrap!important}
html body .ko-header .ko-shield-pill{display:none!important}
@media(max-width:1170px){
 :root{--brand-symbol:70px;--brand-name-size:27px;--brand-telugu-size:14px}
 html body .ko-header .ko-header-inner{flex-wrap:wrap!important;justify-content:flex-start!important;gap:5px!important}
 html body .ko-header .ko-main-nav{flex:1 1 100%!important;width:100%!important;justify-content:flex-start!important}
}
@media(max-width:800px){
 html body .top{flex-wrap:wrap!important;gap:11px!important}
 html body .top .tools{width:100%!important;flex:1 1 100%!important}
 html body .ko-header .ko-header-inner{padding:9px 12px!important}
}
@media(max-width:590px){
 :root{--brand-symbol:56px;--brand-name-size:23px;--brand-telugu-size:12px}
 html body .top{padding:9px 13px!important}
 html body .ko-header .ko-main-nav{overflow-x:auto!important;justify-content:flex-start!important}
 html body .ko-header .ko-main-nav a{font-size:11px!important;padding:7px!important}
}


/* Brand-area space utilisation v7 — shared, accessibility-conscious, responsive. */
:root{--brand-symbol:112px;--brand-name-size:39px;--brand-telugu-size:18px}
html body .top{min-height:0!important;padding:9px clamp(16px,2.5vw,40px)!important;gap:18px!important}
html body .top a.brand,html body .ko-header a.ko-brand{gap:20px!important;align-self:center!important}
html body .top a.brand img.co-brand-icon{border-radius:18px!important;box-shadow:0 3px 14px rgba(12,41,66,.14)!important}
html body .top a.brand .co-brand-words{gap:3px!important;white-space:normal!important;min-width:0!important}
html body .top a.brand .co-brand-words strong{font-size:var(--brand-name-size)!important;line-height:1.03!important;letter-spacing:-.035em!important}
html body .top a.brand .co-brand-words small{font-size:var(--brand-telugu-size)!important;line-height:1.35!important;margin:0!important}
html body .top a.brand .co-brand-tagline{display:block!important;font:700 12px/1.35 "DM Sans",sans-serif!important;color:#647a78!important;letter-spacing:.025em!important;margin-top:7px!important;max-width:340px!important;text-transform:none!important;white-space:normal!important}
html body .top .tools{min-width:0!important}
@media(max-width:1520px){
 :root{--brand-symbol:96px;--brand-name-size:34px;--brand-telugu-size:16px}
 html body .top a.brand,html body .ko-header a.ko-brand{gap:15px!important}
 html body .top a.brand .co-brand-tagline{font-size:11px!important;max-width:300px!important}
}
@media(max-width:1230px){
 :root{--brand-symbol:82px;--brand-name-size:30px;--brand-telugu-size:15px}
 html body .top{flex-wrap:wrap!important;padding-block:8px!important;gap:7px!important}
 html body .top .tools{flex:1 1 100%!important;width:100%!important;order:2!important}
 html body .top a.brand .co-brand-tagline{font-size:11px!important}
}
@media(max-width:700px){
 :root{--brand-symbol:68px;--brand-name-size:26px;--brand-telugu-size:13px}
 html body .top a.brand,html body .ko-header a.ko-brand{gap:12px!important}
 html body .top a.brand img.co-brand-icon{border-radius:12px!important}
 html body .top a.brand .co-brand-tagline{display:none!important}
}
@media(max-width:390px){
 :root{--brand-symbol:60px;--brand-name-size:23px;--brand-telugu-size:12px}
 html body .top a.brand,html body .ko-header a.ko-brand{gap:10px!important}
}