/* Scitedra Labs — palette sampled from GitHub org logo: #3a0fa6 → #3f3acc → #2e7de5 → #09b2d5 */
:root{--bg:#0a1238;--card:#111c4a;--line:#24358a;--tx:#eef3ff;--mut:#a9b8de;--acc:#09b2d5;--acc2:#6fb4ff;--u1:#3a0fa6;--u2:#3f3acc;--u3:#2e7de5;--u4:#09b2d5}
header.top{background:linear-gradient(90deg,var(--u1),var(--u2) 40%,var(--u3) 75%,var(--u4))!important;border-bottom:2px solid var(--u4)!important}
header.top .wrap{gap:10px}
header.top a{color:#fff!important}
.logo{display:flex!important;align-items:center;flex-wrap:nowrap;min-width:0;gap:10px}
.uni-mark{flex:0 0 auto;width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 2px rgba(255,255,255,.55),0 2px 8px rgba(0,0,0,.25);margin:0!important}
.logo .brand-bi{flex-wrap:nowrap!important;white-space:nowrap;min-width:0}
.logo .brand-en,.logo .brand-he{color:#fff!important}
.logo .brand-dash{color:rgba(255,255,255,.65)!important}
.lang{border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.12)}
@media(max-width:760px){
 html[lang=he] .logo .brand-en,html[lang=he] .logo .brand-dash{display:none}
 html[lang=en] .logo .brand-he,html[lang=en] .logo .brand-dash{display:none}
 .logo{font-size:19px!important}
}
.btn.pri{background:linear-gradient(90deg,var(--u3),var(--u4))!important;border-color:var(--u3)!important;color:#fff!important}
.btn{border-color:var(--line)}
.tag{background:#09b2d522!important;color:var(--u4)!important}
.tag.free{background:#2e7de533!important;color:#8cc4ff!important}
a{color:var(--acc2)}
section h2{color:var(--tx)}
.cta-band{background:linear-gradient(120deg,var(--u1),var(--u3))!important}
body{letter-spacing:.005em}
.grid>h3.cat{grid-column:1/-1;margin:14px 0 0;font-size:22px;color:#fff;padding:6px 14px;border-inline-start:4px solid var(--u4);background:linear-gradient(90deg,#3f3acc33,transparent);border-radius:8px}
/* 2026-10-31c header: mid-palette blue between logo #3f3acc and #2e7de5 */
header.top{background:linear-gradient(90deg,#3d4fd6,#3563d9 50%,#2f72e0)!important;border-bottom:2px solid #09b2d5!important}
html[lang=he] header.top .logo{flex-direction:row-reverse!important;justify-content:flex-start;gap:8px}
/* 2026-10-31d Labs header: name RTL, flush right beside logo */
html[lang=he] header.top .logo{margin-inline-start:0!important;margin-inline-end:auto!important;justify-content:flex-start!important}
html[lang=he] header.top .logo .brand-bi{direction:rtl;text-align:right;justify-content:flex-start}
html[lang=he] header.top .logo .brand-he{text-align:right}