/* HS Akademi — Okyanus Gümüş. Shared identity, independent of panel behavior. */
:root{--hs-ocean:#082f49;--hs-ocean-light:#13556b;--hs-silver:#d1e7f4;--hs-turquoise:#28a8c7;--hs-accent-text:#176780;--hs-paper:#f3f8fb;--hs-border:#d8e7ee;--n:var(--hs-ocean);--n2:var(--hs-ocean-light);--navy:var(--hs-ocean);--navy2:var(--hs-ocean-light);--g:var(--hs-silver);--gold:var(--hs-silver);--bg:var(--hs-paper)}
html,body{background:var(--hs-paper)}
.hero,body[data-hs-panel=mudur] #app>header,.entry>.intro,.side,.studyHero{background:radial-gradient(ellipse at 100% 0%,#28a8c733,transparent 65%),linear-gradient(135deg,var(--hs-ocean),var(--hs-ocean-light));color:#f5fbff}
.hsBrandIdentity img,.brand>img{object-fit:contain;background:var(--hs-ocean);border-radius:11px}
.hsBrandIdentity .hsBrandWords strong{color:var(--hs-silver)}
.hsBrandIdentity .hsBrandWords small{color:#b5d3e2}
.hsBrandIdentity.onLight .hsBrandWords strong{color:var(--hs-ocean)}
.hsBrandIdentity.onLight .hsBrandWords small{color:var(--hs-accent-text)}
.onLight .gold,.login .gold,.loginCard .gold,.loginWrap .brand b,.login .brand b,.loginCard .brand b{color:var(--hs-accent-text)}
.btn.gold,.btnGold{background:var(--hs-silver);color:var(--hs-ocean)}
.hero .gold,.hero .stat b,.hero .brand b,.intro .accent{color:var(--hs-silver)}
.hero .stat,.hero .summary,.hero .child{border-color:#d1e7f433}
.hero .eyebrow,.hero .sub{color:#c0dce9}
.intro .brand small,.intro p{color:#c0dce9}
.logo:not(.hsBrandIdentity)>img{display:block;width:100%;height:100%;object-fit:contain;background:var(--hs-ocean);border-radius:inherit}
.side .logo{background:var(--hs-ocean)}
.sideBrand{color:var(--hs-silver)}
.card,.login,.loginCard,.loginWrap .loginCard{border-color:var(--hs-border)}
.stat{border-top-color:var(--hs-turquoise)}
.hsDirectorBottom button.on{background:#e3f2f7;color:var(--hs-ocean)}
.hsDirectorSections .nav.on{background:var(--hs-ocean)!important;border-color:var(--hs-ocean)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--hs-ocean)}
/* Silver text is reserved for dark surfaces; normal links need a darker tone. */
a.gold,.card>.gold,.card .gold:not(.btn),.rankBadge{color:var(--hs-accent-text)}
.hero a.gold,.hero .rankBadge{color:var(--hs-silver)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:var(--hs-turquoise)}
/* Existing director mobile rules hid the identity at tablet widths. */
body[data-hs-panel=mudur] #app>header .hsBrandIdentity{display:flex!important}
@media(max-width:600px){body[data-hs-panel=mudur] #app>header .hsBrandWords{display:none!important}}

/* Header identity keeps its own size when a tablet changes orientation. */
.hsBrandIdentity>img{width:44px;height:44px;max-width:44px;max-height:44px;flex:0 0 auto}
.hero .brand .logo.hsBrandIdentity{display:flex!important;align-items:center;gap:10px;min-width:0}
@media(max-width:420px){.hsBrandIdentity>img{width:40px;height:40px;max-width:40px;max-height:40px}}