/* Chrome and layout shared by the two public help pages, /help/faq and
 * /help/application-credential-setup.
 *
 * Family B: these never linked base_styles.html and hand-copied the topbar,
 * page head, cards and status bar instead. The copies were rule-for-rule
 * identical, so this is a pure dedupe of 27 rules that were maintained twice.
 * They do not simply adopt base.css, which carries tabs, tables and portal
 * chrome these two pages have no markup for.
 */

* { box-sizing: border-box; }
.pagehead { display:flex; align-items:baseline; gap:14px; border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:20px; }

.pagehead .num { font-family:"JetBrains Mono", monospace; color:var(--red); font-size:11px; font-weight:600; letter-spacing:0.1em; }

.card, .sidecard { border:1px solid var(--line); background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow); }

.card { padding:18px; }

.section-num { color:var(--red); font:700 10px/1 "JetBrains Mono", monospace; letter-spacing:.1em; text-transform:uppercase; margin-bottom:8px; }

.cli-example {
  margin-top:12px; padding:12px; background:#18212B; color:#E7EDF4;
  font-family:"JetBrains Mono", ui-monospace, monospace; font-size:11.5px;
  line-height:1.55; white-space:pre-wrap; overflow-x:auto;
}

.backlink {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; color:var(--dim);
  font-family:"JetBrains Mono", monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
}

.sidecard h3 { margin:0 0 10px; font-family:"JetBrains Mono", monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink); }

.sidecard ul { margin:0; padding:0; list-style:none; display:grid; gap:8px; }

.sidecard li { padding-top:8px; border-top:1px solid var(--line); }

.sidecard li:first-child { padding-top:0; border-top:0; }

.sidecard a { color:#274F8F; text-decoration:none; }

.statusbar { position:fixed; bottom:0; left:0; right:0; height:26px; background:var(--ink); color:#8C857B; font-family:"JetBrains Mono", monospace; font-size:11px; display:flex; align-items:center; padding:0 22px; gap:18px; letter-spacing:0.05em; z-index:10; }

.statusbar .sep { color:#2F2A2C; }

.statusbar .right { margin-left:auto; }
 .layout { grid-template-columns:1fr; }
 .stage { padding:24px 18px 48px; }