/* Member typography only. Public/auth/brand assets and media output styles retain their existing fonts.
   Anuphan is self-hosted once per Unicode subset; weights 400/500/600/700 share the variable files. */
@font-face { font-family: "Anuphan"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("./assets/fonts/anuphan/anuphan-thai-400-700.woff2") format("woff2"); unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC; }
@font-face { font-family: "Anuphan"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("./assets/fonts/anuphan/anuphan-latin-400-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --font-ui: "Anuphan", Tahoma, "Noto Sans Thai", "Segoe UI", sans-serif;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700;
  --type-page: 28px; --type-modal: 32px; --type-section: 22px; --type-card: 20px;
  --type-nav: 16px; --type-body: 16px; --type-button: 16px; --type-secondary: 14px; --type-input: 16px; --type-metric: 28px;
  --leading-heading: 1.4; --leading-body: 1.6; --leading-button: 1.4; --leading-nav: 1.5;
  --type-secondary-color: #4d668d;
}
body[data-page]:not([data-page="home"]):not([data-page="auth"]) { font-family: var(--font-ui); font-size: var(--type-body); font-weight: var(--weight-regular); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .sidebar .brand,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .sidebar .brand * { font-family: "GD Studio Thai", Tahoma, ui-sans-serif, sans-serif; }
/* Legacy tool metadata shares the secondary scale; buttons, output previews and decorative marks keep their own roles. */
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(strong, b):not(:where(.subtitle-preview *, .subtitle-preview-stage *, pre *, code *)) { font-weight: var(--weight-semibold); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(
  .studio-learning-card > span, .video-tool-identity span, .video-kicker span, .video-trust-row span,
  .editor-toolbar span, .guided-progress-head span, .guided-progress-pill b, .create-flow-status, .guided-action-copy span,
  .story-creator-status span, .story-creator-status strong, .story-tutorial-video,
  .story-my-projects-empty strong, .story-my-projects-empty span, .story-step-banner span, .story-draft-editor > span, .story-chat-topbar span, .story-message-meta span,
  .story-order-badge, .story-order-meta dt, .story-order-meta dd, .story-flow-pill span, .story-flow-pill b,
  .story-order-steps strong, .story-order-compact span, .story-order-compact strong, .story-order-field span, .story-order-field strong,
  .voice-subtitle-status span, .voice-subtitle-status strong, .voice-tool-tab span,
  .voice-panel-head span, .transcript-upload-zone em, .transcript-export-row span, .transcript-setting-label, .voice-preview-meta span,
  .voice-contract dt, .voice-contract dd, .video-status,
  .detail-guided-step span, .detail-guided-step b, .detail-guided-step em,
  .master-status span, .master-chat-head span, .master-avatar,
  .manual-topup-account span, .manual-topup-steps span, .manual-topup-qr-placeholder span,
  .project-stats span, .projects-section-head span, .project-visual span, .project-card-status span, .project-meta-row span,
  .detail-guided-head span, dt, dd, .detail-panel-head > span, .step-attention-notice strong, .step-attention-notice span,
  .detail-guided-next strong, .detail-guided-next span, .pre-analysis-control-head span, .project-status-flow strong,
  .ai-prompt-flow-actions span, .tool-credit-chip, .script-duration-estimate strong, .script-duration-estimate span,
  .script-ai-action-row span, .generated-audio-card > span, .generated-audio-workflow-actions span, .preview-placeholder > span,
  .detail-panel li strong,
  .media-upload-heading span, .upload-list-head span, .create-ai-preflight-head span, .creative-notes > span,
  .voice-script-ai-box strong, .voice-script-ai-box span, .voice-script-editor > span, .voice-script-meta span, .voice-settings-head span, .voice-action-card span,
  .subtitle-upload-zone em, .subtitle-settings-actions > span, .subtitle-pro-tabs span, .subtitle-api-mode-card strong, .subtitle-api-mode-card span, .subtitle-api-mode-card em,
  .subtitle-preset-card > span, .subtitle-preset-card > em, .subtitle-style-chips > span, .subtitle-text-tools strong, .subtitle-text-tools span,
  .subtitle-script-meta span, .subtitle-timeline-toolbar > span, .subtitle-timeline-empty, .subtitle-waveform-track > span, .subtitle-timeline-notes span, .subtitle-action-card span,
  .product-review-character-library span
) { font-size: var(--type-secondary); font-weight: var(--weight-regular); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(
  .story-creator-status strong, .story-my-projects-empty strong, .voice-subtitle-status strong,
  .story-flow-pill b, .detail-guided-step b, .transcript-setting-label
) { font-weight: var(--weight-semibold); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(.guided-progress-pill span, .voice-tool-tab strong) { font-size: var(--type-button); font-weight: var(--weight-semibold); line-height: var(--leading-button); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(.video-tool-identity > a, .video-tool-tabs a, .detail-back) { font-size: var(--type-nav); font-weight: var(--weight-medium); line-height: var(--leading-nav); white-space: normal; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .video-kicker span { color: var(--type-secondary-color); letter-spacing: normal; }
/* Keep the existing horizontally scrollable timeline inside its card instead of widening the page. */
body[data-page]:not([data-page="home"]):not([data-page="auth"]) :is(.voice-workbench, .subtitle-studio, .subtitle-studio > *, .subtitle-timeline-preview, .subtitle-timeline-scroll) { min-width: 0; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) :is(.subtitle-studio, .subtitle-settings-card, .subtitle-timeline-card, .subtitle-timeline-preview) { grid-template-columns: minmax(0, 1fr); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .subtitle-option-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .subtitle-option-grid > * { min-width: 0; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) :is(.subtitle-settings-head, .subtitle-settings-actions) { flex-wrap: wrap; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .subtitle-settings-actions > span { white-space: normal; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .detail-guided-steps { grid-template-columns: repeat(8, minmax(148px, 1fr)); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .detail-guided-step { min-width: 148px; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) :is(.detail-guided-step, .guided-progress-pill) :is(span, small) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h1,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h3,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h4,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h5,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h6 { line-height: var(--leading-heading); letter-spacing: normal; overflow-wrap: break-word; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h1,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) #pageTitle,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-welcome h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-start-banner h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-page-intro h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(.hero-band,.product-review-hero,.video-editor-hero,.voice-subtitle-hero,.master-hero,.story-creator-head,.projects-hero) h2 { font-size: var(--type-page); font-weight: var(--weight-bold); line-height: var(--leading-heading); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .section-title h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .wizard-step h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .step-heading h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .detail-panel h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-panel-head h3 { font-size: var(--type-section); font-weight: var(--weight-semibold); line-height: var(--leading-heading); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h3,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro h3,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-card h3,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .video-project-card h3,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-learning-card h3 { font-size: var(--type-card); font-weight: var(--weight-semibold); line-height: var(--leading-heading); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h4,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h5,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) h6 { font-size: var(--type-body); font-weight: var(--weight-semibold); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-welcome p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-start-banner p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-page-intro p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main :is(.hero-band,.product-review-hero,.video-editor-hero,.voice-subtitle-hero,.master-hero,.story-creator-head,.projects-hero) p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-card p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-detail li,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-capability-list li { font-size: var(--type-body); font-weight: var(--weight-regular); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) small,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .muted,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .eyebrow,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .hint,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro small,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-learning-card p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .recent-tool-copy small,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .recent-tool-copy em,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .stat-card .muted,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-overview .stat-card .muted,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-overview .stat-card .label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-breadcrumb,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .ai-tool-result-count,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-name,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-price-note,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-detail-intro,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .support-panel p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .support-panel .label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-account summary,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .membership-badge,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .status-badge,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .phase-pill,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-panel-head span,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-autosave { font-size: var(--type-secondary); font-weight: var(--weight-regular); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .muted,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-welcome p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro small,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .recent-tool-copy small,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .recent-tool-copy em,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .stat-card .muted,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-overview .stat-card .muted,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-breadcrumb,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .ai-tool-result-count,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-name,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-price-note { color: var(--type-secondary-color); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .eyebrow,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .stat-card .label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-overview .stat-card .label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-panel-head span { font-weight: var(--weight-medium); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .nav-stack a { font-family: var(--font-ui); font-size: var(--type-nav); font-weight: var(--weight-medium); line-height: var(--leading-nav); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .nav-stack a > span { min-width: 0; white-space: normal; overflow-wrap: break-word; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) button,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .btn,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) a.gd-tool-primary,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .topbar .gd-new-work,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-welcome .btn,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-start-banner .btn,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-account-menu a,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-account-menu button,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .ai-tool-filters button,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main .tabs button,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .support-panel .btn { font-family: var(--font-ui); font-size: var(--type-button); font-weight: var(--weight-semibold); line-height: var(--leading-button); min-height: 44px; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-primary,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-details,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-help,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-footer button,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-back,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-detail-action .gd-tool-primary,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-actions .gd-tool-primary,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-actions .gd-tool-details { font-size: var(--type-button) !important; font-weight: var(--weight-semibold) !important; line-height: var(--leading-button); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-heading h2,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) #gd-tool-title { font-size: var(--type-modal); font-weight: var(--weight-bold); line-height: var(--leading-heading); letter-spacing: normal; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-dialog { font-family: var(--font-ui); font-size: var(--type-body); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-heading > p:first-child { font-size: var(--type-secondary); font-weight: var(--weight-medium); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-heading > p:last-child { font-size: var(--type-body); font-weight: var(--weight-regular); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-close { font-size: 30px !important; font-weight: var(--weight-regular) !important; line-height: 1; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-form-grid label,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-story label { font-size: var(--type-body); font-weight: var(--weight-medium); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) input,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) select,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) textarea,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main input,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main select,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main textarea,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) #aiToolSearch { font-family: var(--font-ui); font-size: var(--type-input); font-weight: var(--weight-regular); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) :is(input, select, textarea) { min-width: 0; max-width: 100%; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-upload { position: relative; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .product-review-upload input[type="file"] { width: 1px; height: 1px; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) input::placeholder,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) textarea::placeholder { font-family: inherit; font-size: var(--type-input); color: var(--type-secondary-color); opacity: 1; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main th,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main td { font-size: var(--type-secondary); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main th { font-weight: var(--weight-semibold); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .stat-card > strong,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-overview .stat-card > strong { font-size: var(--type-metric); font-weight: var(--weight-bold); line-height: var(--leading-heading); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .recent-tool-copy strong,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-helper-strip strong { font-size: var(--type-body); font-weight: var(--weight-semibold); line-height: var(--leading-body); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-card-actions,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-actions,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .topbar-actions { flex-wrap: wrap; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-primary,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-details,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-help,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .btn { white-space: normal; text-align: center; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .topbar > div:first-child { flex-shrink: 1; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .topbar-actions { flex-shrink: 1; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-card-intro > div,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro > div { min-width: 0; }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-catalog-intro p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-card p,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .gd-tool-detail li,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-learning-card h3,
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-learning-card p { overflow-wrap: break-word; }
/* Let voice settings shrink within the existing three columns instead of overflowing at tablet widths. */
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .voice-profile-controls { grid-template-columns: minmax(0, .8fr) minmax(0, .55fr) minmax(0, 1.4fr); }
body[data-page]:not([data-page="home"]):not([data-page="auth"]) .voice-profile-controls > * { min-width: 0; overflow-wrap: break-word; }
@media (max-width: 720px) {
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .voice-profile-controls { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 761px) and (max-width: 1100px) {
  /* Correct the legacy three-column rule inside a narrow sidebar; keep the same menus and outer width. */
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .sidebar .nav-stack { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .subtitle-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  :root { --type-page: 24px; --type-modal: 24px; --type-section: 20px; --type-card: 18px; --type-metric: 24px; }
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .nav-stack a { min-height: 76px; }
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .nav-stack a > span { text-align: center; }
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .main { padding-bottom: calc(135px + env(safe-area-inset-bottom)); }
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .section-title > .btn { font-size: var(--type-button); }
  body[data-page]:not([data-page="home"]):not([data-page="auth"]) .studio-overview .stat-card { padding: 14px 10px; }
}