/* Public reference pages (/docs, /status) rendered INSIDE the signed-in app
   shell (design review 2026-08-25, sidebar "Reference" group). The public
   route is the single content source: when signed in, the same view renders
   in the application layout wrapped in <div class="landing"> so the
   landing.css page styles apply, and the reset below scopes them into
   .app-main. Tokens only — both seams follow. */

.app-main .landing {
  background: transparent;
  color: inherit;
  font: inherit;
  min-height: 0;
  overflow-x: visible;
}

.app-main .landing .section { padding: 0; }
.app-main .landing .section .container { max-width: none; margin: 0; padding: 0; width: auto; }
.app-main .landing .section__eyebrow { margin-top: 0; }

/* In-app docs: narrower sticky nav column (a plain sticky nav, not a
   sticky-head backing). */
.app-main .landing .docs-layout { display: grid; gap: 34px; grid-template-columns: minmax(0, 1fr); }

@media (min-width: 1080px) {
  .app-main .landing .docs-layout { grid-template-columns: 172px minmax(0, 1fr); }
}

.app-main .landing .doc-nav {
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  align-self: start; position: sticky; top: 24px;
}

.app-main .landing .doc-nav__group {
  margin: 14px 0 4px; padding: 0; font-size: 12px; font-weight: 400;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink3);
}

.app-main .landing .doc-nav__group:first-child { margin-top: 0; }

.app-main .landing .docs-layout .doc-nav .doc-nav__link {
  display: block; padding: 4px 0; border-radius: 0; background: none;
  font-size: 14px; line-height: 1.35; color: var(--ink2); text-decoration: none;
}

.app-main .landing .docs-layout .doc-nav .doc-nav__link:hover { color: var(--ink); background: none; }

.app-main .landing .docs-layout .doc-nav .doc-nav__link[aria-current],
.app-main .landing .docs-layout .doc-nav .doc-nav__link.doc-nav__link--active { color: var(--accent); background: none; }
/* A39/P1 badges on /status */
.status-badges .badge-row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin: .5rem 0; }
.status-badges .badge-row code { font-size: .8em; overflow-x: auto; max-width: 100%; white-space: nowrap; }
.status-badges .badge-row img { height: 20px; width: auto; }