.layout-shell[data-v-7db55b7d]{flex-direction:column;min-height:100dvh;display:flex}.layout-header[data-v-7db55b7d]{gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-outline-soft);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;display:flex}.layout-brand[data-v-7db55b7d]{font-family:var(--font-heading);font-size:var(--font-size-heading-lg);line-height:var(--line-height-heading-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.layout-nav[data-v-7db55b7d]{gap:var(--space-4);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:flex}.nav-link[data-v-7db55b7d]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:inherit;text-decoration:none;position:relative}.nav-link[data-v-7db55b7d]:focus,.nav-link[data-v-7db55b7d]:hover{color:var(--color-brand-600);background-color:var(--color-brand-hover-surface);outline:none}.nav-link.active[data-v-7db55b7d]{color:var(--color-text-on-brand);font-weight:var(--font-weight-bold);background-color:var(--color-brand-600)}.layout-main[data-v-7db55b7d]{max-width:1200px;padding:var(--space-4);outline-offset:4px;flex:1;margin:0 auto}@media (width<=768px){.layout-header[data-v-7db55b7d]{flex-wrap:wrap}.layout-nav[data-v-7db55b7d]{justify-content:center;gap:var(--space-3);width:100%;margin-top:var(--space-2);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm)}}