/* Line 16153 (google-path-public-16153-r1): the public pages of the /agent .. /agent-terminal block on the Google path, loaded
   only while ai.features.google_path_public_16153 is on (layouts.partials.google-path-public-style, after css/ns-tokens.css
   and after each page's own styles). The body carries .ns-gp .ns-gp-public: .ns-gp is the canonical token set of
   ns-tokens.css (Google's surface greys, #202124 ink, NetShow gold; light by default, dark under
   prefers-color-scheme: dark). This sheet only points each page's own palette, type and weights at those tokens:
     .nsk-use   /agent/{slug}/use   (agents.use-entry, the estate kit's --nsk-* set; dark-only on main)
     .ns-jobs   /agent-jobs         (dashboard.agent-jobs-2026, its own --j-* set with a blue accent)
   One type scale (DESIGN-GOOGLE-PATH-20260928 section 2.3: big text light, not bold), gold as ink only through
   --ns-gold-light (#b06000 on white, #fdd663 on dark), gold as a fill only on the one primary step, actions round and
   48 px tall, tabular figures on every price. The host's own frame (her face, the avatar menu) keeps its own look. */

.ns-gp-public {
    /* Display 36/44 (phone 28/36), Title 22/28, Title S 16/24, Body 16/24, Label S 12/16. */
    --gp-h1: clamp(1.75rem, 1.45rem + 1vw, 2.25rem);
    --gp-h2: 1.375rem;
    --gp-title-s: 1rem;
    --gp-body: 1rem;
    --gp-small: .875rem;
    --gp-eyebrow: .75rem;
    --gp-ink-accent: var(--ns-gold-light);
    --gp-focus: #00639b;
}
@media (prefers-color-scheme: dark) {
    .ns-gp-public { --gp-focus: #a8c7fa; }
}

body.ns-gp-public {
    background: var(--ns-bg);
    color: var(--ns-text);
    font-family: var(--ns-font);
}
.ns-gp-public .landing-bg { background: var(--ns-bg); }

/* ================= /agent/{slug}/use ================= */
/* The estate kit's palette on this door points at the tokens, so every kit rule (cards, chips, CTAs, the snippet) follows. */
.ns-gp-public .nsk-use {
    --nsk-bg: var(--ns-bg);
    --nsk-band: var(--ns-bg-deep);
    --nsk-surface: var(--ns-card);
    --nsk-surface-2: var(--ns-surface);
    --nsk-inset: var(--ns-bg-deep);
    --nsk-float: var(--ns-elevated);
    --nsk-chip-bg: var(--ns-surface);
    --nsk-header: var(--ns-bg);
    --nsk-ink: var(--ns-text);
    --nsk-text: var(--ns-text);
    --nsk-sub: var(--ns-text-2);
    --nsk-faint: var(--ns-text-2);
    --nsk-accent: var(--ns-gold);
    --nsk-accent-hover: var(--ns-gold-deep);
    --nsk-accent-subtle: var(--ns-gold-glow);
    --nsk-on-accent: var(--ns-on-accent);
    --nsk-bd: var(--ns-border-strong);
    --nsk-bd-soft: var(--ns-border);
    --nsk-bd-strong: var(--ns-border-strong);
    --nsk-focus: var(--gp-focus);
    --nsk-shadow-sm: none;
    --nsk-shadow-md: none;
    --nsk-font-display: var(--ns-font);
    --nsk-font-body: var(--ns-font);
    background: var(--ns-bg);
    color: var(--ns-text);
    font-family: var(--ns-font);
    font-size: var(--gp-body);
}
.ns-gp-public .nsk-use-name {
    font-family: var(--ns-font);
    font-size: var(--gp-h1);
    font-weight: 400;
    line-height: 1.22;
    letter-spacing: -.01em;
    color: var(--ns-text);
}
.ns-gp-public .nsk-use .nsk-kicker {
    color: var(--gp-ink-accent);
    font-size: var(--gp-eyebrow);
    font-weight: 500;
    letter-spacing: .04em;
}
.ns-gp-public :is(.nsk-use-crumb a, .nsk-use-role) { color: var(--gp-ink-accent); font-weight: 500; }
.ns-gp-public :is(.nsk-use-summary, .nsk-use-doors .nsk-card-body p, .nsk-use-snippet p) {
    color: var(--ns-text-2);
    font-size: var(--gp-small);
    line-height: 1.6;
}
/* Line 16206 (live check of this sheet): the manifest is a <footer> and a kicker, so design-system.css painted it with its dark
   --ns-bg-secondary band and the kicker rule above turned it gold (2.96:1 and 2.28:1 in light). It sits on the page in the
   secondary ink in both schemes. */
.ns-gp-public .nsk-use footer.nsk-use-manifest { background: transparent; color: var(--ns-text-2); }
.ns-gp-public .nsk-use footer.nsk-use-manifest code { color: var(--ns-text-2); }
.ns-gp-public .nsk-use .nsk-card,
.ns-gp-public .nsk-use .nsk-panel {
    background: var(--ns-card);
    border: 1px solid var(--ns-border-strong);
    border-radius: var(--ns-radius);
    box-shadow: none;
}
.ns-gp-public .nsk-use .nsk-card-title,
.ns-gp-public .nsk-use .nsk-panel-title {
    font-family: var(--ns-font);
    font-size: var(--gp-title-s);
    font-weight: 500;
    line-height: 1.5;
    color: var(--ns-text);
}
.ns-gp-public .nsk-use .nsk-chip { background: var(--ns-surface); border-color: var(--ns-border); color: var(--ns-text-2); }
/* The one primary step (Start Chatting): gold fill, dark ink, round, 48 px. Every other action is quiet and outlined. */
.ns-gp-public .nsk-use .nsk-cta {
    border-radius: 9999px;
    min-height: 48px;
    font-family: var(--ns-font);
    font-weight: 500;
}
.ns-gp-public .nsk-use .nsk-cta-primary {
    background: var(--ns-gold);
    border-color: transparent;
    color: var(--ns-on-accent);
}
.ns-gp-public .nsk-use .nsk-cta-primary:hover { background: var(--ns-gold-deep); color: var(--ns-on-accent); }
.ns-gp-public .nsk-use .nsk-cta-secondary {
    background: transparent;
    border-color: var(--ns-border-strong);
    color: var(--gp-ink-accent);
}
.ns-gp-public .nsk-use .nsk-cta-secondary:hover { background: var(--ns-surface); color: var(--gp-ink-accent); }
.ns-gp-public .nsk-use :is(.nsk-cta, .nsk-chip, .nsk-use-crumb a):focus-visible { outline: 2px solid var(--gp-focus); outline-offset: 2px; }
.ns-gp-public .nsk-use-snippet pre { background: var(--ns-bg-deep); border-color: var(--ns-border); color: var(--ns-text); }

/* ================= /agent-jobs ================= */
/* The board's own --j-* set points at the tokens: the page frame, the cards and the accent follow the device scheme. */
.ns-gp-public .ns-jobs {
    --j-bg: var(--ns-bg);
    --j-card: var(--ns-card);
    --j-text: var(--ns-text);
    --j-text-2: var(--ns-text-2);
    --j-line: var(--ns-border-strong);
    --j-accent: var(--ns-gold-light);
    --j-on-accent: var(--ns-on-accent);
    color-scheme: inherit;
    font-family: var(--ns-font);
    font-size: var(--gp-body);
}
.ns-gp-public .ns-jobs__title {
    font-size: var(--gp-h1);
    font-weight: 400;
    line-height: 1.22;
    letter-spacing: -.01em;
}
.ns-gp-public .ns-jobs__h2 { font-size: var(--gp-h2); font-weight: 400; line-height: 1.27; }
.ns-gp-public .ns-jobs__card { border-color: var(--ns-border-strong); border-radius: var(--ns-radius); box-shadow: none; }
.ns-gp-public .ns-jobs__price { font-variant-numeric: tabular-nums; }
.ns-gp-public .ns-jobs__meta { font-variant-numeric: tabular-nums; }
/* One clear next step: the first AI employee rung's Book a build call is the gold primary; every other action is quiet. */
.ns-gp-public .ns-jobs__button {
    min-height: 48px;
    background: transparent;
    border: 1px solid var(--ns-border-strong);
    color: var(--gp-ink-accent);
}
.ns-gp-public .ns-jobs__button:hover { background: var(--ns-surface); color: var(--gp-ink-accent); filter: none; }
.ns-gp-public [data-jobs-ladder] .ns-jobs__grid > li:first-child .ns-jobs__button {
    background: var(--ns-gold);
    border-color: transparent;
    color: var(--ns-on-accent);
}
.ns-gp-public [data-jobs-ladder] .ns-jobs__grid > li:first-child .ns-jobs__button:hover { background: var(--ns-gold-deep); color: var(--ns-on-accent); }
.ns-gp-public :is(.ns-jobs__button, .ns-jobs__link):focus-visible { outline: 2px solid var(--gp-focus); outline-offset: 2px; }

/* The host's dock on /agent-jobs (layouts.app has no data-ns-tokens): its label and pill read the same tokens as
   alive-dock.css's [data-ns-tokens] rules, so her name stays legible on the light page. Its resting face keeps its own look. */
.ns-gp-public .alive-dock { color: var(--ns-text); background: var(--ns-surface); border-color: var(--ns-border-strong); }
.ns-gp-public :is(.alive-dock__toggle, .alive-dock [data-alive-dock-minimize]) { border-color: var(--ns-border-strong); color: var(--ns-text); }
.ns-gp-public .alive-dock__greeting { color: var(--ns-text-2); }

/* 375 px first: one column, the phone headline, full-width actions. */
@media (max-width: 575px) {
    .ns-gp-public .ns-jobs { padding: 16px 16px 40px; border-radius: 0; }
    .ns-gp-public .ns-jobs__grid { grid-template-columns: 1fr; }
    .ns-gp-public .nsk-use .nsk-cta { width: 100%; }
}