/* Shared white-label layout contract. Keep these roles common to all surfaces.
   Native fonts render immediately; rem sizes respect browser text preferences. */
:root {
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-body: var(--font-ui);
  --f-disp: var(--font-ui);
  --f-mono: var(--font-ui);
  --body: var(--font-ui);
  --display: var(--font-ui);
  --content-width: 1440px;
  --page-gutter: 24px;
  --panel-padding: 20px;
  --section-gap: 20px;
  --row-gap: 8px;
  --rail-width: 216px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
@media (max-width: 700px) {
  :root { --page-gutter: 16px; --panel-padding: 16px; --section-gap: 16px; }
}