/* Line 16198 (google-path-shared-layouts-r1, ai.features.google_path_shared_layouts): the shell every layouts.app page shares,
   on the Google path. Linked last in <head> by App\Support\GooglePathLayouts::headLinks() after css/ns-tokens.css, only while
   the key is on, when <body> carries data-ns-gp-layout. The --ns-* values live in css/ns-tokens.css (body[data-ns-gp-layout]
   takes the light set, and the dark set under the app's own data-bs-theme="dark"); this sheet carries no colour of its own.
   1. Type and ground: Roboto on one scale, the page ground and ink from the tokens.
   2. The header: flat on the page ground with one hairline, no gradient bar, glow line or blur (line 16006 follow-up 4).
   3. The footer (layouts/partials/footer, drawn dark-only): the deep ground, quiet ink, hairlines and calm cards.
   4. No chat box: the "Help chat is being set up" box gives way to the page's one host (line 16006 follow-up 3, as line
      16079's fix_stage_03 does for the communicator).
   5. One focus ring, and 44 px header targets at 375 px. */

/* 1. Type and ground. */
body[data-ns-gp-layout] {
    font-family: var(--ns-font);
    background-color: var(--ns-bg);
    color: var(--ns-text);
}

body[data-ns-gp-layout] #main-content :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--ns-font);
    letter-spacing: 0;
}

body[data-ns-gp-layout] #main-content :is(h1, h2) { font-weight: 500; }

/* 2. The header. */
body[data-ns-gp-layout] #navbar.ns-navbar-v2 {
    background: var(--ns-bg) !important;
    border-bottom: 1px solid var(--ns-border);
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[data-ns-gp-layout] #navbar.ns-navbar-v2::before { background: none; }

body[data-ns-gp-layout] #navbar :is(.nav-link, .navbar-brand, .netshow-nav-title, .netshow-nav-trigger) { color: var(--ns-text); }

body[data-ns-gp-layout] #navbar :is(.navbar-icon-btn, .navbar-toggler-clean) {
    border-color: var(--ns-border-strong);
    background: transparent;
    color: var(--ns-text-2);
}

/* 3. The footer. */
body[data-ns-gp-layout] .netshow-footer {
    background: var(--ns-bg-deep);
    color: var(--ns-text);
    border-top: 1px solid var(--ns-border);
    font-family: var(--ns-font);
}

body[data-ns-gp-layout] .netshow-footer::before { background: none; }

body[data-ns-gp-layout] .netshow-footer :is(p, span, small, li, a, summary, .footer-help-title, .footer-help-sub, .footer-tagline, .nsf-badge-s, .nsf-copy-ext, .nsf-contact-line) {
    color: var(--ns-text-2);
}

body[data-ns-gp-layout] .netshow-footer :is(h2, h3, h4, strong, .footer-heading, .footer-heading-sum, .footer-help-label, .nsf-badge-t) { color: var(--ns-text); }

body[data-ns-gp-layout] .netshow-footer a:hover { color: var(--ns-text); }

body[data-ns-gp-layout] .netshow-footer :is(.footer-help-strip, .nsf-trust, .footer-grid) { border-color: var(--ns-border); }

body[data-ns-gp-layout] .netshow-footer :is(.footer-help-option, .nsf-badge) {
    background: var(--ns-surface);
    border-color: var(--ns-border);
    border-radius: var(--ns-radius);
}

body[data-ns-gp-layout] .netshow-footer .footer-help-option:hover {
    background: var(--ns-elevated);
    border-color: var(--ns-border-strong);
}

body[data-ns-gp-layout] .netshow-footer .footer-help-icon { color: var(--ns-gold-light); }

body[data-ns-gp-layout] .netshow-footer .footer-feedback-toggle {
    background: var(--ns-surface);
    border: 1px solid var(--ns-border-strong);
    border-radius: var(--ns-radius);
    color: var(--ns-text);
}

/* 4. No chat box. */
body[data-ns-gp-layout] .netshow-help-unavailable { display: none !important; }

/* 5. Focus and touch. */
body[data-ns-gp-layout] :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--ns-gold);
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    body[data-ns-gp-layout] #navbar :is(.navbar-icon-btn, .navbar-toggler, .nav-link) {
        min-width: 44px;
        min-height: 44px;
    }
}