.layout{background:var(--surface);min-height:100svh;color:var(--ink);flex-direction:column;font-size:16px;line-height:24px;display:flex;container:layout/inline-size}.layout-skip{left:var(--space-2);z-index:var(--z-modal);padding:var(--space-3) var(--space-4);background:var(--ink);color:var(--surface);position:absolute;top:-100px}.layout-skip:focus{top:var(--space-2)}:root:has(.layout){scroll-padding-top:var(--header-height)}.layout-header{z-index:var(--z-header);justify-content:space-between;align-items:center;gap:var(--space-3);box-sizing:border-box;min-height:56px;padding:0 var(--gutter-mobile);background:var(--surface);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.layout-brand{min-height:var(--control-height-touch);letter-spacing:-.3px;color:inherit;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.layout-logo{box-sizing:border-box;border:1px dashed var(--line-control);border-radius:var(--radius-md);letter-spacing:0;text-align:center;width:36px;height:36px;color:var(--ink-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:400;line-height:10px;display:flex}.layout-logo-img{object-fit:contain;flex-shrink:0;width:auto;max-width:144px;height:36px;display:block}.layout-header-start,.layout-header-end{align-items:center;gap:var(--space-3);min-width:0;display:flex}.layout-brand{min-width:0}.layout-brand-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layout-topnav{gap:var(--space-1);margin-left:var(--space-6);display:none}.layout-link,.layout-tab{align-items:center;gap:var(--space-2);min-height:var(--control-height-touch);box-sizing:border-box;color:var(--ink-muted);border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-decoration:none;display:flex}.layout-link{padding:0 var(--space-3)}.layout-link:hover,.layout-tab:hover{background:var(--hover);color:var(--ink)}.layout-link[aria-current=page],.layout-tab[aria-current=page]{color:var(--ink);font-weight:700}.layout-link[aria-current=page]{background:var(--hover)}.layout-tabbar{z-index:var(--z-sticky);background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);grid-auto-columns:1fr;grid-auto-flow:column;margin-top:auto;display:grid;position:sticky;bottom:0}.layout-tab{padding:var(--space-2) var(--space-1);border-radius:0;flex-direction:column;justify-content:center;gap:2px;min-height:56px;font-size:12px;line-height:16px}.layout-tab[aria-current=page]{border-top:2px solid var(--ink);margin-top:-1px}.layout-nav-unavailable{padding:var(--space-3) var(--space-4);color:var(--ink-muted);margin:0;font-size:14px}.layout-readonly{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--gutter-mobile);background:var(--info-soft);color:var(--info-ink);border-bottom:1px solid var(--line);font-size:14px;line-height:20px;display:flex}.layout-body{flex-direction:column;flex:1;min-height:0;display:flex}.layout-side .sc-nav{width:100%;padding:var(--space-3);border-right:0;border-bottom:1px solid var(--line)}.layout-side[data-open=false]{display:none}.layout-side-loading{gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--line);display:grid}.layout-main{box-sizing:border-box;min-width:0;padding:var(--space-6) var(--gutter-mobile);background:var(--surface-raised);gap:var(--space-6);flex-direction:column;flex:1;display:flex}.layout-main[data-width=narrow]{max-width:var(--figure-width);width:100%;margin-inline:auto}.layout-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.layout-stack{gap:var(--space-4);display:grid}@container layout (width>=768px){.layout-header{min-height:var(--header-height);padding:0 var(--space-6)}.layout-topnav{display:flex}.layout-tabbar{display:none}.layout-readonly{padding-inline:var(--space-6)}.layout-main{padding:var(--space-8)}}@container layout (width>=1024px){.layout-body{flex-direction:row}.layout-side,.layout-side[data-open=false]{width:var(--sidebar-width);top:var(--header-height);height:calc(100svh - var(--header-height));flex-shrink:0;align-self:flex-start;display:block;position:sticky;overflow-y:auto}.layout-side .sc-nav{border-right:1px solid var(--line);height:100%;padding:var(--space-6) var(--space-3);border-bottom:0}.layout-side-loading{border-bottom:0;border-right:1px solid var(--line);height:100%}.layout .layout-menu-toggle{display:none}.layout-main{padding:var(--space-8) var(--gutter-content)}.layout-main[data-width=wide]>*{width:100%;max-width:calc(1280px - 2 * var(--gutter-content));margin-inline:auto}}