.shell{grid-template-columns:var(--w-sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background-image:var(--grad-d);color:var(--text-inverse);gap:var(--sp-6);padding:var(--sp-6) var(--sp-3);background-origin:border-box;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--sp-3);padding:0 var(--sp-3);display:flex}.sidebar__mark{border-radius:var(--r-tiny);background:var(--on-green-3);width:32px;height:32px;color:var(--text-inverse);flex:none;place-items:center;display:grid}.sidebar__name{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-bold);color:var(--text-inverse)}.sidebar__sub{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-inverse-muted)}.sidebar__nav{gap:2px;margin-bottom:auto;display:grid}.sidebar__group{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-3) var(--sp-1);border-top:1px solid var(--on-green-line);font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--text-inverse-muted)}.sidebar__fold{gap:2px;display:grid}.sidebar__fold>summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.sidebar__fold>summary::-webkit-details-marker{display:none}.sidebar__fold>summary:after{content:"";width:6px;height:6px;margin-right:var(--sp-1);border-bottom:1.5px solid;border-right:1.5px solid;transition:transform .15s;transform:rotate(-45deg)}.sidebar__fold[open]>summary:after{transform:rotate(45deg)}.sidebar__link{align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-3);border-radius:var(--r-control);color:var(--text-inverse-muted);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-medium);transition:background var(--t-fast), color var(--t-fast);text-decoration:none;display:flex}.sidebar__link:hover{background:var(--on-green-1);color:var(--text-inverse);text-decoration:none}.sidebar__link.is-active{background:var(--on-green-3);color:var(--text-inverse);font-weight:var(--fw-bold)}.sidebar__persona{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--on-green-line);border-radius:var(--r-control);background:var(--on-green-1);display:grid}.sidebar__personarow{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.sidebar__personaicon{border-radius:var(--r-tiny);background:var(--on-green-3);width:28px;height:28px;color:var(--text-inverse);flex:none;place-items:center;display:grid}.sidebar__personamain{min-width:0;display:grid}.sidebar__personaname{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-bold);color:var(--text-inverse);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__personarole{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-inverse-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__switch{align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-2);border-radius:var(--r-tiny);color:var(--text-inverse-muted);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-semibold);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;display:flex}.sidebar__switch:hover{background:var(--on-green-2);color:var(--text-inverse)}.langsw{border:1px solid var(--line-strong);border-radius:var(--r-pill);justify-self:start;height:28px;display:inline-flex;overflow:hidden}.langsw__btn{padding:0 var(--sp-3);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--muted);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0}.langsw__btn:hover{background:var(--soft)}.langsw__btn.is-on{background:var(--deep);color:var(--text-inverse)}.sidebar__lang{margin:0 var(--sp-4) var(--sp-2);border-color:var(--on-green-2);flex-shrink:0;align-self:flex-start}.sidebar__lang .langsw__btn{color:var(--text-inverse-muted)}.sidebar__lang .langsw__btn:hover{background:var(--on-green-2);color:var(--text-inverse)}.sidebar__lang .langsw__btn.is-on{background:var(--text-inverse);color:var(--deep)}.login__langrow{justify-content:flex-end;display:flex}.sidebar__foot{padding:var(--sp-3);border-top:1px solid var(--on-green-line);color:var(--text-inverse-muted);font-size:var(--fs-caption);line-height:var(--lh-caption)}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--h-topbar);flex:0 0 var(--h-topbar);align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);background:var(--card);border-bottom:1px solid var(--color-border-subtle);z-index:20;display:flex;position:sticky;top:0}.topbar__trail{flex:auto;min-width:0;container-type:inline-size}.topbar__trail .trail{flex-wrap:nowrap;overflow:hidden}.topbar__trail .trail__item{flex:0 3 auto;min-width:0}.topbar__trail .trail__item:first-child{flex-shrink:0}.topbar__trail .trail__item:last-child{flex:0 auto;min-width:min(22ch,100%)}@container (width<=420px){.topbar__trail .trail:has(>:nth-child(3)) .trail__level{display:none}}.topbar__trail .trail__level,.topbar__trail .trail__sep{white-space:nowrap;flex:none}.topbar__tools{align-items:center;gap:var(--sp-3);flex:none;display:flex}.topbar__persona{align-items:center;gap:var(--sp-2);max-width:240px;height:32px;padding:0 var(--sp-3);border:1px solid var(--color-border-subtle);border-radius:var(--r-pill);background:var(--soft);color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-semibold);white-space:nowrap;display:inline-flex}.topbar__persona--in{cursor:pointer;color:var(--deep);background:var(--sage);border-color:var(--mint)}.topbar__personaname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__asof{align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--sage);height:32px;color:var(--deep);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex}.tracksw{align-items:center;gap:var(--sp-2);display:flex}.tracksw__label{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--muted)}.tracksw__group{border:1px solid var(--line-strong);border-radius:var(--r-pill);height:32px;display:flex;overflow:hidden}.tracksw__btn{padding:0 var(--sp-3);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--muted);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0}.tracksw__btn:hover{background:var(--soft)}.tracksw__btn.is-on{background:var(--deep);color:var(--text-inverse)}.searchbox{min-width:240px;position:relative}.searchbox__field{align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3);border:1px solid var(--color-control-border);border-radius:var(--r-pill);color:var(--muted);background:var(--card);transition:border-color var(--t-fast), box-shadow var(--t-fast);display:flex}.searchbox__field:focus-within{border-color:var(--line-focus);box-shadow:var(--ring-focus)}.searchbox input{width:100%;color:var(--ink);font-size:var(--fs-caption);line-height:var(--lh-caption);background:0 0;border:0;outline:none}.searchbox input::placeholder{color:var(--muted)}.searchdrop{top:calc(100% + var(--sp-2));z-index:30;width:360px;max-width:70vw;padding:var(--sp-2);border:1px solid var(--color-border-subtle);border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-focus);gap:2px;display:grid;position:absolute;right:0}.searchdrop__hit{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2);border-radius:var(--r-tiny);text-align:left;transition:background var(--t-fast);background:0 0;border:0;display:flex}.searchdrop__hit.is-on{background:var(--sage)}.searchdrop__icon{border-radius:var(--r-tiny);background:var(--soft);width:24px;height:24px;color:var(--muted);flex:none;place-items:center;display:grid}.searchdrop__main{gap:1px;min-width:0;display:grid}.searchdrop__title{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-semibold);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchdrop__note{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchdrop__empty{padding:var(--sp-2);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.demolayer{position:relative}.demolayer__trigger{align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3);border:1px solid var(--color-border-subtle);border-radius:var(--r-pill);background:var(--card);color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-semibold);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);display:inline-flex}.demolayer__trigger:hover{background:var(--soft);color:var(--ink)}.demolayer__trigger[aria-expanded=true]{background:var(--sage);border-color:var(--mint);color:var(--deep)}.demolayer__panel{top:calc(100% + var(--sp-2));z-index:30;width:264px;max-width:80vw;padding:var(--sp-2);border:1px solid var(--color-border-subtle);border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-focus);gap:2px;display:grid;position:absolute;right:0}.demolayer__caption{padding:var(--sp-2) var(--sp-2) var(--sp-1);color:var(--muted)}.demolayer__item{align-items:center;gap:var(--sp-2);width:100%;height:36px;padding:0 var(--sp-2);border-radius:var(--r-tiny);text-align:left;color:var(--ink);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-semibold);transition:background var(--t-fast);background:0 0;border:0;display:flex}.demolayer__item:hover{background:var(--soft)}.demolayer__item:disabled{color:var(--action-disabled-fg);cursor:default}.demolayer__item:disabled:hover{background:0 0}.demolayer__status{padding:var(--sp-2);color:var(--deep)}.demolayer__status--fail{color:var(--copper-deep)}.content{padding:var(--sp-6);flex:auto;justify-content:center;min-width:0;display:flex}.content__inner{width:100%;max-width:var(--w-content-max);gap:var(--sp-6);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.content__inner>*{min-width:0}.content--wide .content__inner{max-width:none}.content[data-layout=astra] .content__inner{max-width:var(--w-content-wide)}@media (width<=1279px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar__link span:last-child,.sidebar__brand>div,.sidebar__foot{display:none}.sidebar__link{justify-content:center}.sidebar__group{letter-spacing:0;padding:var(--sp-3) 0 0;font-size:0}.sidebar__persona{padding:var(--sp-2);justify-items:center}.sidebar__personamain,.sidebar__switch span{display:none}.sidebar__personarow{justify-content:center}.sidebar__lang{height:auto;margin:0 0 var(--sp-2);border-radius:var(--r-tiny);flex-direction:column;align-self:center}.sidebar__lang .langsw__btn{height:24px;padding:0 var(--sp-2)}.sidebar__switch{justify-content:center;width:32px;padding:0}.topbar__persona{max-width:168px}.demolayer__trigger span{display:none}.demolayer__trigger{padding:0 var(--sp-2)}.searchbox{display:none}}.topbar__menu,.shell__backdrop{display:none}@media (width<=600px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:95;width:min(288px,86vw);height:100dvh;padding:var(--sp-4) var(--sp-3);gap:var(--sp-4);visibility:hidden;transition:transform var(--t-fast), visibility var(--t-fast);position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{visibility:visible;box-shadow:var(--shadow-hero);transform:none}.sidebar__nav{min-height:0;overflow-y:auto}.sidebar__link span:last-child,.sidebar__brand>div,.sidebar__foot,.sidebar__switch span{display:revert}.sidebar__personamain{display:grid}.sidebar__link,.sidebar__brand{padding:0 var(--sp-3);justify-content:flex-start}.sidebar__group{font-size:var(--fs-label);letter-spacing:var(--ls-label);padding:var(--sp-3) var(--sp-3) var(--sp-1)}.sidebar__persona{padding:var(--sp-3);justify-items:stretch}.sidebar__personarow{justify-content:flex-start}.sidebar__switch{width:auto;padding:0 var(--sp-2);justify-content:flex-start}.shell__backdrop{z-index:94;background:color-mix(in srgb, var(--ink) 40%, transparent);border:0;padding:0;display:block;position:fixed;inset:0}.topbar{padding:0 var(--sp-3);gap:var(--sp-2)}.topbar__menu{width:var(--h-control-sm);height:var(--h-control-sm);border:1px solid var(--color-border-subtle);border-radius:var(--r-control);background:var(--card);color:var(--deep);flex:none;justify-content:center;align-items:center;display:inline-flex}.topbar__trail .trail__item:not(:last-child),.topbar__trail .trail__sep,.topbar__trail .trail__level{display:none}.topbar__trail .trail__item:last-child{min-width:0}.topbar__persona{display:none}.topbar__tools{gap:var(--sp-2)}.tracksw__label{display:none}.content{padding:20px 14px}}@media (width>=1600px){.content{padding:28px clamp(28px,2vw,56px)}}.sidebar{overflow-y:auto}
