.site-bridge-footer {
    width: min(100% - 2rem, 48rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 16px;
    margin: 0 auto 1.5rem;
    padding: 24px 0 0;
    border-top: 1px solid rgba(168, 80, 117, .12);
    color: #6e5d64;
    font: 600 .66rem/1.5 'Plus Jakarta Sans', sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.site-bridge-footer a { color: inherit; text-decoration: none; }
.site-bridge-footer a:hover,
.site-bridge-footer a:focus-visible { color: #a85075; }
.simple-studio .site-bridge-footer { width: min(100% - 2rem, 76rem); }
.site-bridge-logo { display: block; width: clamp(120px, 30vw, 160px); height: auto; }
.nav-pills { position: relative; z-index: 210; margin-left: auto; flex-shrink: 0; }
.menu-toggle { padding: 8px 14px; border: 0; border-radius: 999px; color: #382a31; background: rgba(168,80,117,.08); cursor: pointer; font-size: 1.3rem; line-height: 1; list-style: none; transition: background .2s ease; }
.menu-toggle:hover,
.menu-toggle:focus-visible { background: rgba(168,80,117,.16); outline: 3px solid rgba(23,94,156,.16); }
.menu-toggle::-webkit-details-marker { display: none; }
.nav-menu-panel { width: min(280px,calc(100vw - 24px)); max-height: calc(100vh - 68px); position: fixed; z-index: 220; top: 52px; right: 12px; overflow-y: auto; display: none; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid rgba(168,80,117,.22); border-radius: 24px; background: #fffcf8; box-shadow: 0 14px 28px rgba(168,80,117,.14); overscroll-behavior: contain; }
.nav-pills[open] .nav-menu-panel { display: flex; }
.nav-menu-section { display: flex; flex-direction: column; gap: 4px; padding-bottom: 12px; }
.nav-menu-section + .nav-menu-section { margin-top: 2px; padding-top: 12px; border-top: 1px solid rgba(168,80,117,.22); }
.nav-menu-label { padding: 3px 4px 2px; color: #a85075; font-size: .6rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.nav-pill-item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-radius: 12px; color: #382a31; background: transparent; font-size: .75rem; font-weight: 500; text-decoration: none; transition: background .15s ease; }
.nav-pill-item:hover,
.nav-pill-item:focus-visible { background: rgba(168,80,117,.08); outline: none; }
.nav-pill-item.active { color: #a85075; background: rgba(168,80,117,.16); font-weight: 600; }
.portal-header .site-bridge-logo,
.library-header .site-bridge-logo { max-height: 3.3rem; object-fit: contain; object-position: left center; }
.browser-card { grid-template-columns: 1fr; }