/* Shared JoomLeague identity; application layouts and behaviours remain native. */
:root{--bg:#f5f8fa;--panel:#fff;--panel-border:#dce3e7;--text:#17232b;--muted:#53626d;--accent-1:#0062a9;--accent-2:#0062a9;--accent-fg:#fff;--code-bg:#edf2f5;--accent:#0062a9}
.hero::before,.hero::after{display:none}
.brand{display:inline-flex;align-items:center;gap:16px;flex-shrink:0;text-decoration:none}
.brand .jl-logo,.brand img.jl-logo{width:208px;height:65px;max-width:100%;object-fit:contain}
.brand-service{font-size:13px;color:var(--muted);font-weight:600;border-left:1px solid var(--panel-border);padding-left:14px}
.jl-legal{border-top:1px solid var(--panel-border);margin-top:24px;padding-top:16px;font-size:12px;line-height:1.7;color:var(--muted)}
.jl-legal p{margin:4px 0;font-size:12px;color:inherit}
.mark{display:none}
.hero h1{background:none;color:var(--text);letter-spacing:0;-webkit-text-fill-color:var(--text)}
.primary-download{background:#0062a9;color:#fff;border-radius:6px}.primary-download .btn.on-gradient{background:#fff;color:#00528c}
.btn{border-radius:4px}.card,.release,.quick-start{border-radius:6px}
@media(prefers-color-scheme:dark){:root{--bg:#181c1f;--panel:#202528;--panel-border:#3a4147;--text:#eef2f4;--muted:#b4bec5;--accent-1:#0062a9;--accent-2:#72bfff;--accent-fg:#fff;--code-bg:#292f33;--accent:#72bfff}}
@media(max-width:600px){.brand .jl-logo,.brand img.jl-logo{width:164px;height:52px}.brand-service{font-size:12px;padding-left:10px}.brand{gap:10px}}
@media(max-width:760px){.nav{flex-wrap:wrap;gap:12px}.nav .links{flex-wrap:wrap;gap:12px 20px}.nav .links .account{width:100%}}