/* Stratenity Library: shared header, member menu, phone drawer and footer. */
:root{--lc-ink:#1A1F3A;--lc-navy:#2F3C7E;--lc-navy-deep:#232D5F;--lc-teal:#66CCC5;--lc-teal-deep:#3FA89F;--lc-teal-wash:#EAF7F5;--lc-slate:#6B6E80;--lc-slate-deep:#4F5470;--lc-rule:#E0E2EA;--lc-rule-soft:#EEF0F4;--lc-ground:#F6F7F9;--lc-warn:#9A5B12;--lc-warn-wash:#FBF1E2;--lc-out:#A23B3B;--lc-serif:'Fraunces',Georgia,'Times New Roman',serif;--lc-sans:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif;--lc-mono:'IBM Plex Mono','Courier New',monospace}
.lc-h *,.lc-f *,.lc-drawer *{box-sizing:border-box}
.lc-h a,.lc-f a,.lc-drawer a{text-decoration:none}

.lc-h{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--lc-rule-soft);font:400 15px/1.55 var(--lc-sans)}
.lc-h-in{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:22px;height:64px;padding:0 clamp(16px,3vw,32px)}
.lc-wm{display:inline-flex;align-items:center;gap:10px;font:500 1.22rem/1 var(--lc-serif);color:var(--lc-ink);white-space:nowrap;letter-spacing:-.01em;flex:none}
.lc-wm img{width:30px;height:30px;border-radius:7px;display:block}
.lc-wm .lc-dot{color:#C9CDDA;margin:0 .1em}
.lc-wm em{font-style:italic;font-weight:400;color:var(--lc-teal-deep)}
.lc-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.lc-nav a{padding:8px 11px;border-radius:8px;font-size:.88rem;color:var(--lc-slate-deep);white-space:nowrap}
.lc-nav a:hover{background:var(--lc-ground);color:var(--lc-ink)}
.lc-nav a[aria-current]{color:var(--lc-ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--lc-teal-deep);border-radius:0}
.lc-nav .lc-ask{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--lc-rule);background:#fff;border-radius:999px;padding:7px 13px;font-size:.84rem;color:var(--lc-ink)}
.lc-nav .lc-ask i{width:8px;height:8px;border-radius:50%;background:var(--lc-teal-deep);box-shadow:0 0 0 3px var(--lc-teal-wash)}
.lc-nav .lc-signin{margin-left:auto}
.lc-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--lc-navy);color:#fff!important;border:0;border-radius:999px;padding:9px 18px;font:500 .88rem/1.2 var(--lc-sans);white-space:nowrap;cursor:pointer}
.lc-pill:hover{background:var(--lc-navy-deep)}

.lc-me{position:relative;flex:none}
.lc-me-btn{display:flex;align-items:center;gap:10px;border:0;background:none;padding:4px 8px 4px 4px;border-radius:12px;text-align:left;color:var(--lc-ink);font:inherit;cursor:pointer}
.lc-me-btn:hover,.lc-me-btn[aria-expanded="true"]{background:var(--lc-ground)}
.lc-av{width:36px;height:36px;border-radius:50%;background:var(--lc-navy);color:#fff;display:grid;place-items:center;font:600 .82rem/1 var(--lc-sans);letter-spacing:.02em;flex:none}
.lc-me-t b{display:block;font-size:.88rem;font-weight:600;line-height:1.2;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-me-t small{display:block;font-size:.74rem;color:var(--lc-slate);line-height:1.3}
.lc-chev{width:16px;height:16px;color:var(--lc-slate)}
.lc-menu{position:absolute;right:0;top:calc(100% + 8px);width:276px;background:#fff;border:1px solid var(--lc-rule);border-radius:14px;box-shadow:0 18px 40px -12px rgba(26,31,58,.22);padding:6px;z-index:120}
.lc-menu[hidden]{display:none}
.lc-menu-id{display:flex;gap:12px;align-items:center;padding:12px 10px 14px;border-bottom:1px solid var(--lc-rule-soft);margin-bottom:6px}
.lc-menu-id b{display:block;color:var(--lc-ink);font-size:.92rem}
.lc-menu-id small{display:block;color:var(--lc-slate);font-size:.78rem;overflow-wrap:anywhere}
.lc-menu a,.lc-menu button{display:flex;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:8px;font:400 .88rem/1.4 var(--lc-sans);color:var(--lc-ink);cursor:pointer}
.lc-menu a:hover,.lc-menu button:hover{background:var(--lc-ground)}
.lc-menu hr{border:0;border-top:1px solid var(--lc-rule-soft);margin:6px 4px}
.lc-menu .lc-out{color:var(--lc-out)}
.lc-sso{margin:0;padding:8px 10px 6px;font-size:.74rem;color:var(--lc-slate);line-height:1.45}

.lc-tag{display:inline-flex;align-items:center;font:600 .62rem/1 var(--lc-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--lc-teal-wash);color:#22766F}
.lc-tag.none{background:var(--lc-warn-wash);color:var(--lc-warn)}
.lc-tag.pro{background:#EEF0FA;color:var(--lc-navy)}
.lc-tag:empty{display:none}

.lc-burger{display:none;margin-left:auto;width:40px;height:40px;border:1px solid var(--lc-rule);border-radius:10px;background:#fff;color:var(--lc-ink);align-items:center;justify-content:center;cursor:pointer}
.lc-burger svg{width:20px;height:20px}
.lc-drawer{position:fixed;inset:0;z-index:200;display:none;font:400 15px/1.55 var(--lc-sans)}
.lc-drawer.open{display:block}
.lc-drawer .lc-scrim{position:absolute;inset:0;background:rgba(26,31,58,.42)}
.lc-drawer aside{position:absolute;top:0;right:0;height:100%;width:86%;max-width:330px;background:#fff;display:flex;flex-direction:column;overflow:auto;box-shadow:-8px 0 30px rgba(26,31,58,.18)}
.lc-d-id{display:flex;gap:12px;align-items:center;padding:20px 56px 18px 18px;border-bottom:1px solid var(--lc-rule-soft)}
.lc-d-id b{display:block;color:var(--lc-ink)}
.lc-drawer nav{display:flex;flex-direction:column;padding:8px}
.lc-drawer nav a,.lc-drawer nav button{display:block;text-align:left;border:0;background:none;padding:12px;border-radius:10px;font:400 1rem/1.3 var(--lc-sans);color:var(--lc-ink);cursor:pointer}
.lc-drawer nav a:hover,.lc-drawer nav button:hover{background:var(--lc-ground)}
.lc-drawer .lc-out{color:var(--lc-out)}
.lc-d-sec{font:500 .6rem/1 var(--lc-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lc-slate);padding:14px 12px 6px}
.lc-d-x{position:absolute;top:14px;right:12px;border:0;background:none;font-size:26px;line-height:1;color:var(--lc-slate);width:36px;height:36px;cursor:pointer}
body.lc-locked{overflow:hidden}

.lc-f{background:var(--lc-ink);color:#C3C7D8;font:400 .86rem/1.55 var(--lc-sans)}
.lc-f-in{max-width:1320px;margin:0 auto;padding:40px clamp(16px,3vw,32px) 22px}
.lc-f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.lc-f .lc-wm{color:#fff;font-size:1.15rem}
.lc-f .lc-wm em{color:var(--lc-teal)}
.lc-f .lc-wm .lc-dot{color:#6B7193}
.lc-f-tag{margin:12px 0 0;max-width:34ch;color:#AEB3C7}
.lc-f h2{margin:2px 0 12px;font:500 .62rem/1 var(--lc-mono);letter-spacing:.16em;text-transform:uppercase;color:#8A90AB}
.lc-f ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lc-f a{color:#C3C7D8}
.lc-f a:hover{color:#fff;text-decoration:underline}
.lc-f-bot{margin-top:30px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font:400 .72rem/1.5 var(--lc-mono);letter-spacing:.04em;color:#8A90AB}

.lc-h :focus-visible,.lc-f :focus-visible,.lc-drawer :focus-visible{outline:2px solid var(--lc-teal-deep);outline-offset:2px;border-radius:6px}

@media (max-width:1100px){.lc-nav a.lc-opt{display:none}.lc-me-t{display:none}}
@media (max-width:860px){
  .lc-nav,.lc-me{display:none}
  .lc-burger{display:inline-flex}
  .lc-h-in{height:58px}
  .lc-f-top{grid-template-columns:1fr 1fr}
  .lc-f-top>div:first-child{grid-column:1/-1}
}
@media print{.lc-h,.lc-f,.lc-drawer{display:none!important}}

/* Pages that show both header states: signed-in pieces carry .lc-in-only, signed-out pieces .lc-out-only. */
html:not(.lc-in) .lc-in-only{display:none!important}
html.lc-in .lc-out-only{display:none!important}
.lc-signin{font-size:.88rem;color:var(--lc-slate-deep);padding:8px 10px;border-radius:8px;white-space:nowrap}
.lc-signin:hover{background:var(--lc-ground);color:var(--lc-ink)}
.lc-right{display:flex;align-items:center;gap:8px;flex:none}
.lc-f li{margin:0}
.lc-f p{font-size:inherit}
@media (max-width:860px){.lc-right{display:none}}
footer.lc-f{padding:0;margin:0;border-top:0}

/* Library shell: side menu beside the content on signed-in Library pages. */
.lc-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:268px minmax(0,1fr);gap:28px;padding:28px clamp(16px,3vw,32px) 48px;align-items:start}
.lc-side{align-self:start;background:#fff;border:1px solid var(--lc-rule);border-radius:16px;padding:8px;font:400 15px/1.55 var(--lc-sans);scrollbar-width:thin}
.lc-side a{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:9px;font-size:.88rem;color:var(--lc-slate-deep);text-decoration:none}
.lc-side a:hover{background:var(--lc-ground);color:var(--lc-ink)}
.lc-side a[aria-current]{background:var(--lc-teal-wash);color:var(--lc-ink);font-weight:500}
.lc-side a svg{width:17px;height:17px;flex:none;color:var(--lc-slate)}
.lc-side a[aria-current] svg{color:var(--lc-teal-deep)}
.lc-side-sec{display:block;font:500 .6rem/1 var(--lc-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lc-slate);padding:14px 12px 6px}
.lc-side details summary{list-style:none;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;cursor:pointer;font-size:.89rem;font-weight:500;color:var(--lc-ink)}
.lc-side details summary::-webkit-details-marker{display:none}
.lc-side details summary:hover{background:var(--lc-ground)}
.lc-side details summary i{width:8px;height:8px;border-radius:2px;background:var(--c);flex:none}
.lc-side details summary small{margin-left:auto;font:400 .72rem var(--lc-mono);color:var(--lc-slate)}
.lc-side details summary svg{width:14px;height:14px;color:var(--lc-slate);transition:transform .15s}
.lc-side details[open] summary svg{transform:rotate(180deg)}
.lc-side .lc-sub{margin:0 0 6px 17px;padding-left:8px;border-left:1px solid var(--lc-rule-soft)}
.lc-side .lc-sub a{justify-content:space-between;padding:6px 10px;font-size:.82rem}
.lc-side .lc-sub a span{font:400 .7rem var(--lc-mono);color:var(--lc-slate)}
@media (max-width:960px){
  .lc-shell{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
  .lc-side{position:static;max-height:none}
  .lc-side .lc-cols{display:none}
  .lc-side .lc-side-top{display:flex;overflow-x:auto;gap:4px}
  .lc-side .lc-side-top a{white-space:nowrap}
  .lc-side .lc-side-sec,.lc-side .lc-guided{display:none}
}
@media print{.lc-side{display:none!important}.lc-shell{display:block}}
/* Workspace and Community links in the side menu open VelorStrategy and Collasia in a new tab */
.lc-side .lc-ext{width:12px;height:12px;margin-left:auto;color:var(--lc-slate);opacity:.7}
.lc-side a:hover .lc-ext{opacity:1}
@media (max-width:960px){.lc-side .lc-out-links{display:none}}

/* Ecosystem block: the Library, VelorStrategy and Collasia, one account across all three */
.lc-eco{position:relative;z-index:1;background:var(--lc-ground);border-top:1px solid var(--lc-rule-soft);padding:56px clamp(16px,3vw,32px) 64px;font:400 15px/1.55 var(--lc-sans)}
.lc-eco-in{max-width:1180px;margin:0 auto;display:grid;gap:28px}
.lc-eco-hd{max-width:760px;margin:0 auto;text-align:center}
.lc-eco-k{display:inline-block;font:500 .64rem/1 var(--lc-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lc-teal-deep)}
.lc-eco-hd h2{margin:12px 0 0;font:400 clamp(1.6rem,2.6vw,2.1rem)/1.2 var(--lc-serif);color:var(--lc-ink);letter-spacing:-.015em;text-wrap:balance}
.lc-eco-hd p{margin:10px auto 0;color:var(--lc-slate-deep);max-width:62ch}
.lc-eco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lc-eco-card{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--lc-rule);border-radius:16px;padding:22px 22px 20px;text-decoration:none;color:var(--lc-ink);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.lc-eco-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--eco,var(--lc-teal))}
.lc-eco-card:hover{border-color:#CBD0E4;box-shadow:0 18px 40px -26px rgba(26,31,58,.45);transform:translateY(-2px)}
.lc-eco-card:focus-visible{outline:2px solid var(--lc-teal-deep);outline-offset:2px}
.lc-eco-tag{align-self:flex-start;font:500 .58rem/1 var(--lc-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--eco,var(--lc-teal-deep));background:var(--eco-w,var(--lc-teal-wash));padding:5px 8px;border-radius:6px}
.lc-eco-name{font:500 1.3rem/1.2 var(--lc-serif);color:var(--lc-ink)}
.lc-eco-name em{font-style:italic;font-weight:400;color:var(--lc-teal-deep)}
.lc-eco-card p{margin:0;color:var(--lc-slate-deep);font-size:.9rem;line-height:1.55;flex:1}
.lc-eco-go{font:500 .86rem/1 var(--lc-sans);color:var(--lc-navy);display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.lc-eco-card.lib{--eco:#3FA89F;--eco-w:#EAF7F5}
.lc-eco-card.adv{--eco:#B07A2A;--eco-w:#F8F0E2}
.lc-eco-card.vs{--eco:#2F3C7E;--eco-w:#ECEEF7}
.lc-eco-card.col{--eco:#7B6FD8;--eco-w:#F0EEFB}
.lc-eco-foot{text-align:center;font-size:.84rem;color:var(--lc-slate)}
@media (max-width:860px){.lc-eco-grid{grid-template-columns:minmax(0,1fr)}.lc-eco{padding:40px 16px 48px}}
@media print{.lc-eco{display:none}}

/* Phones: fixed bottom bar (as in Collasia); "More" opens the side menu drawer */
.lc-tabbar{display:none}
.lc-ask-ic{display:none}
@media (max-width:860px){
  html.lc-in .lc-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--lc-rule);padding:6px 4px calc(6px + env(safe-area-inset-bottom));font-family:var(--lc-sans)}
  .lc-tabbar a,.lc-tabbar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:0;background:none;font:600 11px/1.1 var(--lc-sans);color:var(--lc-slate);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .lc-tabbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .lc-tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .lc-tabbar a.on,.lc-tabbar a:hover,.lc-tabbar button:hover{color:var(--lc-navy)}
  .lc-tabbar a.on svg{stroke:var(--lc-teal-deep)}
  .lc-tabbar :focus-visible{outline:2px solid var(--lc-teal-deep);outline-offset:-2px;border-radius:10px}
  /* room for the bar sits inside the footer, so the navy footer runs to the bottom edge */
  html.lc-in.lc-tabs .lc-f{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  html.lc-in.lc-tabs body:not(:has(.lc-f)){padding-bottom:calc(64px + env(safe-area-inset-bottom))}

  /* asset read-aloud: the Listen player and its notices sit above the bottom bar; back-to-top steps aside while it plays */
  html.lc-in.lc-tabs .la-bar{bottom:calc(76px + env(safe-area-inset-bottom))}
  html.lc-in.lc-tabs .la-toast{bottom:calc(80px + env(safe-area-inset-bottom))}
  html.lc-in.lc-tabs body:has(.la-bar.show) .rtt{display:none!important}
  /* member pages on phones: summaries in full, stat tiles in one even row, collection tabs in one row */
  html.lc-in .cat p,html.lc-in .item .s,html.lc-in .card .s{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
  /* category pages: the three number tiles sit in one row */
  html.lc-in .tiles:is(:has(#tN),:has(#tA)){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html.lc-in .tiles:is(:has(#tN),:has(#tA))>.tile{padding:12px 11px;gap:4px;min-width:0}
  html.lc-in .tiles:is(:has(#tN),:has(#tA)) .tile .k{font-size:.52rem;letter-spacing:.08em;line-height:1.3}
  html.lc-in .tiles:is(:has(#tN),:has(#tA)) .tile .v{font-size:1.2rem}
  html.lc-in .tiles:is(:has(#tN),:has(#tA)) .tile .s{font-size:.7rem;line-height:1.35;overflow-wrap:anywhere}
  html.lc-in .cols-h{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 4px 0;gap:0}
  html.lc-in .cols-h button{justify-content:center;padding:12px 2px;gap:5px;font-size:.84rem;min-width:0}
  html.lc-in .cols-h .n{padding:2px 5px;font-size:.6rem}
  /* page tabs wrap as pills instead of scrolling off the screen */
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"]{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding:12px 12px 10px}
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"] button{border:1px solid var(--lc-rule);border-radius:999px;margin:0;padding:7px 12px;gap:6px;font-size:.82rem;line-height:1.2;white-space:nowrap;background:#fff}
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"] button[aria-selected="true"]{background:var(--lc-navy);border-color:var(--lc-navy);color:#fff}
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"] button[aria-selected="true"] .n{background:rgba(255,255,255,.18);color:#fff}
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"] .n{padding:2px 6px;font-size:.6rem}
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"]:has(>button:nth-child(3):last-child){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  html.lc-in :is(.tabs,.dp-tabs,.em-tabs)[role="tablist"]:has(>button:nth-child(3):last-child) button{justify-content:center;padding:7px 4px;font-size:.78rem}
  /* member-page tables: each row becomes a small card, each value under its column name */
  .lc-pg table thead{display:none}
  .lc-pg table,.lc-pg table tbody,.lc-pg table tr,.lc-pg table td{display:block;width:100%}
  .lc-pg table tr{padding:8px 0;border-bottom:1px solid var(--lc-rule-soft)}
  .lc-pg table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border:0!important;padding:4px 2px!important;text-align:right;overflow-wrap:anywhere}
  .lc-pg table td::before{content:attr(data-label);flex:none;font:500 .6rem/1.6 var(--lc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lc-slate);text-align:left}
  .lc-pg table td[data-label=""]::before,.lc-pg table td:not([data-label])::before{content:none}
  .lc-pg table td[colspan]{display:block;text-align:left}
  .lc-pg .table-wrap{overflow:visible}
  /* the bar and the More drawer replace the side menu's top strip and the asset edge tabs */
  html.lc-in.lc-tabs .lc-side{display:none}
  html.lc-in.lc-tabs .lc-shell{grid-template-columns:minmax(0,1fr)}
  html.lc-in.lc-tabs .lib-toc-tab,html.lc-in.lc-tabs .vl-tab{display:none!important}
  html.lc-in.lc-tabs .rtt{bottom:calc(78px + env(safe-area-inset-bottom))!important;right:14px!important}
  html.lc-in.lc-tabs .lib-toc-dock,html.lc-in.lc-tabs .vl-dock{height:calc(100vh - var(--lib-htop,0px) - 64px - env(safe-area-inset-bottom))!important;height:calc(100dvh - var(--lib-htop,0px) - 64px - env(safe-area-inset-bottom))!important}
  html.lc-in.lc-tabs .lc-drawer aside{padding-bottom:calc(72px + env(safe-area-inset-bottom))}

  /* top bar as in Collasia: menu on the left; Ask Velora and the avatar on the right */
  html.lc-in.lc-tabs .lc-h-in{gap:6px;padding:0 12px}
  html.lc-in.lc-tabs .lc-burger{order:-1;margin-left:0;border:0;background:none;width:42px;height:42px}
  html.lc-in.lc-tabs .lc-burger svg{width:24px;height:24px}
  html.lc-in.lc-tabs .lc-h .lc-wm{display:none}
  html.lc-in.lc-tabs .lc-ask-ic{display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:38px;padding:0 13px 0 9px;border-radius:999px;background:var(--lc-teal-wash);color:#1F6F68;font:600 .86rem/1 var(--lc-sans);text-decoration:none}
  html.lc-in.lc-tabs .lc-ask-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  html.lc-in.lc-tabs .lc-me{display:block;margin-left:auto}
  html.lc-in.lc-tabs .lc-ask-ic+.lc-me{margin-left:4px}
  html.lc-in.lc-tabs .lc-me-btn{padding:3px 6px 3px 3px;gap:6px;border-radius:14px}
  html.lc-in.lc-tabs .lc-me-t{display:none}
  html.lc-in.lc-tabs .lc-av{width:38px;height:38px}
  html.lc-in.lc-tabs .lc-menu{width:240px}

  /* side menu: slides in from the left on navy, as in Collasia */
  html.lc-in.lc-tabs .lc-drawer{z-index:1000;display:block;visibility:hidden;pointer-events:none;transition:visibility 0s .24s}
  html.lc-in.lc-tabs .lc-drawer.open{visibility:visible;pointer-events:auto;transition:none}
  html.lc-in.lc-tabs .lc-drawer .lc-scrim{background:rgba(5,10,25,.5);opacity:0;transition:opacity .22s}
  html.lc-in.lc-tabs .lc-drawer.open .lc-scrim{opacity:1}
  html.lc-in.lc-tabs .lc-drawer aside{left:0;right:auto;width:84%;max-width:320px;background:linear-gradient(180deg,#1A1F3A,#232D5F);color:#DDE1EE;box-shadow:8px 0 30px rgba(5,10,25,.3);transform:translateX(-100%);transition:transform .24s ease;padding-top:env(safe-area-inset-top)}
  html.lc-in.lc-tabs .lc-drawer.open aside{transform:none}
  .lc-d-brand{display:flex;align-items:center;gap:11px;padding:20px 56px 16px 18px;color:#fff!important}
  .lc-d-brand img{width:34px;height:34px;border-radius:8px;background:#fff;flex:none}
  .lc-d-brand b{display:block;font:500 1.2rem/1.1 var(--lc-serif);color:#fff}
  .lc-d-brand b em{font-style:italic;font-weight:400;color:var(--lc-teal)}
  .lc-d-brand small{display:block;margin-top:4px;font-size:.76rem;color:#9AA2C0}
  html.lc-in.lc-tabs .lc-d-x{color:#AEB3C7;top:18px}
  html.lc-in.lc-tabs .lc-d-id{padding:12px 18px 14px;margin:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}
  html.lc-in.lc-tabs .lc-d-id b{color:#fff}
  html.lc-in.lc-tabs .lc-d-sec{color:#8A90AB;padding:18px 12px 6px;margin-top:6px;border-top:1px solid rgba(255,255,255,.08)}
  html.lc-in.lc-tabs .lc-drawer aside>nav a,html.lc-in.lc-tabs .lc-drawer aside>nav button{color:#DDE1EE;font-size:.95rem;padding:10px 12px}
  html.lc-in.lc-tabs .lc-drawer aside>nav a:hover,html.lc-in.lc-tabs .lc-drawer aside>nav button:hover{background:rgba(255,255,255,.07)}
  html.lc-in.lc-tabs .lc-drawer .lc-out{color:#F3A3A3}
  html.lc-in.lc-tabs .lc-drawer .lc-d-flat{display:none}
  html.lc-in.lc-tabs .lc-drawer aside>nav{padding:0 8px}
  html.lc-in.lc-tabs .lc-drawer aside>nav a,html.lc-in.lc-tabs .lc-drawer aside>nav button{display:flex;align-items:center;gap:12px;width:100%}
  html.lc-in.lc-tabs .lc-drawer aside>nav svg{width:20px;height:20px;flex:none;fill:none;stroke:#9AA2C0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  html.lc-in.lc-tabs .lc-drawer aside>nav .lc-out svg{stroke:currentColor}
  html.lc-in.lc-tabs .lc-d-id{display:none}
  #lcDrawer .lc-d-side{padding:8px 8px 0}
  #lcDrawer .lc-d-side nav{padding:0}
  #lcDrawer .lc-d-side a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#DDE1EE;font-size:1rem}
  #lcDrawer .lc-d-side a:hover{background:rgba(255,255,255,.07)}
  #lcDrawer .lc-d-side a[aria-current]{background:var(--lc-teal-deep);color:#fff;font-weight:500;box-shadow:0 8px 20px -8px rgba(63,168,159,.7)}
  #lcDrawer .lc-d-side a svg{width:20px;height:20px;flex:none;color:#9AA2C0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  #lcDrawer .lc-d-side a[aria-current] svg,#lcDrawer .lc-d-side .lc-sub a[aria-current] span{color:#fff}
  #lcDrawer .lc-d-side .lc-ext{width:13px!important;height:13px!important;margin-left:auto;opacity:.6}
  #lcDrawer .lc-d-side .lc-out-links{display:block}
  #lcDrawer .lc-d-side .lc-side-sec{display:block;font:500 .6rem/1 var(--lc-mono);letter-spacing:.16em;text-transform:uppercase;color:#8A90AB;padding:18px 12px 6px;margin-top:6px;border-top:1px solid rgba(255,255,255,.08)}
  #lcDrawer .lc-d-side details summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;cursor:pointer;font-size:.95rem;font-weight:500;color:#fff}
  #lcDrawer .lc-d-side details summary::-webkit-details-marker{display:none}
  #lcDrawer .lc-d-side details summary i{width:8px;height:8px;border-radius:2px;background:var(--c);flex:none}
  #lcDrawer .lc-d-side details summary small{margin-left:auto;font:400 .72rem var(--lc-mono);color:#8A90AB}
  #lcDrawer .lc-d-side details summary svg{width:14px;height:14px;color:#8A90AB;transition:transform .15s}
  #lcDrawer .lc-d-side details[open] summary svg{transform:rotate(180deg)}
  #lcDrawer .lc-d-side .lc-sub{margin:0 0 6px 17px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}
  #lcDrawer .lc-d-side .lc-sub a{justify-content:space-between;padding:9px 10px;font-size:.9rem;color:#C3C7D8}
  #lcDrawer .lc-d-side .lc-sub a span{font:400 .7rem var(--lc-mono);color:#8A90AB}
}
@media (max-width:860px) and (prefers-reduced-motion:reduce){html.lc-in.lc-tabs .lc-drawer aside,html.lc-in.lc-tabs .lc-drawer .lc-scrim{transition:none}}
/* Phones: nothing wider than the screen; page frames stay within it and long button labels wrap */
@media (max-width:860px){
  body>main,body>.lc-shell,.lc-shell>main{min-width:0;max-width:100%}
  main a[class*="btn"],main .lc-pill{white-space:normal;text-align:center}
}
@media print{.lc-tabbar{display:none!important}}