/* v2.11.0 — desktop sidebar, compact option, and mobile bottom navigation. */
body.has-placement-nav:not(.account-pending){--placement-nav-width:184px;padding-left:var(--placement-nav-width)}
.placement-nav{position:fixed;inset:0 auto 0 0;width:184px;padding:28px 16px;display:flex;flex-direction:column;gap:28px;background:var(--surface);border-right:1px solid var(--line);z-index:110;color:var(--ink)}
.account-pending>.placement-nav{display:none}
.placement-nav-brand{text-decoration:none;padding:8px 12px 21px;border-bottom:1px solid var(--line);color:var(--accent)}
.placement-nav-brand b{font:38px/1 Georgia,serif;display:block;margin-bottom:14px}.placement-nav-brand b>span{font-size:18px;margin-left:-5px}.placement-nav-brand>.nav-label{font-size:13px;font-weight:700}
.placement-menu,.placement-quick{display:flex;flex-direction:column;gap:8px}.placement-nav-link{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:12px 11px;border:0;border-radius:11px;background:transparent;color:var(--muted);text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;text-align:left}
.placement-nav svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.placement-nav-link:hover,.placement-nav-link.active{background:var(--accent-light);color:var(--accent)}.placement-nav-link.active{box-shadow:inset 2px 0 var(--accent)}
.placement-quick{padding-top:22px;border-top:1px solid var(--line)}.placement-quick>p{margin:0 11px 4px;font-size:10px;color:var(--muted)}.placement-nav-bottom{margin-top:auto}.placement-nav-bottom>p{font-size:10px;line-height:1.8;color:var(--muted);padding:0 10px}
.has-placement-nav>.topbar{padding-left:28px;padding-right:28px}.has-placement-nav>main{width:100%;min-width:0}
body.placement-nav-collapsed:not(.account-pending){--placement-nav-width:76px}.placement-nav-collapsed .placement-nav{width:76px;padding-left:12px;padding-right:12px}.placement-nav-collapsed .placement-nav .nav-label{display:none}.placement-nav-collapsed .placement-nav-brand{padding:8px 4px 16px;text-align:center}.placement-nav-collapsed .placement-nav-brand b{font-size:32px;margin-bottom:0}.placement-nav-collapsed .placement-nav-link{justify-content:center;padding:12px 8px}.placement-nav-collapsed #collapsePlacementNav svg{transform:rotate(180deg)}
@media(min-width:1051px) and (max-width:1640px){.has-placement-nav .topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px}.has-placement-nav .top-actions{grid-row:2;grid-column:1/-1;justify-content:flex-start}.has-placement-nav .account-tools{grid-column:2;grid-row:1}.has-placement-nav .workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1050px){body.has-placement-nav:not(.account-pending){padding-left:0;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.placement-nav,.placement-nav-collapsed .placement-nav{inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding:8px 14px max(8px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);display:block;box-shadow:0 -5px 22px #0000000c}.placement-nav-brand,.placement-quick,.placement-nav-bottom{display:none}.placement-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.placement-menu .placement-nav-link{flex-direction:column;justify-content:center;gap:4px;font-size:10px;padding:7px 5px;min-height:53px}.placement-menu .placement-nav-link.active{box-shadow:inset 0 2px var(--accent)}.placement-nav-collapsed .placement-menu .nav-label{display:block}.placement-nav-collapsed .placement-menu .placement-nav-link{padding:7px 5px}.has-placement-nav #toast{bottom:100px}.has-placement-nav>.topbar{padding-left:16px;padding-right:16px}}
@media print{.placement-nav{display:none!important}body.has-placement-nav:not(.account-pending){padding:0}}

/* Official homepage AION2 mark, kept at its native aspect ratio. */
.placement-nav-brand .placement-official-logo{display:block;width:58px;height:46px;object-fit:contain;flex-shrink:0}
.placement-nav-brand .placement-official-logo{margin-bottom:12px}.placement-nav-collapsed .placement-nav-brand .placement-official-logo{width:44px;height:35px;margin:0 auto}

/* v2.22.3 — center the official logo and caption; retain collapsed/mobile navigation. */
.placement-nav-brand{text-align:center}
.placement-nav-brand .placement-official-logo{margin:0 auto 12px}
.placement-nav-brand>.nav-label{display:block;text-align:center}
.placement-nav-collapsed .placement-nav-brand .placement-official-logo{margin:0 auto}