:root {
  color-scheme: light;
  --spark-pink:#f472b6;
  --spark-pink-dark:#e11d48;
  --spark-rose:#ffe4ef;
  --spark-accent:#facc15;
  --spark-bg:#f7f8fc;
  --spark-bg-soft:#fdf3f8;
  --spark-surface:#fffafd;
  --spark-surface-soft:#f9fbff;
  --spark-border:#dfe5f1;
  --spark-border-strong:#c7d2e5;
  --spark-text:#0f172a;
  --spark-text-strong:#020617;
  --spark-muted:#64748b;
  --spark-success-bg:#dcfce7;
  --spark-success-text:#166534;
  --spark-warning-bg:#fef3c7;
  --spark-warning-text:#92400e;
  --spark-danger-bg:#fee2e2;
  --spark-danger-text:#991b1b;
  --spark-neutral-bg:#e2e8f0;
  --spark-neutral-text:#334155;
  --spark-info-bg:#dbeafe;
  --spark-info-text:#1d4ed8;

  --spark-brand-action:#be123c;
  --spark-brand-action-hover:#9f1239;
  --spark-brand-deep:#881337;
  --spark-brand-on:#fff7fa;
  --spark-brand-tint:#fff1f5;
  --spark-brand-border:#fecdd8;
  --spark-overlay-strong:rgba(9,14,28,.72);
  --spark-overlay-soft:rgba(9,14,28,.48);
  --spark-scrim:rgba(15,23,42,.56);

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;

  --type-1:12px;
  --type-2:14px;
  --type-3:16px;
  --type-4:18px;
  --type-5:22px;
  --type-6:28px;
  --type-display:clamp(2.25rem,5vw,4rem);
  --type-display-large:clamp(2.75rem,7vw,5.5rem);

  --radius-sm:10px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --radius-pill:9999px;
  --shadow-surface:0 16px 36px rgba(15,23,42,.12);
  --shadow-dock:0 -8px 28px rgba(15,23,42,.12);
  --shadow-action:0 10px 22px rgba(190,18,60,.24);
  --focus-ring:0 0 0 3px rgba(244,114,182,.24);
  --motion-fast:120ms;
  --motion-base:180ms;
  --motion-slow:260ms;
  --motion-none:0.01ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --measure-article:44rem;
  --width-marketing:1200px;
  --width-content:75rem;
  --width-wide:80rem;
  --width-card-media:14rem;
  --control-min:44px;
  --control-large:52px;
  --header-height:64px;
  --page-gutter:16px;
  --section-rhythm:64px;
  --border-width:1px;
  --focus-width:3px;
  --focus-offset:3px;
  --image-ratio:4 / 3;
  --layer-header:20;
  --layer-dialog:50;
  --font-sans:"Avenir Next","Avenir","Segoe UI","Helvetica Neue","Noto Sans",sans-serif;
}

*,
*::before,
*::after {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  margin:0;
  background:var(--spark-bg);
  color:var(--spark-text);
  font-family:var(--font-sans);
  font-size:var(--type-3);
  line-height:1.55;
  text-rendering:optimizeLegibility;
}

body:has(dialog[open]) {
  overflow:hidden;
}

img,
picture {
  display:block;
  max-width:100%;
}

button,
input,
select,
textarea {
  color:inherit;
  font:inherit;
}

button,
select {
  cursor:pointer;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  cursor:not-allowed;
}

a {
  color:var(--spark-brand-action);
  text-underline-offset:var(--space-1);
}

a:hover {
  color:var(--spark-brand-action-hover);
}

h1,
h2,
h3,
p,
dl,
dd,
ul,
ol {
  margin-block-start:0;
}

h1,
h2,
h3 {
  color:var(--spark-text-strong);
  line-height:1.12;
  text-wrap:balance;
}

h1 {
  font-size:var(--type-display);
  letter-spacing:-.035em;
}

h2 {
  font-size:var(--type-6);
  letter-spacing:-.02em;
}

h3 {
  font-size:var(--type-5);
}

:focus-visible {
  outline:var(--focus-width) solid var(--spark-pink);
  outline-offset:var(--focus-offset);
  box-shadow:var(--focus-ring);
}

[hidden],
.hidden {
  display:none !important;
}

.page-gutter {
  margin-inline:auto;
  max-width:var(--width-marketing);
  padding-inline:var(--page-gutter);
  width:100%;
}

.article-width {
  margin-inline:auto;
  max-width:var(--measure-article);
}

.section {
  padding-block:var(--section-rhythm);
}

.section--surface {
  background:var(--spark-surface);
}

.visually-hidden {
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  height:1px;
  overflow:hidden;
  position:absolute;
  white-space:nowrap;
  width:1px;
}

.skip-link {
  background:var(--spark-brand-deep);
  color:var(--spark-brand-on);
  left:var(--space-4);
  padding:var(--space-3) var(--space-4);
  position:fixed;
  top:var(--space-4);
  transform:translateY(calc(-100% - var(--space-6)));
  transition:transform var(--motion-fast) var(--ease-out);
  z-index:calc(var(--layer-dialog) + 1);
}

.skip-link:focus {
  transform:translateY(0);
}

.eyebrow {
  color:var(--spark-brand-action);
  font-size:var(--type-1);
  font-weight:750;
  letter-spacing:.18em;
  margin-block-end:var(--space-3);
  text-transform:uppercase;
}

.site-header {
  background:var(--spark-surface);
  border-bottom:var(--border-width) solid var(--spark-border);
  height:var(--header-height);
  position:relative;
  z-index:var(--layer-header);
}

.site-header__inner {
  align-items:center;
  display:flex;
  gap:var(--space-4);
  justify-content:space-between;
  min-height:100%;
}

.site-header__brand {
  color:var(--spark-brand-deep);
  font-size:var(--type-5);
  font-weight:800;
  letter-spacing:-.02em;
  text-decoration:none;
}

.site-header__nav,
.site-header__actions {
  align-items:center;
  display:flex;
  gap:var(--space-6);
  margin:0;
  padding:0;
}

.site-header__nav {
  list-style:none;
}

.site-header__nav a {
  color:var(--spark-text);
  font-size:var(--type-2);
  font-weight:650;
  text-decoration:none;
}

.site-header__nav a[aria-current="page"] {
  color:var(--spark-brand-action);
  text-decoration:underline;
  text-decoration-thickness:var(--border-width);
  text-underline-offset:var(--space-2);
}

.hero-editorial {
  align-items:end;
  background:var(--spark-brand-deep);
  display:grid;
  min-height:calc(100svh - var(--header-height));
  overflow:hidden;
  position:relative;
}

.hero-editorial__image,
.hero-editorial__scrim,
.hero-editorial__content {
  grid-area:1 / 1;
}

.hero-editorial__image {
  height:100%;
  min-height:inherit;
  object-fit:cover;
  object-position:center 56%;
  width:100%;
}

.hero-editorial__scrim {
  align-self:stretch;
  background:var(--spark-overlay-strong);
}

.hero-editorial__content {
  color:var(--spark-brand-on);
  padding-block:var(--space-16);
  position:relative;
}

.hero-editorial__content > * {
  max-width:var(--measure-article);
}

.hero-editorial h1 {
  color:var(--spark-brand-on);
  font-size:var(--type-display-large);
  margin-block-end:var(--space-6);
}

.hero-editorial .eyebrow {
  color:var(--spark-rose);
}

.hero-editorial__lede {
  color:var(--spark-brand-on);
  font-size:var(--type-4);
  margin-block-end:var(--space-8);
  max-width:var(--measure-article);
}

.hero-editorial__trust {
  display:grid;
  gap:var(--space-2);
  list-style:none;
  margin-block:var(--space-8) 0;
  padding:0;
}

.hero-editorial__trust li {
  border-left:var(--focus-width) solid var(--spark-accent);
  padding-inline-start:var(--space-3);
}

.section-heading {
  margin-block-end:var(--space-8);
  max-width:var(--measure-article);
  text-align:left;
}

.section-heading h2 {
  margin-block-end:var(--space-4);
}

.section-heading__body {
  color:var(--spark-muted);
  font-size:var(--type-4);
  margin:0;
}

.button-row {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
}

.button {
  align-items:center;
  border:var(--border-width) solid transparent;
  border-radius:var(--radius-md);
  display:inline-flex;
  font-size:var(--type-2);
  font-weight:750;
  justify-content:center;
  min-height:var(--control-min);
  padding:var(--space-2) var(--space-4);
  text-align:center;
  text-decoration:none;
  transition:background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);
}

.button--primary {
  background:var(--spark-brand-action);
  box-shadow:var(--shadow-action);
  color:var(--spark-brand-on);
}

.button--primary:hover {
  background:var(--spark-brand-action-hover);
  color:var(--spark-brand-on);
  transform:translateY(calc(var(--border-width) * -1));
}

.button--secondary {
  background:var(--spark-surface);
  border-color:var(--spark-brand-border);
  color:var(--spark-brand-deep);
}

.button--secondary:hover,
.button--quiet:hover {
  background:var(--spark-brand-tint);
  color:var(--spark-brand-deep);
}

.button--quiet {
  background:transparent;
  color:var(--spark-brand-action);
}

.button--danger {
  background:var(--spark-danger-bg);
  border-color:var(--spark-brand-border);
  color:var(--spark-danger-text);
}

.button[disabled],
.button[aria-disabled="true"] {
  box-shadow:none;
  opacity:.55;
  pointer-events:none;
  transform:none;
}

.status-pill {
  align-items:center;
  border:var(--border-width) solid currentColor;
  border-radius:var(--radius-pill);
  display:inline-flex;
  font-size:var(--type-1);
  font-weight:750;
  line-height:1;
  min-height:var(--space-6);
  padding-inline:var(--space-3);
  white-space:nowrap;
}

.status-pill--neutral {
  background:var(--spark-neutral-bg);
  color:var(--spark-neutral-text);
}

.status-pill--info {
  background:var(--spark-info-bg);
  color:var(--spark-info-text);
}

.status-pill--success {
  background:var(--spark-success-bg);
  color:var(--spark-success-text);
}

.status-pill--warning {
  background:var(--spark-warning-bg);
  color:var(--spark-warning-text);
}

.status-pill--danger {
  background:var(--spark-danger-bg);
  color:var(--spark-danger-text);
}

.event-card {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-xl);
  display:grid;
  overflow:hidden;
  transition:border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);
}

.event-card:hover {
  border-color:var(--spark-brand-border);
  box-shadow:var(--shadow-surface);
  transform:translateY(calc(var(--space-1) * -1));
}

.event-card__image {
  aspect-ratio:var(--image-ratio);
  height:100%;
  object-fit:cover;
  width:100%;
}

.event-card__body {
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  padding:var(--space-6);
}

.event-card__heading {
  align-items:start;
  display:flex;
  gap:var(--space-4);
  justify-content:space-between;
}

.event-card__heading h3 {
  margin:0;
}

.event-card__action {
  margin-block-start:auto;
}

.fact-list {
  border-block:var(--border-width) solid var(--spark-border);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
}

.fact-list > div {
  padding-block:var(--space-4);
}

.fact-list dt {
  color:var(--spark-muted);
  font-size:var(--type-1);
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.fact-list dd {
  color:var(--spark-text-strong);
  font-size:var(--type-3);
  font-weight:650;
  margin:var(--space-1) 0 0;
}

.fact-list--compact {
  border:0;
  gap:var(--space-3) var(--space-4);
}

.fact-list--compact > div {
  padding:0;
}

.booking-panel {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-brand-border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-surface);
  display:grid;
  gap:var(--space-4);
  padding:var(--space-6);
}

.booking-panel__heading {
  align-items:start;
  display:flex;
  gap:var(--space-4);
  justify-content:space-between;
}

.booking-panel__heading h2 {
  font-size:var(--type-5);
  margin:0;
}

.booking-panel__price {
  color:var(--spark-brand-deep);
  font-size:var(--type-6);
  font-weight:800;
  margin-block-end:var(--space-1);
}

.booking-panel__action .button {
  min-height:var(--control-large);
  width:100%;
}

.booking-panel__details {
  border-top:var(--border-width) solid var(--spark-border);
  padding-block-start:var(--space-4);
}

.agency-strip {
  background:var(--spark-brand-tint);
  border-block:var(--border-width) solid var(--spark-brand-border);
}

.agency-strip ul {
  display:grid;
  gap:0;
  list-style:none;
  margin:0 auto;
  max-width:var(--width-marketing);
  padding:var(--space-4) var(--page-gutter);
}

.agency-strip li {
  color:var(--spark-brand-deep);
  font-size:var(--type-2);
  font-weight:700;
  padding:var(--space-3) 0;
}

.agency-strip li + li {
  border-top:var(--border-width) solid var(--spark-brand-border);
}

.step-list {
  counter-reset:steps;
  display:grid;
  gap:var(--space-8);
  list-style:none;
  margin:0;
  padding:0;
}

.step-list li {
  align-items:start;
  counter-increment:steps;
  display:grid;
  gap:var(--space-4);
  grid-template-columns:var(--control-min) minmax(0,1fr);
}

.step-list li::before {
  align-items:center;
  background:var(--spark-brand-deep);
  border-radius:var(--radius-pill);
  color:var(--spark-brand-on);
  content:counter(steps,decimal-leading-zero);
  display:flex;
  font-size:var(--type-1);
  font-weight:800;
  height:var(--control-min);
  justify-content:center;
  width:var(--control-min);
}

.step-list h3 {
  margin-block:0 var(--space-2);
}

.step-list p {
  color:var(--spark-muted);
  margin:0;
}

form {
  accent-color:var(--spark-brand-action);
}

label,
legend {
  color:var(--spark-text-strong);
  font-weight:700;
}

input,
select,
textarea {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border-strong);
  border-radius:var(--radius-md);
  min-height:var(--control-min);
  padding:var(--space-2) var(--space-3);
  width:100%;
}

textarea {
  min-height:calc(var(--control-large) * 2);
  resize:vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color:var(--spark-brand-action);
}

input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"] {
  border-color:var(--spark-danger-text);
}

.field {
  display:grid;
  gap:var(--space-2);
  min-width:0;
}

.field-hint {
  color:var(--spark-muted);
  font-size:var(--type-2);
  margin:0;
}

.form-section,
.choice-group {
  border:0;
  margin:0;
  min-width:0;
  padding:0;
}

.form-section + .form-section {
  border-top:var(--border-width) solid var(--spark-border);
  margin-block-start:var(--space-8);
  padding-block-start:var(--space-8);
}

.form-section > legend,
.choice-group > legend {
  font-size:var(--type-5);
  padding:0;
}

.form-section__description {
  color:var(--spark-muted);
  margin-block:var(--space-2) var(--space-6);
}

.form-section__fields {
  display:grid;
  gap:var(--space-6);
}

.field-error {
  color:var(--spark-danger-text);
  font-size:var(--type-2);
  font-weight:650;
  margin-block:var(--space-2) 0;
}

.choice-group__options {
  display:grid;
  gap:var(--space-2);
  margin-block-start:var(--space-4);
}

.choice {
  align-items:start;
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-md);
  cursor:pointer;
  display:grid;
  gap:var(--space-1) var(--space-3);
  grid-template-columns:var(--space-6) minmax(0,1fr);
  min-height:var(--control-large);
  padding:var(--space-3);
}

.choice:has(input:checked) {
  background:var(--spark-brand-tint);
  border-color:var(--spark-brand-action);
}

.choice:has(input:disabled) {
  cursor:not-allowed;
  opacity:.6;
}

.choice input {
  grid-row:1 / span 2;
  height:var(--space-6);
  margin:0;
  min-height:0;
  padding:0;
  width:var(--space-6);
}

.choice__label {
  font-size:var(--type-3);
}

.choice__hint {
  color:var(--spark-muted);
  font-size:var(--type-2);
  font-weight:450;
}

.notice {
  border:var(--border-width) solid currentColor;
  border-radius:var(--radius-md);
  display:grid;
  gap:var(--space-1);
  padding:var(--space-4);
}

.notice p {
  margin:0;
}

.notice__heading {
  font-weight:800;
}

.notice--info {
  background:var(--spark-info-bg);
  color:var(--spark-info-text);
}

.notice--success {
  background:var(--spark-success-bg);
  color:var(--spark-success-text);
}

.notice--warning {
  background:var(--spark-warning-bg);
  color:var(--spark-warning-text);
}

.notice--error {
  background:var(--spark-danger-bg);
  color:var(--spark-danger-text);
}

.empty-state {
  border:var(--border-width) dashed var(--spark-border-strong);
  border-radius:var(--radius-lg);
  max-width:var(--measure-article);
  padding:var(--space-8);
  text-align:left;
}

.empty-state h2 {
  font-size:var(--type-5);
  margin-block-end:var(--space-2);
}

.empty-state p {
  color:var(--spark-muted);
  margin-block-end:var(--space-6);
}

.account-page {
  background:var(--spark-bg-soft);
}

.account-header .site-header__inner,
.public-profile__site-header .site-header__inner {
  margin-inline:auto;
  max-width:var(--width-marketing);
  padding-inline:var(--page-gutter);
}

.account-page .site-header__brand {
  align-items:center;
  display:inline-flex;
  min-height:var(--control-min);
}

.account-header__note {
  color:var(--spark-muted);
  font-size:var(--type-2);
  font-weight:650;
}

.account-header__logout {
  margin:0;
}

.account-shell {
  display:grid;
  gap:var(--space-8);
  padding-block:var(--space-8) var(--space-16);
}

.account-shell__sidebar {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-surface);
  padding:var(--space-6);
}

.account-shell__sidebar h1 {
  font-size:var(--type-6);
  margin-block-end:var(--space-2);
}

.account-shell__summary {
  color:var(--spark-muted);
  margin-block-end:var(--space-6);
}

.account-shell__sidebar ul {
  display:flex;
  gap:var(--space-2);
  list-style:none;
  margin:0;
  overflow-x:auto;
  padding:0 0 var(--space-2);
}

.account-shell__sidebar a {
  align-items:center;
  border-radius:var(--radius-md);
  color:var(--spark-text);
  display:flex;
  min-height:var(--control-min);
  padding:var(--space-2) var(--space-3);
  text-decoration:none;
  white-space:nowrap;
}

.account-shell__sidebar a:hover,
.account-shell__sidebar a[aria-current="page"] {
  background:var(--spark-brand-tint);
  color:var(--spark-brand-deep);
}

.account-shell__sidebar a[aria-current="page"] {
  font-weight:750;
}

.account-shell__sidebar-extra {
  border-top:var(--border-width) solid var(--spark-border);
  color:var(--spark-muted);
  font-size:var(--type-2);
  margin-block-start:var(--space-4);
  padding-block-start:var(--space-4);
}

.account-shell__sidebar-extra p {
  margin-block-end:var(--space-2);
}

.account-shell__sidebar-extra strong {
  color:var(--spark-text);
}

.account-shell__main {
  display:grid;
  gap:var(--space-6);
  min-width:0;
}

.account-card {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-xl);
  min-width:0;
  padding:var(--space-6);
}

.account-card h2,
.account-card p:last-child {
  margin-block-end:0;
}

.account-card--action {
  border-color:var(--spark-brand-border);
  box-shadow:var(--shadow-surface);
}

.account-card--action > p {
  color:var(--spark-muted);
  max-width:var(--measure-article);
}

.account-card--quiet,
.account-card__heading {
  align-items:flex-start;
  display:flex;
  gap:var(--space-4);
  justify-content:space-between;
}

.account-card--quiet {
  background:var(--spark-surface-soft);
}

.account-card__heading {
  margin-block-end:var(--space-4);
}

.account-card__heading h2 {
  margin:0;
}

.account-card__note {
  color:var(--spark-muted);
  font-size:var(--type-2);
  margin-block-start:var(--space-4);
}

.account-grid {
  display:grid;
  gap:var(--space-6);
}

.account-facts {
  display:grid;
  gap:0;
  margin-block-end:var(--space-6);
}

.account-facts > div {
  align-items:baseline;
  border-bottom:var(--border-width) solid var(--spark-border);
  display:grid;
  gap:var(--space-3);
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  padding-block:var(--space-3);
}

.account-facts dt {
  color:var(--spark-muted);
  font-size:var(--type-2);
  font-weight:650;
}

.account-facts dd {
  margin:0;
  min-width:0;
  overflow-wrap:anywhere;
}

.text-link {
  font-size:var(--type-2);
  font-weight:750;
}

.live-round {
  background:var(--spark-brand-deep);
  border-radius:var(--radius-xl);
  color:var(--spark-brand-on);
  display:grid;
  gap:var(--space-6);
  padding:var(--space-6);
}

.live-round h2,
.live-round h3,
.live-round .eyebrow {
  color:var(--spark-brand-on);
}

.live-round header p:last-child,
.live-round__partner p,
.live-round__privacy {
  color:var(--spark-rose);
}

.live-round__partner {
  border-block:var(--border-width) solid var(--spark-overlay-soft);
  padding-block:var(--space-6);
}

.live-round__label {
  font-size:var(--type-1);
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.live-round__choices {
  display:grid;
  gap:var(--space-2);
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.live-round__choices .button {
  min-height:var(--control-large);
}

.live-round__privacy {
  font-size:var(--type-2);
  margin:0;
}

.match-card {
  align-items:center;
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-lg);
  display:grid;
  gap:var(--space-4);
  grid-template-columns:auto minmax(0,1fr);
  padding:var(--space-4);
}

.match-card[data-state="mutual"] {
  border-color:var(--spark-brand-border);
}

.match-card[data-state="pending"] {
  background:var(--spark-surface-soft);
}

.match-card__image {
  aspect-ratio:1;
  border-radius:var(--radius-md);
  height:var(--section-rhythm);
  object-fit:cover;
  width:var(--section-rhythm);
}

.match-card__event {
  color:var(--spark-muted);
  font-size:var(--type-1);
  font-weight:750;
  letter-spacing:.08em;
  margin-block-end:var(--space-1);
  text-transform:uppercase;
}

.match-card h3,
.match-card__body > p:last-of-type {
  margin-block-end:var(--space-2);
}

.dialog {
  background:transparent;
  border:0;
  color:var(--spark-text);
  margin:auto;
  max-height:calc(100dvh - (var(--space-4) * 2));
  max-width:var(--measure-article);
  padding:var(--space-4);
  width:100%;
  z-index:var(--layer-dialog);
}

.dialog::backdrop {
  background:var(--spark-scrim);
}

.dialog__surface {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-surface);
  max-height:calc(100dvh - (var(--space-8) * 2));
  overflow:auto;
  padding:var(--space-6);
}

.dialog__surface > header {
  border-bottom:var(--border-width) solid var(--spark-border);
  padding-block-end:var(--space-4);
}

.dialog__surface h2 {
  margin-block-end:var(--space-2);
}

.dialog__surface header p {
  color:var(--spark-muted);
  margin:0;
}

.dialog__body {
  padding-block:var(--space-6);
}

.dialog__actions {
  align-items:center;
  border-top:var(--border-width) solid var(--spark-border);
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  justify-content:flex-end;
  padding-block-start:var(--space-4);
}

.marketing-section {
  padding-block:var(--section-rhythm);
}

.marketing-section > h2 {
  margin-block-end:var(--space-8);
}

.marketing-section > p {
  color:var(--spark-muted);
  max-width:var(--measure-article);
}

.marketing-section > a {
  align-items:center;
  display:inline-flex;
  min-height:var(--control-min);
}

.editorial-intro {
  max-width:var(--measure-article);
  padding-block:var(--space-16) var(--space-12);
}

.editorial-intro h1 {
  margin-block-end:var(--space-4);
}

.editorial-intro > p:last-child {
  color:var(--spark-muted);
  font-size:var(--type-4);
  margin:0;
}

#event-results {
  display:grid;
  gap:var(--space-6);
  padding-block-end:var(--space-16);
}

#event-results > h2 {
  margin:0;
}

.event-layout {
  display:grid;
  gap:var(--space-8);
  padding-block:var(--space-8) var(--space-16);
}

.event-content {
  display:grid;
  gap:var(--space-8);
  min-width:0;
}

.event-content > section {
  border-top:var(--border-width) solid var(--spark-border);
  padding-block-start:var(--space-8);
}

.event-content > section h2 {
  margin-block-end:var(--space-3);
}

.event-content > section p {
  color:var(--spark-muted);
  margin:0;
  max-width:var(--measure-article);
}

.event-hero {
  aspect-ratio:var(--image-ratio);
  background:var(--spark-brand-deep);
  display:grid;
  grid-template-rows:minmax(0,1fr);
  isolation:isolate;
  overflow:hidden;
  position:relative;
}

.event-hero::before,
.event-hero > img,
.event-hero > .page-gutter {
  grid-area:1 / 1;
}

.event-hero::before {
  background:var(--spark-overlay-strong);
  content:"";
  z-index:1;
}

.event-hero > img {
  height:100%;
  object-fit:cover;
  width:100%;
}

.event-hero > .page-gutter {
  align-self:end;
  color:var(--spark-brand-on);
  padding-block:var(--space-8);
  position:relative;
  z-index:2;
}

.event-hero h1 {
  color:var(--spark-brand-on);
  margin-block-end:var(--space-3);
  max-width:var(--measure-article);
}

.event-hero .eyebrow,
.event-hero > .page-gutter > p:last-child {
  color:var(--spark-rose);
}

.event-hero > .page-gutter > p:last-child {
  font-size:var(--type-4);
  margin:0;
  max-width:var(--measure-article);
}

.event-layout > .booking-panel > .button {
  min-height:var(--control-large);
  width:100%;
}

.booking-panel__authenticated,
.booking-dock {
  display:none;
}

.auth-split {
  background:var(--spark-surface);
  display:grid;
  min-height:calc(100dvh - var(--header-height));
}

.auth-story {
  align-items:flex-end;
  background:linear-gradient(145deg,var(--spark-brand-deep),var(--spark-overlay-strong));
  color:var(--spark-brand-on);
  display:flex;
  min-height:calc(var(--space-24) * 3);
  overflow:hidden;
  padding:var(--space-8) var(--page-gutter);
  position:relative;
}

.auth-story::before {
  background:linear-gradient(135deg,transparent,var(--spark-overlay-soft));
  border:var(--border-width) solid var(--spark-overlay-soft);
  border-radius:var(--radius-pill);
  content:"";
  height:calc(var(--space-24) * 3);
  position:absolute;
  right:calc(var(--space-16) * -1);
  top:calc(var(--space-16) * -1);
  transform:rotate(-12deg);
  width:calc(var(--space-24) * 2);
}

.auth-story__content {
  max-width:var(--measure-article);
  position:relative;
  z-index:1;
}

.auth-story .eyebrow,
.auth-story h2 {
  color:var(--spark-brand-on);
}

.auth-story h2 {
  font-size:var(--type-display);
  margin-block-end:var(--space-4);
}

.auth-story__trust {
  display:grid;
  gap:var(--space-2);
  list-style:none;
  margin:var(--space-6) 0 0;
  padding:0;
}

.auth-story__trust li {
  border-left:var(--focus-width) solid var(--spark-accent);
  padding-inline-start:var(--space-3);
}

.auth-panel {
  align-items:center;
  background:var(--spark-surface);
  border-top:var(--border-width) solid var(--spark-border);
  display:flex;
  justify-content:center;
  padding:var(--space-8) var(--page-gutter) var(--space-12);
}

.auth-panel__content {
  max-width:var(--measure-article);
  width:100%;
}

.auth-panel h1 {
  margin-block-end:var(--space-4);
}

.auth-panel h1 + p {
  color:var(--spark-muted);
  font-size:var(--type-4);
  margin-block-end:var(--space-8);
}

.auth-panel form {
  display:grid;
  gap:var(--space-4);
}

.auth-panel form .button {
  min-height:var(--control-large);
  width:100%;
}

.auth-panel__notice {
  margin-block-end:var(--space-6);
}

.auth-panel__assurance {
  border-top:var(--border-width) solid var(--spark-border);
  display:grid;
  gap:var(--space-1);
  margin-block-start:var(--space-6);
  padding-block-start:var(--space-4);
}

.auth-panel__assurance span,
.auth-waiting__help {
  color:var(--spark-muted);
  font-size:var(--type-2);
}

.auth-waiting {
  display:grid;
  gap:var(--space-4);
}

.auth-waiting h2,
.auth-waiting p {
  margin:0;
}

.auth-waiting__actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}

.auth-message__mark {
  align-items:center;
  background:var(--spark-brand-tint);
  border:var(--border-width) solid var(--spark-brand-border);
  border-radius:var(--radius-pill);
  color:var(--spark-brand-deep);
  display:flex;
  font-size:var(--type-5);
  font-weight:800;
  height:var(--control-large);
  justify-content:center;
  width:var(--control-large);
}

.auth-flow {
  align-items:center;
  display:grid;
  min-height:calc(100dvh - var(--header-height));
  overflow:hidden;
  padding:var(--space-8) var(--page-gutter);
  position:relative;
}

.auth-flow__backdrop {
  background:linear-gradient(145deg,var(--spark-brand-deep),var(--spark-brand-action));
  inset:0;
  position:absolute;
}

.auth-message {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-brand-border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-surface);
  display:grid;
  gap:var(--space-4);
  margin-inline:auto;
  max-width:var(--measure-article);
  padding:var(--space-8);
  position:relative;
  width:100%;
}

.auth-message h1,
.auth-message p {
  margin:0;
}

.auth-message .button {
  justify-self:start;
  margin-block-start:var(--space-2);
}

.auth-message__privacy {
  border-top:var(--border-width) solid var(--spark-border);
  color:var(--spark-muted);
  font-size:var(--type-2);
  padding-block-start:var(--space-4);
}

.profile-workspace {
  align-content:start;
}

.profile-intro {
  max-width:var(--measure-article);
}

.profile-intro h2 {
  margin-block-end:var(--space-3);
}

.profile-intro > p:last-child {
  color:var(--spark-muted);
  margin:0;
}

.profile-form {
  display:grid;
  gap:var(--space-6);
}

.profile-form__section {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-xl);
  padding:var(--space-6);
  scroll-margin-top:calc(var(--header-height) + var(--space-4));
}

.profile-form .form-section + .form-section {
  border-top:var(--border-width) solid var(--spark-border);
  margin-block-start:0;
  padding-block-start:var(--space-6);
}

.profile-form__section > .choice-group {
  border-top:var(--border-width) solid var(--spark-border);
  margin-block-start:var(--space-6);
  padding-block-start:var(--space-6);
}

.profile-form__section > .choice-group:first-of-type {
  border-top:0;
}

.photo-panel {
  background:var(--spark-surface-soft);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-lg);
  display:grid;
  gap:var(--space-4);
  margin-block-end:var(--space-6);
  padding:var(--space-4);
}

.photo-panel__preview {
  align-items:center;
  aspect-ratio:var(--image-ratio);
  background:var(--spark-neutral-bg);
  border-radius:var(--radius-md);
  color:var(--spark-neutral-text);
  display:flex;
  justify-content:center;
  overflow:hidden;
}

.photo-panel__preview img {
  height:100%;
  object-fit:cover;
  width:100%;
}

.photo-panel__controls {
  align-content:center;
  display:grid;
  gap:var(--space-3);
}

.profile-photo-dialog canvas {
  background:var(--spark-neutral-bg);
  border-radius:var(--radius-md);
  max-width:100%;
}

.choice-group__options--compact {
  margin-block-start:var(--space-6);
}

.profile-review {
  border-color:var(--spark-brand-border);
  box-shadow:var(--shadow-surface);
}

.profile-review__content {
  display:grid;
  gap:var(--space-6);
}

.profile-review__content > .button {
  min-height:var(--control-large);
}

.profile-sharing {
  background:var(--spark-brand-tint);
  border-radius:var(--radius-md);
  display:grid;
  gap:var(--space-2);
  margin-block-start:var(--space-4);
  padding:var(--space-4);
}

.profile-sharing p {
  margin:0;
}

.public-profile {
  max-width:var(--width-content);
  padding-block:var(--space-8) var(--space-16);
}

.public-profile__card {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-surface);
  overflow:hidden;
}

.public-profile__identity {
  align-items:center;
  background:var(--spark-brand-tint);
  border-bottom:var(--border-width) solid var(--spark-brand-border);
  display:grid;
  gap:var(--space-6);
  padding:var(--space-6);
}

.public-profile__identity h1 {
  margin-block-end:var(--space-2);
}

.public-profile__identity p:last-child {
  color:var(--spark-muted);
  margin:0;
}

.public-profile__portrait,
.public-profile__portrait-placeholder {
  aspect-ratio:1;
  border:var(--space-1) solid var(--spark-surface);
  border-radius:var(--radius-pill);
  box-shadow:var(--shadow-surface);
  height:calc(var(--space-24) * 2);
  object-fit:cover;
  width:calc(var(--space-24) * 2);
}

.public-profile__portrait-placeholder {
  align-items:center;
  background:var(--spark-brand-deep);
  color:var(--spark-brand-on);
  display:flex;
  font-size:var(--type-display);
  font-weight:800;
  justify-content:center;
}

.public-profile__details {
  padding:var(--space-6);
}

.public-profile__details h2 {
  margin-block-end:var(--space-6);
}

.public-profile__facts {
  display:grid;
  gap:var(--space-4);
}

.public-profile__facts > div {
  border-top:var(--border-width) solid var(--spark-border);
  padding-block-start:var(--space-4);
}

.public-profile__facts dt {
  color:var(--spark-muted);
  font-size:var(--type-2);
  font-weight:700;
}

.public-profile__facts dd {
  font-size:var(--type-4);
  margin:var(--space-1) 0 0;
  overflow-wrap:anywhere;
}

.public-profile__privacy {
  background:var(--spark-surface-soft);
  border-top:var(--border-width) solid var(--spark-border);
  display:grid;
  gap:var(--space-1);
  padding:var(--space-6);
}

.public-profile__privacy span {
  color:var(--spark-muted);
  font-size:var(--type-2);
}

.article {
  margin-inline:auto;
  max-width:calc(var(--measure-article) + (var(--page-gutter) * 2));
  padding-block:var(--space-16);
}

.article > h1 {
  margin-block-end:var(--space-8);
}

.article > p,
.article > section,
.article > ul,
.article > ol {
  margin-block-end:var(--space-8);
}

.article section + section {
  border-top:var(--border-width) solid var(--spark-border);
  margin-block-start:var(--space-8);
  padding-block-start:var(--space-8);
}

.article section h2 {
  margin-block-end:var(--space-3);
}

.article li + li {
  margin-block-start:var(--space-2);
}

.article details {
  border-top:var(--border-width) solid var(--spark-border);
}

.article details:last-of-type {
  border-bottom:var(--border-width) solid var(--spark-border);
}

.article summary {
  align-items:center;
  color:var(--spark-text-strong);
  cursor:pointer;
  display:flex;
  font-weight:750;
  min-height:var(--control-min);
  padding-block:var(--space-3);
}

.article details p {
  color:var(--spark-muted);
  margin:0;
  padding-block:0 var(--space-4);
}

.article > .notice {
  margin-block-start:var(--space-8);
}

.article > .grid {
  display:grid;
  gap:var(--space-8);
  margin-block:var(--space-8);
}

.article > .grid > aside > div {
  display:grid;
  gap:var(--space-4);
}

.article > .grid > aside > div > div,
.article > .grid > aside nav {
  background:var(--spark-surface);
  border:var(--border-width) solid var(--spark-border);
  border-radius:var(--radius-lg);
  padding:var(--space-5);
}

.article > .grid > aside > div > div {
  background:var(--spark-surface-soft);
}

.article > .grid > aside h2 {
  font-size:var(--type-2);
  letter-spacing:.08em;
  margin-block-end:var(--space-3);
  text-transform:uppercase;
}

.article > .grid > aside ol,
.article > .grid > aside ul {
  margin:0;
  padding-inline-start:var(--space-5);
}

.article > .grid > aside li + li {
  margin-block-start:var(--space-2);
}

.article > .grid > div {
  min-width:0;
}
.site-footer {
  align-items:start;
  border-top:var(--border-width) solid var(--spark-border);
  display:grid;
  gap:var(--space-6);
  padding-block:var(--space-8);
}

.site-footer p {
  margin:0;
}

.site-footer nav {
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2) var(--space-4);
}

.site-footer nav a {
  align-items:center;
  display:inline-flex;
  min-height:var(--control-min);
}

@media (min-width:480px) {
  :root {
    --page-gutter:20px;
  }

  .agency-strip ul {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .agency-strip li {
    padding:var(--space-3) var(--space-4);
  }

  .agency-strip li + li {
    border-left:var(--border-width) solid var(--spark-brand-border);
    border-top:0;
  }
}

@media (min-width:768px) {
  :root {
    --page-gutter:24px;
  }

  .event-card {
    grid-template-columns:minmax(var(--width-card-media),2fr) minmax(0,3fr);
  }

  .step-list {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .step-list li {
    grid-template-columns:1fr;
  }

  .form-section__fields {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .choice-group__options {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .auth-split {
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    min-height:calc(100dvh - var(--header-height));
  }

  .auth-split > img {
    height:100%;
    min-height:inherit;
  }

  .auth-panel {
    border-left:var(--border-width) solid var(--spark-border);
    border-top:0;
    padding:var(--space-12) var(--space-8);
  }

  .auth-story {
    min-height:inherit;
    padding:var(--space-12) var(--space-8);
  }

  .photo-panel {
    grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  }

  .profile-review__content {
    align-items:end;
    grid-template-columns:minmax(0,1fr) auto;
  }

  .public-profile__identity {
    grid-template-columns:auto minmax(0,1fr);
    padding:var(--space-8);
  }

  .public-profile__details,
  .public-profile__privacy {
    padding:var(--space-8);
  }

  .public-profile__facts {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .article > .grid {
    align-items:start;
    grid-template-columns:minmax(13rem,.65fr) minmax(0,1.35fr);
  }

  .article > .grid > aside {
    position:sticky;
    top:calc(var(--control-min) + var(--space-8));
  }

  .site-footer {
    align-items:center;
    grid-template-columns:minmax(0,1fr) auto auto;
  }

}

@media (min-width:1024px) {
  :root {
    --page-gutter:32px;
    --section-rhythm:96px;
  }

  .hero-editorial__scrim {
    background:var(--spark-overlay-soft);
  }

  .account-shell {
    align-items:start;
    grid-template-columns:minmax(var(--width-card-media),4fr) minmax(0,8fr);
  }

  .account-shell__sidebar {
    position:sticky;
    top:calc(var(--header-height) + var(--space-6));
  }

  .account-shell__sidebar ul {
    display:grid;
    overflow:visible;
    padding:0;
  }

  .account-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .profile-review {
    bottom:var(--space-4);
    position:sticky;
    z-index:1;
  }

  .booking-panel {
    position:sticky;
    top:calc(var(--header-height) + var(--space-6));
  }
  .editorial-intro {
    padding-block:var(--space-24) var(--space-16);
  }

  #event-results {
    padding-block-end:var(--space-24);
  }

  .event-hero {
    aspect-ratio:auto;
    height:calc(var(--space-24) * 5);
  }

  .event-hero::before {
    background:var(--spark-overlay-soft);
  }

  .event-hero > .page-gutter {
    padding-block:var(--space-12);
  }

  .event-layout {
    align-items:start;
    gap:var(--space-12);
    grid-template-columns:minmax(0,8fr) minmax(var(--width-card-media),4fr);
    padding-block:var(--space-12) var(--space-24);
  }

}

@media (max-width:767px) {
  .site-header__nav {
    display:none;
  }

  .site-header__actions .button--secondary,
  .site-header__actions .button--quiet {
    display:none;
  }

  .booking-panel[data-mobile-dock="true"] {
    bottom:0;
    border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    box-shadow:var(--shadow-dock);
    left:0;
    padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));
    position:fixed;
    right:0;
    z-index:var(--layer-header);
  }
  .event-layout:has(+ .booking-dock) > .booking-panel {
    display:none;
  }

  .booking-dock {
    background:var(--spark-surface);
    border-top:var(--border-width) solid var(--spark-brand-border);
    bottom:0;
    box-shadow:var(--shadow-dock);
    display:block;
    left:0;
    padding:var(--space-3) var(--page-gutter) max(var(--space-3),env(safe-area-inset-bottom));
    position:fixed;
    right:0;
    z-index:var(--layer-header);
  }

  .booking-dock .button {
    display:flex;
    margin-inline:auto;
    max-width:var(--measure-article);
    min-height:var(--control-large);
    width:100%;
  }

  body:has(.booking-dock) .site-footer {
    padding-block-end:calc(var(--control-large) + var(--space-12) + env(safe-area-inset-bottom));
  }

  .account-card--quiet {
    align-items:stretch;
    flex-direction:column;
  }

  .account-card--quiet .button {
    align-self:flex-start;
  }

  .account-shell--profile .account-shell__sidebar {
    box-shadow:none;
  }

  .auth-message {
    padding:var(--space-6);
  }

}

@media (max-width:479px) {
  .hero-editorial__content {
    padding-block:var(--space-12);
  }

  .button-row .button {
    width:100%;
  }

  .fact-list,
  .live-round__choices {
    grid-template-columns:1fr;
  }

  .match-card {
    align-items:start;
  }

  .dialog {
    margin-block-end:0;
    max-height:100dvh;
    padding:var(--space-2);
  }

  .dialog__surface {
    border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    max-height:calc(100dvh - var(--space-2));
  }
  .account-header__note {
    display:none;
  }

  .account-card__heading {
    align-items:flex-start;
    flex-direction:column;
  }

  .account-facts > div {
    grid-template-columns:1fr;
  }

  .public-profile__portrait,
  .public-profile__portrait-placeholder {
    height:var(--space-24);
    width:var(--space-24);
  }

}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior:auto !important;
    transition-duration:var(--motion-none) !important;
  }
}

@media (forced-colors:active) {
  .button,
  .choice,
  .notice,
  .status-pill {
    border-color:ButtonText;
  }

  :focus-visible {
    outline-color:Highlight;
  }
}

/* Server-rendered operator surface */
.admin-shell {
  display:grid;
  grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);
  min-height:100dvh;
}

.admin-nav {
  background:linear-gradient(180deg,var(--spark-brand-deep),#4c0519);
  color:var(--spark-brand-on);
  padding:var(--space-8) var(--space-4);
}

.admin-brand {
  color:inherit;
  display:block;
  font-size:var(--type-5);
  font-weight:800;
  margin-block-end:var(--space-6);
  text-decoration:none;
}

.admin-nav ul {
  display:grid;
  gap:var(--space-2);
  list-style:none;
  margin:0;
  padding:0;
}

.admin-nav li a {
  border-radius:var(--radius-md);
  color:inherit;
  display:block;
  padding:var(--space-3) var(--space-4);
  text-decoration:none;
}

.admin-nav li a:hover,
.admin-nav li a[aria-current="page"] {
  background:rgba(255,255,255,.16);
}

.admin-main {
  margin-inline:auto;
  max-width:90rem;
  padding:var(--space-8);
  width:100%;
}

.admin-page-heading {
  align-items:center;
  display:flex;
  gap:var(--space-4);
  justify-content:space-between;
  margin-block-end:var(--space-6);
}

.admin-page-heading h1,
.admin-panel h2,
.admin-panel h3 {
  margin-block-start:0;
}

.admin-metrics {
  display:grid;
  gap:var(--space-4);
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-block-end:var(--space-6);
}

.admin-metrics article,
.admin-panel,
.admin-table-wrap {
  background:var(--spark-surface);
  border:1px solid var(--spark-brand-border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-surface);
}

.admin-metrics article {
  display:grid;
  gap:var(--space-1);
  padding:var(--space-6);
}

.admin-metrics strong {
  color:var(--spark-brand-action);
  font-size:var(--type-6);
}

.admin-metrics span,
.admin-table small {
  color:var(--spark-muted);
}

.admin-panel {
  margin-block-end:var(--space-6);
  padding:var(--space-6);
}

.admin-form {
  display:grid;
  gap:var(--space-4);
  grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
}

.admin-form label {
  display:grid;
  font-weight:700;
  gap:var(--space-2);
}

.admin-form button,
.admin-table button {
  align-self:end;
  background:var(--spark-brand-action);
  border:0;
  border-radius:var(--radius-pill);
  color:var(--spark-brand-on);
  cursor:pointer;
  min-height:var(--control-min);
  padding:var(--space-2) var(--space-4);
}

.admin-table-wrap {
  margin-block-end:var(--space-6);
  overflow-x:auto;
}

.admin-table {
  border-collapse:collapse;
  min-width:44rem;
  width:100%;
}

.admin-table caption {
  font-size:var(--type-5);
  font-weight:800;
  padding:var(--space-4);
  text-align:left;
}

.admin-table th,
.admin-table td {
  border-block-start:1px solid var(--spark-border);
  padding:var(--space-3) var(--space-4);
  text-align:left;
  vertical-align:top;
}

.admin-table th {
  background:var(--spark-brand-tint);
  color:var(--spark-brand-deep);
}

.admin-table td form {
  display:inline-block;
  margin:0 var(--space-2) var(--space-2) 0;
}

.admin-empty {
  color:var(--spark-muted);
  padding:var(--space-8) !important;
  text-align:center !important;
}

.admin-facts {
  display:grid;
  gap:var(--space-3);
  grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
}

.admin-facts div {
  background:var(--spark-brand-tint);
  border-radius:var(--radius-md);
  padding:var(--space-3);
}

.admin-facts dt {
  color:var(--spark-muted);
  font-size:var(--type-2);
}

.admin-facts dd {
  margin:0;
  overflow-wrap:anywhere;
}

.admin-panel pre {
  background:var(--spark-text-strong);
  border-radius:var(--radius-md);
  color:white;
  max-height:28rem;
  overflow:auto;
  padding:var(--space-4);
  white-space:pre-wrap;
}

@media (max-width:800px) {
  .admin-shell {
    display:block;
  }

  .admin-nav {
    padding:var(--space-4);
  }

  .admin-nav ul {
    display:flex;
    overflow-x:auto;
  }

  .admin-nav li {
    flex:0 0 auto;
  }

  .admin-main {
    padding:var(--space-4);
  }

  .admin-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:479px) {
  .admin-metrics {
    grid-template-columns:1fr;
  }
}