/* option-c.css — "Studio". The same chrome, roomier.
 *
 * Reference points: Stripe, Shopify admin. Bigger display type, more air per
 * row, softer corners, orange links so the eye finds the next action. Reads as
 * a document rather than an instrument — the honest trade is that fewer rows
 * fit on a screen.
 *
 * Type: Instrument Sans for display, Inter for text. The second face is the
 * only thing here that is a genuine proposal rather than a setting.
 */
:root {
  --page-pad-y: var(--s-8); --page-pad-x: var(--s-10); --page-max: 1200px;
  --title-size: var(--t-30); --title-weight: 600;
  --stat-size: var(--t-38);  --stat-weight: 600;
  --panel-title-size: var(--t-16);
  --card-pad: var(--s-5) var(--s-5) var(--s-6); --card-pad-x: var(--s-5);
  --panel-gap: var(--s-5); --row-pad: 14px; --cell-size: var(--t-14);
  --btn-h: 36px; --btn-pad: 16px;
  --btn-primary-bg: var(--brand-orange);
  --link-ink: var(--brand-orange);
  --font-display: 'Instrument Sans', var(--font-ui);
  --elev: 0 1px 2px rgba(16,24,40,.04), 0 10px 24px -14px rgba(16,24,40,.20);
  --panel-rule: 0;
  --radius: 12px;
}
.panel-head { padding-bottom: var(--s-3); }
.panel-link:hover { text-decoration: underline; color: var(--brand-orange); }
thead th { border-top: 1px solid var(--border); }

.switcher a.is-here { background: var(--brand-orange); }