/*
 * Site Starter / v1.0.0 — the shared visual direction.
 * Loaded after the surface CSS and typography. Layout rules below are scoped;
 * the owner's font family and size preferences remain in typography.css.
 * Decorative record/sleeve artwork is CSS, not a catalog item.
 */
:root {
  color-scheme: dark;
  --bg: #17131c;
  --ink: #17131c;
  --sidebar: #100e14;
  --surface: #211b29;
  --raised: #2a2233;
  --panel: #2a2233;
  --line: #453a50;
  --control-line: #7c6c88;
  --text: #f3ede4;
  --muted: #bcb1c5;
  --gold: #e0c18a;
  --gold-hover: #eed5a8;
  --lavender: #c3afd9;
  --paper: #e9e1d4;
  --paper-ink: #282030;
  --paper-muted: #574a5f;
  --green: #b8d6c3;
  --success-bg: #24372f;
  --pending: #ead09d;
  --pending-bg: #403321;
  --error: #f1b4c3;
  --error-bg: #402631;
  --radius: 12px;
  --radius-control: 7px;
  --shadow-soft: 0 12px 36px #08060c20;
  --shadow-lift: 0 20px 42px #08060c38;
  --space-unit: 4px;
}

/* A small, predictable vocabulary for interaction and status. */
body { background: var(--bg); color: var(--text); }
p { color: var(--muted); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
::selection { background: var(--gold); color: var(--ink); }
button, a, summary { touch-action: manipulation; }
button, input, textarea, select { font-weight: 400; }
input:not([type=checkbox]):not([type=range]), textarea, select {
  background: var(--bg); color: var(--text);
  border: 1px solid var(--control-line); border-radius: var(--radius-control);
  min-height: 44px; padding: 12px 14px;
}
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
input:focus, textarea:focus, select:focus { border-color: var(--gold); }
input[type=checkbox] { accent-color: var(--gold); }
label { line-height: 1.65; color: var(--text); }
.button, .primary-button, .quiet-button {
  min-height: 44px; border-radius: var(--radius-control);
  font-size: .75rem; font-weight: 700; line-height: 1.5;
  transition: background .18s, border-color .18s, box-shadow .18s, transform .18s;
}
.button-primary, .primary-button {
  background: var(--gold); border-color: var(--gold); color: var(--ink);
  box-shadow: 0 2px 0 #08060c20;
}
.button-primary:hover:not(:disabled), .primary-button:hover:not(:disabled) {
  background: var(--gold-hover); border-color: var(--gold-hover);
}
.button-outline, .button-quiet, .quiet-button {
  border-color: var(--control-line); background: transparent; color: var(--text);
}
.button-outline:hover:not(:disabled), .button-quiet:hover:not(:disabled), .quiet-button:hover:not(:disabled) {
  background: var(--raised); border-color: var(--lavender);
}
.button-small { min-height: 40px; padding: 9px 13px; font-size: .6875rem; }
.icon-button, .close-article { width: 44px; height: 44px; border-color: var(--control-line); }
.form-error, .editor-error { color: var(--error); }
.flash, .site-flash { background: var(--success-bg); color: var(--green); border-color: #789d88; }
.flash.is-error, .site-flash.is-error { background: var(--error-bg); color: var(--error); border-color: #ba8491; }
.eyebrow { font-weight: 700; letter-spacing: .15em; }
.mini-seal, .seal { border-color: #77634c; background: #e0c18a05; }
dialog { overscroll-behavior: contain; }
dialog::backdrop { background: #0d0912cf; backdrop-filter: blur(6px); }
.skip-link { border-radius: var(--radius-control); font-weight: 700; }

/* PUBLIC / editorial rhythm, generous imagery, compact supporting text. */
[data-surface=public] .section-shell { width: min(1240px, calc(100% - 96px)); }
[data-surface=public] .site-header {
  position: sticky; top: 0; height: 84px; padding-inline: max(48px, calc((100% - 1240px) / 2));
  gap: 24px; background: #17131cf5; border-color: var(--line); backdrop-filter: blur(14px);
}
[data-surface=public] .brand { min-width: 0; flex-shrink: 1; }
[data-surface=public] .brand-wordmark { min-width: 0; }
[data-surface=public] .brand-wordmark > span { font-size: .875rem; font-weight: 700; overflow-wrap: anywhere; }
[data-surface=public] .brand-wordmark small { font-size: .625rem; letter-spacing: .025em; }
[data-surface=public] .mini-seal { flex-shrink: 0; width: 44px; height: 44px; font-size: 30px; }
[data-surface=public] .site-nav { gap: 22px; }
[data-surface=public] .site-nav a { position: relative; font-size: .75rem; padding-block: 12px; color: var(--muted); }
[data-surface=public] .site-nav a:hover { color: var(--text); }
[data-surface=public] .site-nav a::after {
  content: ''; position: absolute; height: 1px; background: var(--gold);
  bottom: 5px; left: 0; right: 100%; transition: right .18s;
}
[data-surface=public] .site-nav a:hover::after { right: 0; }
[data-surface=public] .header-cta {
  background: var(--raised); border: 1px solid var(--control-line); border-radius: 7px;
  padding: 11px 15px; font-size: .6875rem; min-height: 44px;
}
[data-surface=public] .header-cta:hover { border-color: var(--gold); }
[data-surface=public] .hero { min-height: 610px; padding-block: 64px 68px; grid-template-columns: 1.08fr 1fr; gap: 56px; }
[data-surface=public] .hero h1 { margin: 24px 0; }
[data-surface=public] .hero h1 em { line-height: 1.2; }
[data-surface=public] .hero-eyebrow { color: var(--lavender); margin-bottom: 0; }
[data-surface=public] .live-dot { background: var(--lavender); box-shadow: 0 0 0 4px #c3afd910; }
[data-surface=public] .lede { font-size: var(--type-body); line-height: 1.85; }
[data-surface=public] .hero-note { display: block; border-left: 2px solid var(--line); padding-left: 14px; font-size: .6875rem; color: var(--muted); }
[data-surface=public] .hero-note:empty { display: none; }
[data-surface=public] .hero-actions { margin-top: 30px; gap: 12px; }
[data-surface=public] .hero-art {
  aspect-ratio: .98; min-height: 0; overflow: hidden; border: 1px solid #786781; border-radius: 3px;
  background: linear-gradient(150deg, #52405c, #32263e 70%); box-shadow: var(--shadow-lift);
}
[data-surface=public] .hero-art::before {
  content: ''; position: absolute; width: 78%; aspect-ratio: 1; border: 1px solid #b6a0c54d;
  border-radius: 50%; left: 28%; top: 7%; box-shadow: 0 0 0 28px #c3afd907, 0 0 0 56px #c3afd907;
}
[data-surface=public] .hero-art::after {
  content: ''; position: absolute; inset: 14px; border: 1px solid #c3afd935; pointer-events: none;
}
[data-surface=public] .art-topline, [data-surface=public] .art-bottomline {
  left: 30px; right: 30px; color: #e0d3e8; font-size: .5625rem; border-color: #ad97b440; z-index: 4;
}
[data-surface=public] .art-topline { top: 28px; padding-bottom: 12px; letter-spacing: .12em; }
[data-surface=public] .art-bottomline { bottom: 27px; padding-top: 12px; }
[data-surface=public] .record-sleeve {
  left: 9%; top: 23%; width: 61%; height: 60%; padding: 6.5%; transform: rotate(-9deg);
  background: var(--paper); color: var(--paper-ink); z-index: 3; box-shadow: 8px 14px 25px #100b1845;
}
[data-surface=public] .sleeve-type { font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 700; line-height: .96; letter-spacing: -.07em; }
[data-surface=public] .sleeve-type em { color: #664776; letter-spacing: -.06em; }
[data-surface=public] .sleeve-edition { font-size: .5rem; letter-spacing: .1em; }
[data-surface=public] .vinyl { width: 64%; left: 36%; top: 21%; transform: rotate(16deg); box-shadow: 14px 20px 30px #100b1859; }
[data-surface=public] .record-label { background: var(--gold); }
[data-surface=public] .values-ribbon {
  padding: 17px max(48px, calc((100% - 1240px) / 2)); background: var(--paper); color: var(--paper-ink);
  border-color: var(--paper); font-size: 1.35rem; gap: 18px;
}
[data-surface=public] .values-ribbon span:nth-child(even) { color: #785b89; font-size: 1.125rem; }
[data-surface=public] .audience-strip { padding-block: 30px; gap: 20px; }
[data-surface=public] .audience-strip > a { padding: 0 42px 0 20px; }
[data-surface=public] .audience-strip > a:first-child { padding-left: 0; }
[data-surface=public] .audience-strip h2 { font-size: clamp(1.15rem, .98rem + .5vw, 1.45rem); line-height: 1.35; margin: 9px 0 6px; max-width: none; }
[data-surface=public] .section-number { color: var(--muted); font-size: .5625rem; }
[data-surface=public] .audience-strip p { font-size: .6875rem; padding-right: 0; }
[data-surface=public] .round-arrow { display: grid; right: 18px; top: 28px; width: 28px; height: 28px; border: 0; color: var(--lavender); }
[data-surface=public] .content-section { padding-block: 72px; border-color: var(--line); }
[data-surface=public] .content-section.section-contrast { position: relative; isolation: isolate; }
[data-surface=public] .content-section.section-contrast::before {
  content: ''; position: absolute; z-index: -1; inset: 0 -24px; background: #211b2955; pointer-events: none;
}
[data-surface=public] .section-heading { margin-bottom: 30px; gap: 32px; }
[data-surface=public] .section-heading .eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; color: var(--lavender); }
[data-surface=public] .section-heading .eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--lavender); }
[data-surface=public] .section-heading > p { font-size: .75rem; max-width: 29ch; padding-bottom: 5px; }
[data-surface=public] .feature-grid { gap: 24px; }
[data-surface=public] .profile-card, [data-surface=public] .project-card, [data-surface=public] .product-card {
  display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); overflow: hidden; padding: 0; box-shadow: var(--shadow-soft);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
[data-surface=public] .profile-card:hover, [data-surface=public] .project-card:hover, [data-surface=public] .product-card:hover {
  border-color: #796782; box-shadow: var(--shadow-lift); transform: translateY(-3px);
}
[data-surface=public] .profile-card > img, [data-surface=public] .profile-card > .media-placeholder {
  aspect-ratio: 4 / 4.5; border-radius: 0; object-position: center 30%; border-bottom: 1px solid var(--line);
}
[data-surface=public] .project-card > img, [data-surface=public] .project-card > .media-placeholder,
[data-surface=public] .product-card > img, [data-surface=public] .product-card > .media-placeholder {
  aspect-ratio: 1; border-radius: 0; border-bottom: 1px solid var(--line);
}
[data-surface=public] .product-card > img { object-fit: contain; padding: 20px; background: #1b1622; }
[data-surface=public] .card-copy { padding: 24px; display: flex; flex-direction: column; flex: 1; }
[data-surface=public] .card-copy .eyebrow { color: var(--lavender); font-size: .5625rem; margin-bottom: 10px; }
[data-surface=public] .card-copy > p:not(.eyebrow):not(.product-price) { font-size: .8125rem; line-height: 1.8; }
[data-surface=public] .profile-card-bio { min-height: 2.7em; }
[data-surface=public] .profile-card .profile-detail-button { margin-top: auto; width: 100%; border: 0; border-top: 1px solid var(--line); border-radius: 0; justify-content: space-between; padding: 17px 0 0; }
[data-surface=public] .profile-detail-button:hover { color: var(--gold); background: transparent; transform: none; }
[data-surface=public] .profile-card .card-links { margin-block: 16px 20px; }
[data-surface=public] .card-links:empty { display: none; }
[data-surface=public] .text-link { font-size: .6875rem; line-height: 1.6; min-height: 30px; padding-block: 4px; }
[data-surface=public] .service-grid { gap: 16px; }
[data-surface=public] .service-card { position: relative; padding: 28px; gap: 20px; border-radius: var(--radius); background: var(--surface); }
[data-surface=public] .service-card::before { font-size: .625rem; color: var(--lavender); border-bottom: 1px solid #796782; align-self: start; line-height: 2.4; }
[data-surface=public] .service-card > div { min-width: 0; }
[data-surface=public] .service-card h3 { font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); }
[data-surface=public] .service-card p { font-size: .8125rem; }
[data-surface=public] .service-card > span { font-size: 1.125rem; color: var(--lavender); }
[data-surface=public] .service-card:hover { border-color: #867091; background: #282031; }
[data-surface=public] .insight-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
[data-surface=public] .insight-card {
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface);
  padding: 56px 24px 24px; display: flex; flex-direction: column; min-width: 0;
}
[data-surface=public] .insight-card::before { left: 24px; top: 20px; color: var(--lavender); font-size: .625rem; }
[data-surface=public] .insight-card h3 { font-size: clamp(1.25rem, 1rem + .65vw, 1.5rem); line-height: 1.4; }
[data-surface=public] .insight-card > p:not(.eyebrow) { font-size: .8125rem; margin-block: 14px 20px; }
[data-surface=public] .insight-card .eyebrow { font-size: .5625rem; color: var(--lavender); }
[data-surface=public] .read-article { margin-top: auto; align-self: start; min-height: 40px; font-size: .6875rem; }
[data-surface=public] .product-grid { gap: 20px; }
[data-surface=public] .product-card .card-copy { padding: 22px; }
[data-surface=public] .product-card h3 { font: 700 1rem/1.45 var(--sans); letter-spacing: -.015em; }
[data-surface=public] .product-card .product-price { padding-top: 20px; margin-top: auto; color: var(--text); }
[data-surface=public] .product-card .card-links { margin-top: 16px; }
[data-surface=public] .product-card .button { min-height: 44px; font-size: .6875rem; }
[data-surface=public] .product-card span.text-link { color: var(--muted); border: 0; }
[data-surface=public] .about-section { margin-top: 56px; background: var(--paper); color: var(--paper-ink); padding: 52px; border-radius: var(--radius); gap: 56px; }
[data-surface=public] .about-section p, [data-surface=public] .about-section .eyebrow { color: var(--paper-muted); }
[data-surface=public] .about-section p:last-child { font-size: .875rem; line-height: 1.9; }
[data-surface=public] .about-manifesto { border-left: 1px solid #c6b9cc; padding-left: 36px; gap: 20px; }
[data-surface=public] .about-manifesto > span { color: #785b89; font-size: 62px; }
[data-surface=public] .about-manifesto blockquote { font-size: clamp(1.4rem, 1.1rem + .6vw, 1.8rem); line-height: 1.5; }
[data-surface=public] .apply-section { padding-block: 88px; gap: 64px; align-items: start; }
[data-surface=public] .apply-intro { padding-top: 16px; }
[data-surface=public] .trust-card { padding: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
[data-surface=public] .trust-card strong { color: var(--lavender); font-size: .6875rem; }
[data-surface=public] .trust-card p { font-size: .6875rem; }
[data-surface=public] .application-form { padding: 32px; border-radius: var(--radius); box-shadow: var(--shadow-soft); gap: 20px; }
[data-surface=public] .form-heading { padding-bottom: 20px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
[data-surface=public] label { font-size: .75rem; }
[data-surface=public] .consent { font-size: .6875rem; }
[data-surface=public] .site-footer { padding-block: 40px; background: var(--sidebar); }
[data-surface=public] .site-footer nav { font-size: .75rem; gap: 12px 24px; }
[data-surface=public] .site-footer nav a { padding-block: 6px; }
[data-surface=public] .site-footer p { font-size: .6875rem; color: var(--muted); }
[data-surface=public] .empty-state { min-height: 150px; border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); }
[data-surface=public] .empty-state::before { border-color: #796782; color: var(--lavender); }
[data-surface=public] .empty-state strong { font-size: 1.25rem; line-height: 1.5; }
[data-surface=public] .empty-state span { font-size: .75rem; line-height: 1.8; }
[data-surface=public] .insight-dialog { background: var(--surface); border-color: var(--control-line); border-radius: 12px; padding: 44px; }
[data-surface=public] .insight-dialog h2 { padding-right: 24px; margin-top: 18px; }
[data-surface=public] .profile-detail-layout { gap: 32px; }
[data-surface=public] #profile-detail-name { font-size: var(--type-section); }
[data-surface=public] .profile-detail-layout .article-body { font-size: .875rem; }
[data-surface=public] .return-banner { border-color: #86734f; background: var(--pending-bg); color: var(--pending); }

/* STUDIO / navigation, action, and information are separate visual layers. */
[data-surface=admin] .admin-shell { grid-template-columns: 232px minmax(0, 1fr); }
[data-surface=admin] .sidebar { background: var(--sidebar); padding: 28px 16px 20px; }
[data-surface=admin] .brand-lockup { padding-bottom: 20px; border-bottom: 1px solid var(--line); margin-bottom: 6px; }
[data-surface=admin] .brand-lockup span { font-size: .8125rem; }
[data-surface=admin] .nav-label { font-size: .5625rem; color: var(--muted); letter-spacing: .13em; padding-top: 20px; }
[data-surface=admin] .nav-item { min-height: 44px; border-radius: 7px; font-size: .75rem; position: relative; }
[data-surface=admin] .nav-item.is-active { background: #302538; color: var(--text); border-color: #5e496b; box-shadow: inset 3px 0 var(--gold); }
[data-surface=admin] .nav-item.is-active svg { color: var(--gold); opacity: 1; }
[data-surface=admin] .nav-item:hover { background: var(--surface); color: var(--text); }
[data-surface=admin] .sidebar-foot { gap: 4px; padding-top: 24px; }
[data-surface=admin] .sidebar-foot > a, [data-surface=admin] .sidebar-foot > button { min-height: 36px; font-size: .6875rem; padding-block: 8px; }
[data-surface=admin] .sidebar-foot .site-preview-link { min-height: 44px; margin-bottom: 10px; border-color: var(--control-line); align-items: center; }
[data-surface=admin] .workspace-header { min-height: 94px; background: #1a151f; padding-inline: 36px; }
[data-surface=admin] .workspace-header .eyebrow { font-size: .5625rem; color: var(--muted); }
[data-surface=admin] .workspace-header h1 { font-size: 1.375rem; letter-spacing: -.025em; }
[data-surface=admin] .owner-avatar { width: 36px; height: 36px; background: #382b43; color: var(--lavender); }
[data-surface=admin] .owner-chip small { font-size: .5625rem; }
[data-surface=admin] #owner-email { font-size: .6875rem; }
[data-surface=admin] .preview-button { font-size: .6875rem; }
[data-surface=admin] .view { max-width: 1450px; margin-inline: auto; padding: 30px 36px 44px; }
[data-surface=admin] .welcome-panel {
  position: relative; border-radius: var(--radius); padding: 30px; border-color: #63516e;
  background: linear-gradient(110deg, #302438, #211b29); margin-bottom: 20px;
}
[data-surface=admin] .welcome-panel .eyebrow { font-size: .5625rem; color: var(--lavender); }
[data-surface=admin] .welcome-panel p:last-child { font-size: .75rem; max-width: 60ch; }
[data-surface=admin] .welcome-art { color: var(--gold); font-size: 72px; margin-right: 26px; }
[data-surface=admin] .metric-grid { gap: 12px; margin-bottom: 30px; }
[data-surface=admin] .metric-card { border-radius: 9px; padding: 22px; min-height: 114px; background: var(--surface); box-shadow: var(--shadow-soft); }
[data-surface=admin] .metric-card strong { font-size: 1.875rem; font-weight: 400; margin: 0 44px 10px 0; overflow-wrap: anywhere; }
[data-surface=admin] .metric-card .metric-icon { width: 30px; height: 30px; color: var(--lavender); background: #31263b; border: 0; }
[data-surface=admin] .metric-card > span:last-child { font-size: .6875rem; line-height: 1.5; }
[data-surface=admin] .metric-card:hover { border-color: #8a7598; transform: translateY(-2px); }
[data-surface=admin] .metrics-context { margin: -16px 0 32px; font-size: .6875rem; line-height: 1.75; }
[data-surface=admin] .analytics-section { margin-block: 36px; border-top: 1px solid var(--line); padding-top: 28px; }
[data-surface=admin] .analytics-header { gap: 22px; }
[data-surface=admin] .analytics-header .eyebrow { color: var(--lavender); font-size: .5625rem; }
[data-surface=admin] .analytics-filters { background: var(--surface); border: 1px solid var(--line); border-radius: 9px; padding: 12px; gap: 10px; }
[data-surface=admin] .analytics-filters label { font-size: .625rem; }
[data-surface=admin] .analytics-filters select { font-size: .6875rem; padding: 10px; min-height: 40px; }
[data-surface=admin] .analytics-filters .button { min-height: 40px; }
[data-surface=admin] .analytics-stamp { font-size: .6875rem; margin-block: 16px 20px; }
[data-surface=admin] .analytics-grid, [data-surface=admin] .analytics-lower { gap: 18px; }
[data-surface=admin] .analytics-chart, [data-surface=admin] .analytics-source { padding: 24px; border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-soft); }
[data-surface=admin] .analytics-chart { --chart-accent: var(--lavender); --chart-fill: #c3afd914; }
[data-surface=admin] .analytics-chart[data-series=gross_usd_cents] { --chart-accent: var(--gold); --chart-fill: #e0c18a14; }
[data-surface=admin] .analytics-chart header { margin-bottom: 24px; }
[data-surface=admin] .analytics-chart h3, [data-surface=admin] .analytics-source h3 { font-size: .9375rem; font-weight: 400; line-height: 1.5; }
[data-surface=admin] .analytics-chart .eyebrow { color: var(--muted); font-size: .5625rem; }
[data-surface=admin] .chart-total { color: var(--chart-accent); font-size: 1.6rem; font-weight: 400; }
[data-surface=admin] .chart-gridline { stroke: var(--line); stroke-dasharray: 0; }
[data-surface=admin] .chart-axis { fill: var(--muted); font-size: 13px; }
[data-surface=admin] .chart-area { fill: var(--chart-fill); }
[data-surface=admin] .chart-line { stroke: var(--chart-accent); stroke-width: 2.5; }
[data-surface=admin] .chart-dot { fill: var(--surface); stroke: var(--chart-accent); opacity: 0; }
[data-surface=admin] .chart-dot.selected { fill: var(--chart-accent); stroke: var(--text); opacity: 1; }
[data-surface=admin] .chart-inspector { background: #17131c88; padding: 14px; border: 1px solid var(--line); border-radius: 7px; margin-top: 12px; gap: 16px; }
[data-surface=admin] .chart-inspector label { font-size: .625rem; }
[data-surface=admin] .chart-inspector input[type=range] { accent-color: var(--chart-accent); }
[data-surface=admin] .chart-readout { color: var(--text); font-size: .6875rem; }
[data-surface=admin] .chart-note, [data-surface=admin] .chart-empty { font-size: .6875rem; }
[data-surface=admin] .status-chart-row { font-size: .6875rem; gap: 14px; margin-block: 16px; }
[data-surface=admin] .status-chart-row > span { color: var(--muted); }
[data-surface=admin] .status-chart-row strong { color: var(--text); }
[data-surface=admin] .status-chart-row meter { height: 8px; background: var(--raised); border-radius: 4px; }
[data-surface=admin] .status-chart-row meter::-webkit-meter-bar { background: var(--raised); }
[data-surface=admin] .status-chart-row meter::-webkit-meter-optimum-value { background: var(--lavender); }
[data-surface=admin] .status-chart-row meter::-moz-meter-bar { background: var(--lavender); }
[data-surface=admin] .analytics-source { border-left: 2px solid #9d85b1; background: #241d2c; }
[data-surface=admin] .analytics-source .eyebrow { font-size: .5625rem; color: var(--lavender); }
[data-surface=admin] .analytics-source > p:not(.eyebrow) { font-size: .6875rem; line-height: 1.85; }
[data-surface=admin] .analytics-exclusions { color: var(--muted); }
[data-surface=admin] .analytics-data { border-radius: 9px; background: var(--surface); padding: 12px 20px; }
[data-surface=admin] .analytics-data summary { min-height: 44px; padding-block: 12px; font-size: .75rem; color: var(--text); }
[data-surface=admin] .overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
[data-surface=admin] .info-panel { border-radius: var(--radius); padding: 26px; }
[data-surface=admin] .info-panel .eyebrow { color: var(--lavender); font-size: .5625rem; }
[data-surface=admin] .info-panel h2 { font-size: 1.0625rem; line-height: 1.5; }
[data-surface=admin] .info-panel p, [data-surface=admin] .steps li { font-size: .6875rem; }
[data-surface=admin] .steps li::before { font-size: .5625rem; color: var(--lavender); }
[data-surface=admin] .view-toolbar h2 { font-size: 1.125rem; }
[data-surface=admin] .view-toolbar p { font-size: .75rem; max-width: 70ch; }
[data-surface=admin] .filter-toolbar { padding: 16px; border-radius: 9px; margin-bottom: 24px; }
[data-surface=admin] .filter-count { font-size: .6875rem; }
[data-surface=admin] .card-grid { gap: 20px; align-items: stretch; }
[data-surface=admin] .content-card, [data-surface=admin] .application-card { border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow-soft); }
[data-surface=admin] .catalog-card { display: flex; flex-direction: column; overflow: hidden; }
[data-surface=admin] .catalog-card .content-card-art { border: 0; border-bottom: 1px solid var(--line); margin: -24px -24px 24px; border-radius: 0; height: 96px; }
[data-surface=admin] .catalog-card .profile-art { height: 235px; }
[data-surface=admin] .catalog-card .product-art { height: 225px; background: #1a151f; }
[data-surface=admin] .catalog-card .project-art { height: 210px; position: relative; padding: 0; justify-content: center; }
[data-surface=admin] .project-art img { position: absolute; inset: 0; object-fit: contain; background: var(--bg); }
[data-surface=admin] .project-art:has(img) > span { visibility: hidden; }
[data-surface=admin] .catalog-card h3 { font-size: 1.125rem; font-weight: 400; }
[data-surface=admin] .catalog-card .card-top { gap: 12px; align-items: center; }
[data-surface=admin] .catalog-card .card-top .eyebrow { color: var(--lavender); font-size: .5625rem; }
[data-surface=admin] .catalog-card .card-meta { margin-top: 0; margin-bottom: 14px; }
[data-surface=admin] .catalog-card > p { font-size: .75rem; line-height: 1.8; margin-top: 14px; }
[data-surface=admin] .catalog-card .catalog-price { color: var(--text); font-size: 1.125rem; font-variant-numeric: tabular-nums; letter-spacing: -.02em; margin-top: 20px; }
[data-surface=admin] .resource-actions { padding-top: 20px; margin-top: auto; gap: 10px; }
[data-surface=admin] .resource-actions .button { flex: 1; border-color: var(--control-line); }
[data-surface=admin] .catalog-card .field-hint { margin-block: 10px 20px; font-size: .6875rem; color: var(--muted); }
[data-surface=admin] .badge { background: #34273e; border-color: #7c648b; color: #d7c4e5; font-size: .5625rem; border-radius: 5px; padding: 4px 8px; }
[data-surface=admin] .badge.is-muted { color: var(--muted); border-color: var(--control-line); background: var(--surface); }
[data-surface=admin] .badge.is-ok, [data-surface=admin] .mini-gate.pass { color: var(--green); border-color: #789d88; background: var(--success-bg); }
[data-surface=admin] .badge.is-pending { color: var(--pending); border-color: #a58a5d; background: var(--pending-bg); }
[data-surface=admin] .badge.is-error { color: var(--error); border-color: #ba8491; background: var(--error-bg); }
[data-surface=admin] .mini-gate { font-size: .5625rem; background: var(--surface); color: var(--muted); border-color: var(--control-line); padding: 6px 9px; }
[data-surface=admin] .application-head h3 { font-size: 1.125rem; line-height: 1.5; }
[data-surface=admin] .application-meta { font-size: .6875rem; }
[data-surface=admin] .application-copy { background: var(--bg); border-color: var(--line); font-size: .8125rem; padding: 20px; }
[data-surface=admin] .review-grid { border-top: 1px solid var(--line); padding-top: 22px; }
[data-surface=admin] label { font-size: .75rem; }
[data-surface=admin] .field-hint { font-size: .6875rem; color: var(--muted); }
[data-surface=admin] .checkbox-label { background: var(--bg); border-color: var(--line); border-radius: 7px; padding: 14px; }
[data-surface=admin] .settings-form { border-radius: var(--radius); padding: 30px; }
[data-surface=admin] .type-preview { background: var(--paper); border: 1px solid var(--paper); border-radius: 9px; color: var(--paper-ink); padding: 30px; }
[data-surface=admin] .type-preview h2 { color: var(--paper-ink); }
[data-surface=admin] .type-preview .eyebrow, [data-surface=admin] .type-preview .type-specimen-body,
[data-surface=admin] .type-preview .type-specimen-digits, [data-surface=admin] .type-preview .type-preview-note { color: var(--paper-muted); }
[data-surface=admin] .editor-dialog { border-color: var(--control-line); border-radius: var(--radius); }
[data-surface=admin] .editor-card > header, [data-surface=admin] .editor-card > footer { background: var(--raised); border-color: var(--line); padding: 22px 30px; }
[data-surface=admin] .editor-card > header { align-items: flex-start; }
[data-surface=admin] .editor-card h2 { font-size: 1.6rem; line-height: 1.35; }
[data-surface=admin] .product-image-upload { background: var(--bg); border-color: var(--control-line); border-radius: 9px; }
[data-surface=admin] .upload-preview { border-radius: 7px; background: var(--surface); }
[data-surface=admin] .upload-controls input[type=file] { font-size: .6875rem; border: 0; padding: 0; min-height: 44px; }
[data-surface=admin] .upload-controls input[type=file]::file-selector-button { min-height: 44px; background: var(--raised); color: var(--text); border-color: var(--control-line); border-radius: 7px; }
[data-surface=admin] .table-wrap { border-radius: 9px; }
[data-surface=admin] th { background: var(--raised); font-size: .5625rem; color: var(--muted); }
[data-surface=admin] td { font-size: .75rem; line-height: 1.75; }
[data-surface=admin] tbody tr:last-child td { border-bottom: 0; }
[data-surface=admin] .empty-state { border-style: solid; background: var(--surface); border-radius: var(--radius); }
[data-surface=admin] .empty-icon { background: #31263b; border-color: #7c648b; color: var(--lavender); }
[data-surface=admin] .empty-state h2 { font-size: 1.5rem; }
[data-surface=admin] .empty-state p { font-size: .75rem; }
[data-surface=admin] .workspace-footer { padding-inline: 36px; color: var(--muted); font-size: .625rem; }
[data-surface=admin] .flash { margin-inline: 36px; }

/* The login composition uses the same sleeve-paper and record palette. */
[data-surface=admin] .login-shell { grid-template-columns: 1fr 1fr; background: var(--bg); }
[data-surface=admin] .login-story { padding: 48px 12%; min-height: 760px; background: #32263e; border-color: #63516e; }
[data-surface=admin] .login-story::before { inset: 18px; border: 1px solid #a18aae45; background: none; }
[data-surface=admin] .login-story-copy { margin-top: 48px; }
[data-surface=admin] .login-story-copy .eyebrow { color: var(--lavender); }
[data-surface=admin] .login-story-copy > p:last-child { color: #d7c8df; font-size: .8125rem; line-height: 1.85; }
[data-surface=admin] .studio-record { width: min(340px, 90%); margin: 30px -20px -70px 0; }
[data-surface=admin] .studio-record span { background: var(--paper); color: var(--paper-ink); }
[data-surface=admin] .login-story-foot { color: #d7c8df; line-height: 1.8; letter-spacing: .1em; }
[data-surface=admin] .login-card { width: min(480px, 100%); padding: 52px 44px; }
[data-surface=admin] .login-card .eyebrow { color: var(--lavender); font-size: .625rem; }
[data-surface=admin] .login-card .lede { font-size: .8125rem; }
[data-surface=admin] .login-note { font-size: .6875rem; color: var(--muted); }
[data-surface=admin] .login-back { font-size: .75rem; min-height: 40px; padding-top: 6px; }

/* PAYEE / a calm checklist with an explicit next step and written status. */
[data-surface=verify] .topbar { min-height: 84px; background: var(--sidebar); }
[data-surface=verify] .brand { font-size: .875rem; }
[data-surface=verify] .brand small { font-size: .625rem; }
[data-surface=verify] .private-label { font-size: .5625rem; color: var(--muted); }
[data-surface=verify] .shell { width: min(1040px, calc(100% - 80px)); }
[data-surface=verify] .hero { padding-block: 32px; background: none; }
[data-surface=verify] .portal-breadcrumb { font-size: .625rem; margin-bottom: 28px; color: var(--muted); }
[data-surface=verify] .hero .eyebrow { color: var(--lavender); font-size: .625rem; }
[data-surface=verify] .hero h1 { margin-bottom: 16px; }
[data-surface=verify] .welcome-name { font-size: .875rem; margin-top: 24px; }
[data-surface=verify] .hero-copy { font-size: .75rem; line-height: 1.85; }
[data-surface=verify] .identity-chip { font-size: .6875rem; padding: 9px 12px; color: var(--muted); background: var(--surface); border-color: var(--line); border-radius: 7px; }
[data-surface=verify] .progress-card { padding: 28px 30px; border-radius: var(--radius); box-shadow: var(--shadow-soft); }
[data-surface=verify] .section-head h2 { font-size: 1.65rem; }
[data-surface=verify] .section-head .eyebrow { font-size: .5625rem; color: var(--lavender); }
[data-surface=verify] .status-pill { color: var(--pending); background: var(--pending-bg); border-color: #a58a5d; font-size: .625rem; padding: 7px 10px; border-radius: 5px; }
[data-surface=verify] .status-pill.ok { color: var(--green); background: var(--success-bg); border-color: #789d88; }
[data-surface=verify] .progress-meta { font-size: .6875rem; line-height: 1.6; color: var(--muted); }
[data-surface=verify] progress { height: 6px; background: var(--raised); }
[data-surface=verify] progress::-webkit-progress-bar { background: var(--raised); }
[data-surface=verify] progress::-webkit-progress-value { background: var(--lavender); }
[data-surface=verify] progress::-moz-progress-bar { background: var(--lavender); }
[data-surface=verify] .gate-grid { gap: 12px; margin-top: 24px; }
[data-surface=verify] .gate { border: 1px solid var(--line); background: var(--bg); border-radius: 8px; padding: 16px; column-gap: 12px; }
[data-surface=verify] .gate strong { font-size: .75rem; color: var(--text); }
[data-surface=verify] .gate small { font-size: .625rem; color: var(--muted); line-height: 1.65; }
[data-surface=verify] .gate-icon { width: 28px; height: 28px; background: var(--surface); color: var(--muted); border-color: var(--control-line); }
[data-surface=verify] .gate-state { font-size: .625rem; color: var(--pending); }
[data-surface=verify] .gate.pass { border-color: #576f62; }
[data-surface=verify] .gate.pass .gate-icon { color: var(--green); background: var(--success-bg); border-color: #789d88; }
[data-surface=verify] .gate.pass .gate-state { color: var(--green); }
[data-surface=verify] .next-step { margin-top: 24px; padding: 16px 18px; background: #32253b; border-left: 2px solid var(--lavender); border-radius: 0 7px 7px 0; }
[data-surface=verify] .next-step strong { display: block; font-size: .75rem; font-weight: 700; color: var(--text); }
[data-surface=verify] .next-step p { font-size: .75rem; margin-top: 4px; line-height: 1.85; }
[data-surface=verify] .next-step a { display: inline-flex; font-size: .75rem; min-height: 40px; align-items: center; color: var(--gold); text-decoration: underline; text-underline-offset: 5px; margin-top: 4px; }
[data-surface=verify] .work-grid { gap: 24px; align-items: start; }
[data-surface=verify] .task-card { padding: 30px; border-radius: var(--radius); box-shadow: var(--shadow-soft); scroll-margin-top: 24px; }
[data-surface=verify] .task-card.is-next { border-color: #a28bb5; }
[data-surface=verify] .task-heading { gap: 14px; }
[data-surface=verify] .task-number { background: #34273e; color: var(--lavender); border-color: #7c648b; border-radius: 7px; }
[data-surface=verify] .task-heading .eyebrow { color: var(--lavender); font-size: .5625rem; }
[data-surface=verify] .task-card h2 { font-size: 1.5rem; line-height: 1.35; }
[data-surface=verify] .task-card > p, [data-surface=verify] .check { font-size: .75rem; line-height: 1.85; }
[data-surface=verify] .check { border-top: 1px solid var(--line); padding-top: 16px; color: var(--muted); }
[data-surface=verify] label { font-size: .75rem; }
[data-surface=verify] .summary-box { font-size: .75rem; background: var(--bg); border-color: var(--line); padding: 20px; border-radius: 7px; }
[data-surface=verify] .provider-note p { font-size: .6875rem; }
[data-surface=verify] .form-status { color: var(--muted); font-size: .75rem; }
[data-surface=verify] .form-status.is-error { color: var(--error); }
[data-surface=verify] .form-status.is-ok { color: var(--green); }
[data-surface=verify] .legal-note { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 32px; }
[data-surface=verify] .legal-note strong { font-size: .75rem; color: var(--text); }
[data-surface=verify] .legal-note p { font-size: .6875rem; color: var(--muted); }
[data-surface=verify] .portal-footer { font-size: .625rem; color: var(--muted); }
[data-surface=verify] .notice-card { background: var(--surface); border-radius: var(--radius); border-color: var(--control-line); box-shadow: var(--shadow-soft); }
[data-surface=verify] .notice-card .eyebrow { color: var(--lavender); }
[data-surface=verify] .notice-symbol { background: #34273e; color: var(--lavender); border-color: #7c648b; }

/* Collapse at content pressure points; no viewport-dependent JS. */
@media (min-width: 1660px) {
  [data-surface=admin] .metric-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  [data-surface=admin] .metric-card { padding: 18px; }
  [data-surface=admin] .metric-card strong { margin-top: 30px; margin-right: 0; }
  [data-surface=admin] .card-grid:has(.catalog-card) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
  [data-surface=public] .site-header { padding-inline: 32px; }
  [data-surface=public] .section-shell { width: calc(100% - 64px); }
  [data-surface=public] .header-cta { display: none; }
  [data-surface=public] .hero { min-height: 550px; gap: 32px; }
  [data-surface=public] .hero-art { aspect-ratio: .9; }
  [data-surface=public] .insight-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-surface=public] .apply-section { gap: 36px; }
  [data-surface=admin] .admin-shell { grid-template-columns: 214px minmax(0, 1fr); }
  [data-surface=admin] .workspace-header, [data-surface=admin] .view, [data-surface=admin] .workspace-footer { padding-inline: 24px; }
  [data-surface=admin] .flash { margin-inline: 24px; }
  [data-surface=admin] .metric-card { padding: 18px; }
  [data-surface=admin] .analytics-header { align-items: start; flex-direction: column; }
  [data-surface=admin] .analytics-grid { grid-template-columns: 1fr; }
  [data-surface=admin] .chart-inspector { flex-wrap: wrap; }
  [data-surface=admin] .chart-inspector label { flex-basis: 100%; }
  [data-surface=admin] .overview-grid { grid-template-columns: 1fr; }
}
@media (min-width: 901px) and (max-width: 1120px) {
  [data-surface=admin] .analytics-grid, [data-surface=admin] .analytics-lower { grid-template-columns: 1fr; }
  [data-surface=admin] .catalog-card .profile-art, [data-surface=admin] .catalog-card .product-art { height: 190px; }
}
@media (max-width: 900px) {
  [data-surface=admin] .admin-shell { grid-template-columns: 1fr; }
  [data-surface=admin] .sidebar { width: 250px; }
  [data-surface=admin] .login-story { padding: 40px 11%; min-height: 700px; }
  [data-surface=admin] .login-card { padding-inline: 30px; }
  [data-surface=verify] .shell { width: calc(100% - 48px); }
  [data-surface=verify] .gate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-surface=verify] .work-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  [data-surface=public] .site-header { height: 76px; }
  [data-surface=public] .site-nav { background: var(--surface); top: 75px; gap: 0; max-height: calc(100dvh - 76px); overflow-y: auto; border-bottom: 1px solid var(--line); }
  [data-surface=public] .site-nav a { padding: 14px 24px; font-size: .875rem; }
  [data-surface=public] .site-nav a::after { display: none; }
  [data-surface=public] .menu-button { background: var(--raised); border-color: var(--control-line); min-height: 44px; border-radius: 7px; font-size: .75rem; }
  [data-surface=public] .hero { grid-template-columns: 1fr 1fr; min-height: auto; padding-block: 48px; gap: 26px; }
  [data-surface=public] .hero h1 { font-size: clamp(2.3rem, 1.5rem + 2.4vw, 3.3rem); }
  [data-surface=public] .hero-art { aspect-ratio: .78; max-width: none; margin: 0; }
  [data-surface=public] .sleeve-type { font-size: clamp(1.65rem, 4.1vw, 2.5rem); }
  [data-surface=public] .record-sleeve { top: 28%; height: 50%; }
  [data-surface=public] .vinyl { top: 30%; }
  [data-surface=public] .art-topline { left: 24px; right: 24px; font-size: .5rem; flex-wrap: wrap; }
  [data-surface=public] .art-bottomline { left: 24px; right: 24px; font-size: .5rem; }
  [data-surface=public] .hero-actions { gap: 10px; }
  [data-surface=public] .hero-actions .button { padding-inline: 16px; gap: 12px; }
  [data-surface=public] .values-ribbon { padding-inline: 32px; font-size: 1.125rem; gap: 12px; }
  [data-surface=public] .audience-strip { gap: 12px; padding-block: 26px; }
  [data-surface=public] .audience-strip > a { padding-inline: 10px 28px; }
  [data-surface=public] .audience-strip h2 { font-size: 1.125rem; }
  [data-surface=public] .round-arrow { right: 0; }
  [data-surface=public] .section-heading { align-items: start; }
  [data-surface=public] .section-heading > p { max-width: 27ch; }
  [data-surface=public] .content-section { padding-block: 56px; }
  [data-surface=public] .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-surface=public] .card-copy { padding: 22px; }
  [data-surface=public] .service-card { padding: 24px; gap: 14px; }
  [data-surface=public] .about-section { padding: 36px; gap: 32px; }
  [data-surface=public] .about-manifesto { padding-left: 26px; }
  [data-surface=public] .apply-section { grid-template-columns: 1fr; gap: 32px; padding-block: 64px; }
  [data-surface=public] .apply-intro > p:not(.eyebrow) { max-width: 65ch; }
  [data-surface=public] .trust-card { max-width: 100%; margin-top: 24px; }
}
@media (max-width: 680px) {
  [data-surface=public] .hero { grid-template-columns: 1fr; gap: 36px; }
  [data-surface=public] .hero h1 { font-size: var(--type-display); }
  [data-surface=public] .hero-art { width: min(480px, 100%); aspect-ratio: 1.06; margin: 0 auto; }
  [data-surface=public] .record-sleeve { top: 23%; height: 60%; }
  [data-surface=public] .vinyl { top: 21%; }
  [data-surface=public] .sleeve-type { font-size: clamp(2rem, 8vw, 3.4rem); }
  [data-surface=public] .values-ribbon { flex-wrap: wrap; justify-content: center; gap: 16px; line-height: 1.4; font-size: 1.125rem; }
  [data-surface=public] .values-ribbon span:last-child { display: none; }
  [data-surface=public] .audience-strip { grid-template-columns: 1fr; gap: 0; padding-block: 0; }
  [data-surface=public] .audience-strip > a, [data-surface=public] .audience-strip > a:first-child {
    padding: 24px 44px 24px 0; border-right: 0; border-bottom: 1px solid var(--line);
  }
  [data-surface=public] .audience-strip > a:last-child { border-bottom: 0; }
  [data-surface=public] .audience-strip h2 { font-size: 1.25rem; margin-block: 6px 4px; }
  [data-surface=public] .round-arrow { right: 4px; top: 45px; }
  [data-surface=public] .section-heading { flex-direction: column; gap: 16px; }
  [data-surface=public] .section-heading > p { max-width: 45ch; padding: 0; }
  [data-surface=public] .section-heading > p br { display: none; }
  [data-surface=public] .insight-list, [data-surface=public] .service-grid { grid-template-columns: 1fr; }
  [data-surface=public] .about-section { grid-template-columns: 1fr; gap: 28px; }
  [data-surface=public] .about-manifesto { flex-direction: column; border-left: 0; border-top: 1px solid #c6b9cc; padding: 28px 0 0; }
  [data-surface=public] .about-manifesto blockquote { text-align: center; }
  [data-surface=admin] .analytics-grid, [data-surface=admin] .analytics-lower { grid-template-columns: 1fr; }
  [data-surface=admin] .analytics-filters { width: 100%; }
  [data-surface=admin] .analytics-filters label { flex: 1 1 140px; }
  [data-surface=admin] .analytics-filters .button { flex: 1; }
  [data-surface=admin] .chart-inspector { flex-wrap: nowrap; }
  [data-surface=admin] .chart-inspector label { flex-basis: auto; }
  [data-surface=admin] .analytics-chart, [data-surface=admin] .analytics-source { padding: 22px 18px; }
  [data-surface=admin] .welcome-panel { padding: 26px; }
}
@media (max-width: 600px) {
  /* 1rem prevents automatic zoom on mobile form inputs. */
  input:not([type=checkbox]):not([type=range]), textarea, select { font-size: 1rem; }
  [data-surface=admin] .login-shell { grid-template-columns: 1fr; }
  [data-surface=admin] .login-story { min-height: 246px; padding: 30px; }
  [data-surface=admin] .login-story::before { inset: 10px; }
  [data-surface=admin] .login-story-copy { margin-top: 28px; }
  [data-surface=admin] .login-story h2 { font-size: 1.9rem; }
  [data-surface=admin] .studio-record { width: 190px; margin: 0; }
  [data-surface=admin] .login-card { padding: 38px 26px; }
  [data-surface=admin] .workspace-header, [data-surface=admin] .view, [data-surface=admin] .workspace-footer { padding-inline: 20px; }
  [data-surface=admin] .workspace-header h1 { font-size: 1.25rem; }
  [data-surface=admin] .flash { margin-inline: 20px; }
  [data-surface=admin] .metric-card { padding: 18px 14px; min-height: 125px; }
  [data-surface=admin] .metric-card strong { font-size: 1.65rem; margin-top: 26px; margin-right: 0; }
  [data-surface=admin] .metric-card .metric-icon { top: 14px; right: 14px; width: 24px; height: 24px; }
  [data-surface=admin] .metrics-context { margin-top: -12px; }
  [data-surface=admin] .welcome-panel { padding: 24px; }
  [data-surface=admin] .welcome-panel h2 { font-size: 1.65rem; }
  [data-surface=admin] .card-grid { grid-template-columns: 1fr; }
  [data-surface=admin] .catalog-card .profile-art { height: 260px; }
  [data-surface=admin] .catalog-card .product-art { height: 240px; }
  [data-surface=admin] .editor-card > header, [data-surface=admin] .editor-card > footer { padding: 20px; }
  [data-surface=admin] .editor-card h2 { font-size: 1.4rem; }
  [data-surface=admin] .settings-form, [data-surface=admin] .type-preview { padding: 22px; }
  [data-surface=admin] .analytics-filters select, [data-surface=admin] .upload-controls input[type=file] { font-size: 1rem; }
  [data-surface=admin] .chart-axis { font-size: 18px; }
  [data-surface=verify] .shell { width: calc(100% - 36px); }
  [data-surface=verify] .progress-card, [data-surface=verify] .task-card { padding: 24px 20px; }
  [data-surface=verify] .progress-meta { flex-wrap: wrap; gap: 6px; }
  [data-surface=verify] .progress-meta > span:last-child { max-width: none; text-align: left; }
  [data-surface=verify] .gate-grid { grid-template-columns: 1fr; gap: 8px; }
  [data-surface=verify] .gate { grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; padding: 14px; }
  [data-surface=verify] .gate-icon { grid-row: 1; }
  [data-surface=verify] .gate-state { grid-column: 3; margin: 0; }
  [data-surface=verify] .section-head { flex-wrap: wrap; gap: 14px; }
  [data-surface=verify] .status-pill { max-width: none; margin: 0; }
  [data-surface=verify] .section-head h2 { font-size: 1.5rem; }
  [data-surface=verify] .task-card h2 { font-size: 1.4rem; }
}
@media (max-width: 560px) {
  [data-surface=public] .section-shell { width: calc(100% - 40px); }
  [data-surface=public] .site-header { padding-inline: 20px; gap: 16px; }
  [data-surface=public] .brand-wordmark > span { font-size: .8125rem; }
  [data-surface=public] .hero { padding-block: 36px 40px; }
  [data-surface=public] .hero h1 { margin-block: 20px; }
  [data-surface=public] .hero-actions { flex-direction: row; }
  [data-surface=public] .hero-actions .button { flex: 1; }
  [data-surface=public] .hero-art { aspect-ratio: 1; }
  [data-surface=public] .art-topline { top: 23px; }
  [data-surface=public] .art-bottomline { bottom: 23px; }
  [data-surface=public] .values-ribbon { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px; gap: 12px 24px; font-size: 1.125rem; text-align: center; }
  [data-surface=public] .values-ribbon span:nth-child(even) { display: none; }
  [data-surface=public] .content-section { padding-block: 48px; }
  [data-surface=public] .content-section.section-contrast::before { inset-inline: -20px; }
  [data-surface=public] .feature-grid, [data-surface=public] .product-grid { grid-template-columns: 1fr; gap: 20px; }
  [data-surface=public] .profile-card > img, [data-surface=public] .profile-card > .media-placeholder { aspect-ratio: 1; }
  [data-surface=public] .service-card { padding: 24px 20px; }
  [data-surface=public] .insight-card { padding-inline: 22px; }
  [data-surface=public] .about-section { padding: 30px 26px; margin-top: 36px; }
  [data-surface=public] .apply-section { padding-block: 52px; }
  [data-surface=public] .application-form { grid-template-columns: 1fr; padding: 24px 20px; }
  [data-surface=public] .form-heading { flex-wrap: wrap; }
  [data-surface=public] .site-footer { padding: 32px 20px; }
  [data-surface=public] .footer-brand { gap: 12px; flex-wrap: wrap; }
  [data-surface=public] .footer-brand > div { min-width: 0; flex: 1; }
  [data-surface=public] .footer-brand strong { font-size: 1.25rem; overflow-wrap: anywhere; }
  [data-surface=public] .footer-brand .back-top { margin: 6px 0 0 56px; flex-basis: 100%; }
  [data-surface=public] .insight-dialog { padding: 28px 22px; }
  [data-surface=public] .profile-detail-layout { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 380px) {
  [data-surface=public] .hero-actions { flex-direction: column; }
  [data-surface=public] .art-topline > span:last-child { display: none; }
  [data-surface=admin] .chart-inspector { flex-wrap: wrap; }
  [data-surface=admin] .chart-inspector label { flex-basis: 100%; }
  [data-surface=verify] .gate { grid-template-columns: 28px minmax(0, 1fr); }
  [data-surface=verify] .gate-state { grid-column: 2; margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  [data-surface=public] .profile-card:hover, [data-surface=public] .project-card:hover,
  [data-surface=public] .product-card:hover, [data-surface=admin] .metric-card:hover,
  .button:hover { transform: none; }
}
@media (forced-colors: active) {
  .button, .primary-button, .quiet-button, input, textarea, select { border: 1px solid ButtonText; }
  [data-surface=admin] .nav-item.is-active { outline: 2px solid Highlight; outline-offset: -3px; }
  [data-surface=admin] .chart-line, [data-surface=admin] .chart-dot { stroke: CanvasText; }
  [data-surface=admin] .chart-axis { fill: CanvasText; }
  [data-surface=admin] .chart-dot.selected { fill: Highlight; stroke: Highlight; }
}