/* ===== TLC Hub design system (Oct 20, 2026, approved "option I / themed"): one look for every hub.
   Loaded LAST on every page (after styles.css or the page's own <style>) so it wins. Modes: html[data-mode=light|dark].
   Accents: html[data-accent=teal|burgundy|purple|slate]. Each hub is told apart by the sidebar highlight + page title only. ===== */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
html[data-mode]{--acc:#0E6E62;--acc-d:#015243;--acc-t:#E6F3F0;--acc-t2:#D3EBE5;
 --page:#F5F7F8;--card:#fff;--line:#E6EAEE;--ink:#1F2328;--muted:#5F6770;--sb:#ECEFF2;--sbt:#2B3036;--sbm:#7D868F;--sbh:#DFE4E8;--me:#E0E5E9;
 --field:#fff;--neu:#F1F3F5;--al:#F7E8EA;--alt-ink:#8C2F39;--shadow:rgba(30,40,50,.06);--yel:#FFF7E0;--yel-b:#EFCF73;--yel-ink:#5E4600;
 --r:16px;--rs:12px}
html[data-mode][data-accent=burgundy]{--acc:#8C2F39;--acc-d:#6B1F29;--acc-t:#F6E8EA;--acc-t2:#EDD3D7;--al:#FCEFD9;--alt-ink:#8A5300}
html[data-mode][data-accent=purple]{--acc:#5B3F8C;--acc-d:#42296E;--acc-t:#EEE9F6;--acc-t2:#DDD3EE}
html[data-mode][data-accent=slate]{--acc:#3A5A80;--acc-d:#26405F;--acc-t:#E7EDF4;--acc-t2:#D2DDEA}
/* Hot Pink: vivid pink for buttons/active (white text ~5:1), soft pink tints for hover/badges */
html[data-mode][data-accent=pink]{--acc:#D41D72;--acc-d:#A3125A;--acc-t:#FDE8F2;--acc-t2:#F9D0E3}
/* Background choice (content area) */
html[data-mode][data-bg=grey]{--page:#F1F3F5;--card:#fff}
html[data-mode][data-bg=white]{--page:#FCFCFB;--card:#fff;--line:#E8EBEE;--neu:#F3F4F6}
/* Menu choice (sidebar only; popover inside keeps content colours) */
html[data-menu=light]{--sb:#E9EDF0;--sbt:#2B3036;--sbm:#6F7881;--sbh:#DCE2E7;--me:#DDE3E8;--sbl:var(--line)}
html[data-menu=dark]{--sb:#23282E;--sbt:#DCE1E6;--sbm:#8E979F;--sbh:#323940;--me:#2F363D;--sbl:#23282E}
html[data-menu=dark] .rail-me .rail-meta small{color:#A3ACB5}
html[data-mode=dark]{--page:#1B1F24;--card:#24292F;--line:#343B43;--ink:#E8ECEF;--muted:#A3ACB5;--sb:#24292F;--sbt:#CDD3D9;--sbm:#7D868F;--sbh:#323840;--me:#2E343B;
 --field:#1F2328;--neu:#30363D;--al:rgba(214,110,124,.16);--alt-ink:#F0A9B3;--shadow:rgba(0,0,0,.28);--yel:rgba(239,207,115,.12);--yel-b:rgba(239,207,115,.45);--yel-ink:#F2D88C;
}
html[data-mode=dark][data-accent]{--acc-t:color-mix(in srgb,var(--acc) 22%,#1B1F24);--acc-t2:color-mix(in srgb,var(--acc) 40%,#1B1F24);--acc-d:color-mix(in srgb,var(--acc) 38%,#fff)}
html[data-mode=dark][data-accent=burgundy]{--al:rgba(230,160,60,.16);--alt-ink:#F2C27A}
html[data-mode=dark]{color-scheme:dark}
/* map the old per-section variables onto the one palette (beats every :root / data-theme block) */
html[data-mode][data-theme],html[data-mode]{--brand:var(--acc);--hover:var(--acc-d);--light:var(--acc-t2);--dark:var(--acc-d);--deep:var(--ink);--tint:var(--acc-t);--mark:var(--acc-t2);
 --text:var(--ink);--alt:var(--neu);--border:var(--line);--serif:"Playfair Display",Georgia,serif;--sans:"Nunito Sans",Helvetica,Arial,sans-serif;
 --sh-sm:0 2px 10px var(--shadow);--sh-md:0 6px 20px var(--shadow);--sh-brand:0 4px 14px color-mix(in srgb,var(--acc) 25%,transparent);
 --acc-teal:var(--acc);--acc-blue:var(--acc);--acc-amber:var(--acc);--acc-green:#2E8B57;--acc-coral:#C2410C}
html[data-mode] body{background:var(--page);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.6;padding-left:244px}
html[data-mode] :is(h1,h2,h3,h4){font-family:var(--serif);color:var(--ink);font-weight:700;letter-spacing:-.01em}
html[data-mode] h1{font-size:clamp(2rem,3.4vw,2.6rem);line-height:1.15}
html[data-mode] h2{font-size:1.45rem}html[data-mode] h3{font-size:1.15rem}
html[data-mode] :is(h1,h2,h3) em{font-style:normal;color:inherit}
html[data-mode] a{color:var(--acc-d)}
html[data-mode] .label{color:var(--muted);letter-spacing:.08em}
/* ---- the sidebar ---- */
.rail{position:fixed;left:0;top:0;bottom:0;width:244px;z-index:30;background:var(--sb);border-right:1px solid var(--sbl,var(--line));padding:20px 14px;display:flex;flex-direction:column;font-family:var(--sans)}
.rail-brand{display:flex;align-items:center;gap:10px;padding:0 10px 16px;text-decoration:none!important;color:var(--sbt)!important}
.rail-brand img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.rail-brand span{font:700 21px/1 var(--serif)}
.rail-lb{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sbm);padding:10px 14px 6px}
.rail-hubs{overflow-y:auto;scrollbar-width:none}
.rail-hubs a{display:block;padding:9px 14px;border-radius:14px;font-weight:600;font-size:14.5px;color:var(--sbt)!important;text-decoration:none;margin-bottom:3px}
.rail-hubs a:hover{background:var(--sbh)}.rail-hubs a.on{background:var(--acc);color:#fff!important;font-weight:800}
.rail-me{margin-top:auto;display:flex;gap:10px;align-items:center;background:var(--me);border:0;border-radius:16px;padding:10px 12px;color:var(--sbt);cursor:pointer;font:inherit;text-align:left;width:100%}
.rail-me:hover{background:var(--sbh)}.rail-av{width:34px;height:34px;flex:none;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.rail-meta{min-width:0}.rail-meta b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-meta small{color:var(--sbm);font-size:12px}
.ap-pop{position:absolute;left:14px;right:14px;bottom:80px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.2);display:none}
.ap-pop.open{display:block}.ap-pop h4{font:700 16px var(--serif);margin:0 0 6px;color:var(--ink)}
.ap-l{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}
.ap-mode{display:flex;background:var(--neu);border-radius:999px;padding:3px}
.ap-mode button{flex:1;border:0;background:none;font:700 13px var(--sans);padding:6px;border-radius:999px;color:var(--muted);cursor:pointer}
.ap-mode button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.ap-acc{display:grid;gap:6px}.ap-acc button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 13px var(--sans);padding:6px 10px;border-radius:999px;cursor:pointer}
.ap-acc button.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-t2)}.ap-acc i{width:14px;height:14px;border-radius:50%;display:inline-block}
.mbar,.rail-scrim{display:none}
/* ---- old header / top strips / footer become quiet ---- */
html[data-mode] .header{background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:blur(8px);box-shadow:none;border-bottom:1px solid var(--line);padding:.6rem 2rem;min-height:58px}
html[data-mode] .header .brand,html[data-mode] .switch,html[data-mode] .header .menu-btn:not(#menuBtn){display:none!important}
html[data-mode] .header .crumb{margin-left:0;color:var(--muted)}
html[data-mode] .signed,html[data-mode] .who{margin-left:auto;color:var(--muted);background:var(--neu)!important;border-radius:999px;padding:.3rem .8rem;font-size:13px}
html[data-mode] .topbar{background:transparent!important;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}
html[data-mode] .draft{background:var(--yel)!important;color:var(--yel-ink)}
html[data-mode] .footer{background:transparent!important;color:var(--muted);border-top:1px solid var(--line);padding:1.25rem 2rem;font-size:13.5px}
html[data-mode] .footer img{display:none}html[data-mode] .footer strong{color:var(--ink)}html[data-mode] .foot-r{color:var(--muted)!important}
/* ---- layout: hub-section menu = quiet column next to content ---- */
html[data-mode] .layout{background:none!important;min-height:calc(100vh - 59px)}
html[data-mode] .nav{width:250px;background:transparent!important;border-right:1px solid var(--line);top:59px;height:calc(100vh - 59px);padding:1.25rem .75rem;font-size:14.5px}
html[data-mode] .nav summary{font-weight:700;border-radius:12px;color:var(--ink)}
html[data-mode] .nav summary:hover{background:var(--acc-t)}
html[data-mode] .nav a{color:var(--muted);border-radius:12px;padding:.32rem .7rem .32rem 2.4rem}
html[data-mode] .nav a:hover{background:var(--acc-t);color:var(--ink)}
html[data-mode] .nav a.on{background:var(--acc-t);color:var(--acc-d);font-weight:800;box-shadow:none!important}
html[data-mode] .num{background:var(--acc-t);color:var(--acc-d);font-size:12px;width:24px;height:24px}
html[data-mode] .card .num{width:34px;height:34px;font-size:14px;border-radius:12px}
html[data-mode] .main{padding:2rem 2.5rem 4rem}
html[data-mode] .launch{padding:2.5rem 2.5rem 4rem}
/* ---- hero / section headers: no tinted blobs, just the big title ---- */
html[data-mode] .hero{background:none!important;padding:0 0 .5rem;border-radius:0}
html[data-mode] .hero .label{display:inline-block;background:var(--acc-t);color:var(--acc-d);border-radius:999px;padding:3px 12px;margin-bottom:.5rem}
html[data-mode] .hero p{color:var(--muted)}
/* ---- cards ---- */
html[data-mode] :where(.card,.kpi:not(.flip),.kpi.flip .kpi-f,.chart,.vcard,.tile,.prog,.option,details.acc,.mk-cal,.cal){background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:0 2px 10px var(--shadow);color:var(--ink)}
html[data-mode] :is(.card,.tile,.vcard){transition:background .15s,border-color .15s,box-shadow .15s}
html[data-mode] a.card:hover,html[data-mode] .tile:hover,html[data-mode] .vcard:hover,html[data-mode] .kpi.flip:hover .kpi-f{border-color:var(--acc-t2)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--acc) 16%,transparent);background:color-mix(in srgb,var(--acc-t) 35%,var(--card))!important}
html[data-mode] .card h3{font-size:1.15rem}html[data-mode] .card p,html[data-mode] .tile p{color:var(--muted)}
html[data-mode] .lcard{border-top:1px solid var(--line)!important}html[data-mode] .lcard .go{color:var(--acc-d)}
html[data-mode] .tile.ph{background:var(--card)!important;opacity:.85}
html[data-mode] .kpi.flip .kpi-b{background:var(--neu)!important;color:var(--ink);border-radius:var(--r)}
html[data-mode] .kpi .v{color:var(--ink)}html[data-mode] .kpi.good .v{color:#2E8B57}html[data-mode] .kpi.bad .v,html[data-mode] .neg{color:var(--alt-ink)}
html[data-mode] .fin-kpis>.kpi:not(.flip),html[data-mode] .fin-kpis>.kpi.flip .kpi-f{border-top:1px solid var(--line)!important}
html[data-mode][data-theme] main h2:not(.sec-h){border-left:0!important;padding-left:0!important}
/* stats / number strips = accent tint */
html[data-mode] :is(.nums>div,.strip .card,.intro){background:var(--acc-t)!important;border-color:transparent!important;box-shadow:none!important}
html[data-mode] .nums b{color:var(--acc-d)}
/* ---- pills: tabs, buttons, chips ---- */
html[data-mode] :is(.btn,.done-btn,.mk-form button,.mk-bar button.pri){background:var(--acc)!important;color:#fff!important;border:1px solid var(--acc)!important;border-radius:999px!important;box-shadow:none;font-family:var(--sans)}
html[data-mode] :is(.btn,.done-btn):hover{background:var(--acc-d)!important}
html[data-mode] .done-btn.is,html[data-mode] .mk-bar button:not(.pri),html[data-mode] .roles button,html[data-mode] .ask,html[data-mode] .btn.sec{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:999px!important}
html[data-mode] .roles button.on,html[data-mode] .mk-bar button.on{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}
html[data-mode] :is(.roles button,.mk-bar button,.ask):hover:not(.on){background:var(--acc-t)!important}
html[data-mode] .btn.red{background:var(--card)!important;color:var(--alt-ink)!important;border-color:var(--alt-ink)!important}
html[data-mode] .tabs{border-bottom:0!important;gap:8px;margin:1rem 0 1.5rem}
html[data-mode] .tabs :is(a,button){border:1px solid var(--line)!important;background:var(--card);color:var(--muted);border-radius:999px!important;padding:7px 16px!important;margin:0!important;font:700 13.5px var(--sans)}
html[data-mode] .tabs :is(a,button):hover{background:var(--acc-t);color:var(--ink)}
html[data-mode] .tabs :is(a.on,button.on){background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
html[data-mode] .tabs .badge{background:#fff;color:var(--acc-d)}
html[data-mode] .sectabs a{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px}
html[data-mode] .sectabs a:hover{background:var(--acc-t)}html[data-mode] .sectabs a.on{background:var(--acc);border-color:var(--acc);color:#fff}
html[data-mode] .chip{background:var(--card);border-color:var(--line);color:var(--ink)}html[data-mode] .chip:hover{background:var(--acc-t);border-color:var(--acc-t2)}
html[data-mode] .link2,html[data-mode] .acc-tools button{border-bottom-color:var(--acc);color:var(--acc-d)}
html[data-mode] .tag{background:var(--acc-t);color:var(--acc-d);border-radius:999px}
/* ---- fields ---- */
html[data-mode] :is(input,select,textarea):not([type=checkbox]):not([type=radio]){background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:12px}
html[data-mode] .search input,html[data-mode] .acc-tools input,html[data-mode] .gfilter{border-radius:999px;border:1px solid var(--line)}
html[data-mode] :is(input,select,textarea):focus{outline:none;border-color:var(--acc)!important;box-shadow:0 0 0 3px var(--acc-t2)}
html[data-mode] .results{background:var(--card);border:1px solid var(--line);border-radius:16px}html[data-mode] .results a{color:var(--ink)}
html[data-mode] .results mark,html[data-mode] mark{background:var(--acc-t2);color:inherit}
/* ---- notes, callouts, steps ---- */
html[data-mode] .note,html[data-mode] .locked,html[data-mode] .docs{background:var(--acc-t);border-left:4px solid var(--acc)!important;border-radius:14px;color:var(--ink)}
html[data-mode] ol.steps>li::before{background:var(--acc-t);color:var(--acc-d)}
html[data-mode] .steps li{background:var(--card);border-color:var(--line);border-radius:14px}
html[data-mode] .roanna,html[data-mode] .mk-banner,html[data-mode] .warn:not(span){background:var(--yel)!important;border-color:var(--yel-b)!important;color:var(--ink)!important;border-radius:14px}
html[data-mode] .roanna-label{background:var(--yel-b);color:var(--yel-ink)}html[data-mode] .roanna strong{color:var(--ink)}
html[data-mode] .option{border-color:var(--yel-b)!important}html[data-mode] .todo-kind{background:var(--yel);border-color:var(--yel-b)}
/* ---- tables ---- */
html[data-mode] :is(.ftable th,table th){background:var(--neu)!important;color:var(--ink)!important}
html[data-mode] :is(.ftable td,td,th){border-bottom-color:var(--line)}
html[data-mode] .ftable tr:nth-child(even) td{background:color-mix(in srgb,var(--neu) 50%,transparent)}
html[data-mode] .ftable tr.tot td{border-top-color:var(--ink)}
/* ---- calendars (Time Off + Marketing): keep functional colour coding, make the grid neutral ---- */
html[data-mode] :is(.cal,.mk-cal) .dow{background:var(--neu)!important;color:var(--muted)!important}
html[data-mode] :is(.cal,.mk-cal) .d{border-color:var(--line)}
html[data-mode] :is(.cal,.mk-cal) .d.out{background:color-mix(in srgb,var(--neu) 60%,transparent)!important;color:var(--muted)}
html[data-mode] .cal .d.we{background:color-mix(in srgb,var(--neu) 30%,transparent)}
html[data-mode] .cal .d.today .n{background:var(--acc)}html[data-mode] .mk-cal .d.today{box-shadow:inset 0 0 0 2px var(--acc)}
/* ---- status labels: burgundy family, amber when the accent itself is burgundy ---- */
html[data-mode] :is(.pill.bad,.st.declined){background:var(--al)!important;color:var(--alt-ink)!important}
html[data-mode] .pill{border-radius:999px}html[data-mode] .lock{background:var(--acc)}
html[data-mode=dark] :is(.pill.warn,.st.pending,.fake,.phb){background:var(--yel)!important;color:var(--yel-ink)!important}
html[data-mode=dark] :is(.pill.ok,.st.approved){background:rgba(46,139,87,.18)!important;color:#8FD3A9!important}
html[data-mode=dark] .st.cancelled{background:var(--neu)!important;color:var(--muted)!important}
html[data-mode=dark] .hol{background:var(--yel)!important;color:var(--yel-ink)!important}
/* ---- modals and misc on custom pages ---- */
html[data-mode] .modal .card{background:var(--card)!important}
html[data-mode] .ck{background:var(--card);border-color:var(--acc-t2)}html[data-mode] .ck.done{background:var(--acc);border-color:var(--acc)}
html[data-mode] .bar i{background:var(--acc)}html[data-mode] .soon{background:var(--neu);border-color:var(--line);border-radius:14px}
html[data-mode] .nav li button{border-radius:12px;color:var(--ink)}html[data-mode] .nav li button.on,html[data-mode] .nav li button:hover{background:var(--acc-t);color:var(--acc-d)}
html[data-mode] .wrap{max-width:1240px;padding:2rem 2.5rem}
html[data-mode] .kpi-link{color:var(--acc-d);border-bottom-color:var(--acc-d)}html[data-mode] .kpi-hint{border-color:var(--line);color:var(--muted)}
html[data-mode=dark] :is(svg text){fill:var(--muted)}
html[data-mode=dark] img.avatar{border:1px solid var(--line)}
/* ---- phones and small tablets: sidebar becomes a drawer ---- */
@media (max-width:900px){
 html[data-mode] body{padding-left:0}
 .rail{transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 40px rgba(0,0,0,.25)}
 html.rail-open .rail{transform:none}html.rail-open .rail-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:29}
 .mbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--sb);color:var(--sbt);border-bottom:1px solid var(--line)}
 .mbar .rail-brand{padding:0}.mbar-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 14px;font:700 13px var(--sans);cursor:pointer}
 html[data-mode] .header{top:0;padding:.6rem 1rem}
 html[data-mode] .nav{width:auto;top:auto;height:auto;border-right:0;background:var(--page)!important}
 html[data-mode] .main,html[data-mode] .launch,html[data-mode] .wrap{padding:1.25rem 1rem 3rem}
 html[data-mode] .menu-btn#menuBtn{border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink)}
}
.fin-tabs a.on{background:var(--acc,#0E6E62);border-color:var(--acc,#0E6E62);color:#fff}

.va-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#8C2F39;color:#fff;text-align:center;padding:10px;font:700 14px var(--sans,sans-serif)}.va-banner a{color:#fff;margin-left:1rem;background:rgba(255,255,255,.2);padding:3px 12px;border-radius:999px;text-decoration:none}
/* v11: top-right user menu + plain Settings button */
.rail-me{font-weight:800;font-size:14px;justify-content:center}
.tlc-user{position:fixed;top:12px;right:18px;z-index:8000}
html:has(.va-banner) .tlc-user{top:52px}
.tlc-user-btn{background:var(--card,#fff);border:1px solid var(--border,#dde2e7);border-radius:999px;padding:.45rem 1rem;font:800 14px var(--sans,sans-serif);color:var(--ink,#1d232a);cursor:pointer;box-shadow:var(--sh-sm)}
.tlc-user-btn:hover{border-color:var(--acc)}
.tlc-user-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid #dde2e7;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:.5rem;font:14px var(--sans,sans-serif)}
.tlc-user-menu.open{display:block}.tlc-user-em{color:#667;font-size:12px;padding:.35rem .6rem .5rem;border-bottom:1px solid #eef0f2;margin-bottom:.3rem;word-break:break-all}
.tlc-user-menu a{display:block;padding:.5rem .6rem;border-radius:10px;color:#1d232a;text-decoration:none;font-weight:700}.tlc-user-menu a:hover{background:var(--acc-t)}
@media (max-width:900px){.tlc-user{top:8px;right:10px}}
@media print{.tlc-user{display:none}}
/* v12: the top-right name button replaces the old "Signed in as" text */
#who,.signed{display:none!important}
/* v12: collapsible menus */
.menu-hide{align-self:flex-start;background:none;border:1px solid transparent;border-radius:999px;padding:.2rem .7rem;margin:0 0 .5rem;font:700 12px var(--sans,sans-serif);color:var(--sbm,#778);cursor:pointer}
.menu-hide:hover,.menu-hide:focus-visible{border-color:var(--acc);color:var(--acc);outline:none}
html[data-menu=dark] .rail .menu-hide{color:#A3ACB5}html[data-menu=dark] .rail .menu-hide:hover{color:#fff;border-color:#fff}
.nav .nav-hide{display:block;margin:0 0 .6rem auto;color:var(--muted)}
.menu-strip{display:none;border:0;cursor:pointer;width:32px;padding:1rem 0;background:var(--acc);color:#fff;opacity:.85;font:800 12px var(--sans,sans-serif);letter-spacing:.06em}
.menu-strip span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block}
.menu-strip:hover,.menu-strip:focus-visible{opacity:1;outline:none;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
@media (min-width:901px){
 html.rail-min .rail{display:none}
 html[data-mode].rail-min body{padding-left:32px}
 html.rail-min .rail-strip{display:block;position:fixed;left:0;top:0;bottom:0;z-index:30;border-radius:0 12px 12px 0}
 html.nav-min .layout > .nav{display:none}
 html.nav-min .layout > .nav-strip{display:block;position:sticky;top:0;align-self:flex-start;height:calc(100vh - 80px);flex:none;border-radius:0 12px 12px 0;background:var(--acc-d);margin-right:.5rem}
 html.nav-min .layout{background:none!important}
}
@media (max-width:900px){.menu-hide{display:none!important}}