/* Shared ZIPPLEE workspace shell, inspired by the Burkett practice console. */
:root{--bg:#1b211d;--panel:#273628;--card:#2b372e;--ink:#f3efe5;--muted:#c2cbbd;--line:#ffffff21;--accent:#9caf86;--accent2:#d3dfc7;--sbw:248px;--hdrh:116px}
html[data-mode=light]{--bg:#f3efe5;--panel:#536b4f;--card:#fff;--ink:#303830;--muted:#6b7166;--line:#ddd6c7;--accent:#536b4f;--accent2:#536b4f}
body{font-family:Montserrat,Arial,sans-serif;font-size:14px}#side{background:var(--panel);color:#f5f2e9;border-right:0;--ink:#f5f2e9;--muted:#d3dccd;--line:#ffffff26;--accent:#d9e2cd;--accent2:#f4f5e9}#side:before{display:none}
.brand{padding:22px 20px;min-height:var(--hdrh);height:auto;flex-wrap:wrap;gap:10px!important;flex-shrink:0}.brand>div:first-child{flex:1 0 100%!important}.brand .nm{font:500 27px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em}.brand .co{font:400 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.08em;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0e7d9}.brand .help-tg{margin-left:0}.brand .theme-tg,.brand .all-tg{margin-left:0}.help-tg,.theme-tg,.all-tg{width:25px;height:25px;border-radius:4px;color:#e0e7d9}
.nav{padding:16px 12px}.nsec{font-size:9px;font-weight:500;letter-spacing:.16em;opacity:.85;margin-top:20px}.nit{font-size:12px;font-weight:400;border-radius:4px;padding:11px 12px;gap:10px}.nit svg{width:17px;height:17px}.nit.on,.subit.on{background:#ffffff22;color:#fff;font-weight:500}.nit:hover,.subit:hover,html[data-mode=light] .nit:hover,html[data-mode=light] .subit:hover{background:#ffffff12;color:#fff}.subit{font-size:11px;font-weight:400}.navhidden{font-size:10px;border:0;padding:4px 10px;opacity:.8}.hracct{padding:15px 16px}.hra-av{background:#d7dfc9;color:#30462c}.hra-m b{font-size:11px}.hra-m span{font-size:9px}.hra-out{font-size:10px}.sb-edge{background:#536b4f;color:#fff;border-color:#ffffff30;box-shadow:none;border-radius:4px}#main{background:var(--bg)}
@media(max-width:800px){:root{--sbw:210px}.nav{padding-inline:8px}.brand{padding-inline:16px}}

/* Use the supplied logo artwork; all navigation follows one 12px scale. */
.brand .workspace-logo{display:block;width:152px;height:auto;max-width:100%;object-fit:contain}
.nit,.subit{font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}
.nit.on,.subit.on{font-weight:500}