/* Shared marketplace application layer. Brand colors remain in tokens.css. */
html { background: var(--color-canvas); font-family: var(--font-ui); }
body { background: var(--color-canvas); color: var(--color-text); }
.page { width: 100%; margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
.container { width: min(calc(100% - 3rem), var(--container-content)); }
main { padding-block: var(--space-8) var(--space-10); }
h1, h2, h3 { font-family: var(--font-heading); text-transform: none; letter-spacing: -0.025em; }
h1 { font-size: clamp(2rem, 3.4vw, 3.25rem); line-height: 1.12; }
h2 { line-height: 1.25; }
p { line-height: 1.65; }
a { text-underline-offset: 0.2em; }
.eyebrow { color: var(--color-action); font-size: 0.68rem; letter-spacing: 0.14em; }
.site-header { padding: var(--space-5) max(var(--space-6), calc((100vw - var(--container-content)) / 2)); border-bottom: 0; background: var(--color-action-dark); gap: var(--space-5); box-shadow: var(--shadow-soft); }
.site-brand { gap: var(--space-3); }
.site-brand-logo { width: 5rem; max-height: 4rem; }
.site-brand-name { display: grid; gap: 0.1rem; white-space: nowrap; }
.site-brand-name strong { font: 700 1.1rem var(--font-heading); }
.site-brand-name > span { font: 0.6rem var(--font-mono); letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.85; }
.header-links { gap: var(--space-1); margin-left: auto; align-items: center; }
.market-link { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.5rem 0.6rem; border: 0; border-radius: var(--radius-small); background: transparent; color: var(--color-on-action); font: 500 0.82rem var(--font-ui); text-transform: none; letter-spacing: 0; }
.market-link:hover, .market-link[aria-current="page"] { background: color-mix(in srgb, var(--color-on-action) 14%, transparent); color: var(--color-on-action); }
.header-actions { flex-shrink: 0; }
.header-actions > .market-link { display: none; }
.header-create-link { background: var(--color-accent); border-color: var(--color-accent); white-space: nowrap; }
.nav-account { position: relative; }
.nav-account > summary { cursor: pointer; gap: var(--space-2); list-style: none; }
.nav-account > summary::-webkit-details-marker { display: none; }
.nav-account__panel { position: absolute; z-index: 110; top: calc(100% + var(--space-2)); right: 0; width: 14rem; padding: var(--space-2); border: 1px solid var(--color-line); border-radius: var(--radius-small); background: var(--brand-color-white); color: var(--color-text); box-shadow: var(--shadow-card); }
.nav-account__panel a, .nav-account__panel button { display: flex; align-items: center; width: 100%; min-height: 2.75rem; margin: 0; padding: var(--space-2) var(--space-3); border: 0; border-radius: var(--radius-small); background: transparent; color: var(--color-action); font: 500 0.875rem var(--font-ui); text-align: left; text-decoration: none; }
.nav-account__panel a:hover, .nav-account__panel button:hover { background: var(--color-tint); color: var(--color-action-dark); }
.site-header .notification-center { right: var(--space-4); }
.site-header .notification-center > summary { border-radius: var(--radius-small); background: transparent; border-color: color-mix(in srgb, white 25%, transparent); }
button, .button-link, .hero-action { border-radius: var(--radius-small); border: 1px solid var(--color-action); padding: 0.75rem 1.1rem; font: 650 0.9rem var(--font-ui); line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; box-shadow: none; cursor: pointer; }
button:hover, .button-link:hover, .hero-action:hover { background: var(--color-action-dark); color: var(--color-on-action); }
.button-secondary { border-color: var(--color-line); background: var(--brand-color-white); color: var(--color-action); }
.button-secondary:hover { background: var(--color-tint); color: var(--color-action); border-color: var(--color-action); }
button:disabled { cursor: not-allowed; }
input, select, textarea { border-radius: var(--radius-small); accent-color: var(--color-action); }
form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), form select, form textarea { border-color: var(--color-line); background: var(--brand-color-white); padding: 0.75rem; font-family: var(--font-ui); }
label, legend { font-size: 0.9rem; font-weight: 650; }
legend { color: var(--color-action-dark); }
fieldset, .form-disclosure { border-color: var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); }
.help-text { color: var(--color-text-muted); font: 0.86rem/1.65 var(--font-ui); }
.panel, .market-section, .filter-panel, .nationwide-search, .location-finder-page, .management-section, .partners-hero, .advertise-hero { border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); box-shadow: var(--shadow-soft); }
.panel { padding: clamp(var(--space-5), 3vw, var(--space-10)); }
.panel > h1 + p { max-width: 70ch; }
.marketplace-page--accounts main > .panel { max-width: 52rem; }
.marketplace-page--accounts .panel h1 { margin-bottom: var(--space-5); }
.registration-choices { min-width: 0; padding: var(--space-4); }
.registration-choices__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: var(--space-4); }
.registration-choice { min-width: 0; padding: var(--space-4); border: 2px solid var(--color-line); border-radius: var(--radius-card); }
.registration-choice:has(input:checked) { border-color: var(--color-action); background: var(--color-tint); }
.registration-choice:focus-within { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.registration-choice > label { display: flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; cursor: pointer; font-size: 1.1rem; }
.registration-choice p { margin-block: var(--space-3); font-size: 0.9rem; }
.registration-payment-note { margin-top: var(--space-4); padding: var(--space-4); border-radius: var(--radius-small); background: var(--color-tint); font-size: 0.9rem; }
.registration-payment-note p { margin: 0 0 var(--space-3); }
.registration-form #id_password1_helptext ul { display: block; max-height: none; margin: 0; padding-left: var(--space-5); overflow: visible; list-style: disc; }
.registration-form #id_password1_helptext li { display: list-item; min-height: 0; margin-block: var(--space-1); padding: 0; border: 0; background: transparent; }
.management-notice { color: var(--color-text); }
.message, .management-notice { border-radius: var(--radius-small); background: var(--color-tint); font-weight: 500; }
.message--error { background: var(--color-accent-tint); }
.market-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.8fr); gap: clamp(var(--space-8), 5vw, 5rem); align-items: center; padding: clamp(var(--space-6), 5vw, 4.5rem); border: 1px solid var(--color-line); border-radius: var(--radius-large); background: var(--brand-color-white); box-shadow: var(--shadow-soft); }
.market-hero h1 { font-size: clamp(2.4rem, 4.6vw, 4.6rem); max-width: 15ch; margin-block: var(--space-4); }
.market-hero-tagline { font: 650 1rem var(--font-ui); color: var(--color-accent); text-transform: none; letter-spacing: 0; }
.market-hero-lead { font: 1rem/1.8 var(--font-ui); color: var(--color-text-muted); max-width: 54ch; }
.hero-actions { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-top: var(--space-6); }
.hero-actions a { margin-top: 0; }
.market-hero-membership { margin-top: var(--space-4); font: 650 0.95rem/1.6 var(--font-ui); color: var(--color-text); max-width: 54ch; }
.market-hero-browse { margin-top: var(--space-3); font: 0.875rem/1.6 var(--font-ui); color: var(--color-text-muted); }
.market-hero-browse a { color: var(--color-action); }
.market-hero-note { border-radius: var(--radius-card); background: var(--color-tint); padding: var(--space-8); }
.market-hero-note h2 { font-size: 1.8rem; margin-block: var(--space-3) var(--space-6); }
.market-hero-note ol { list-style: none; padding: 0; display: grid; gap: var(--space-5); }
.market-hero-note li { display: flex; gap: var(--space-4); }
.market-hero-note li > span { font: 0.8rem var(--font-mono); color: var(--color-accent); padding-top: 0.3rem; }
.market-hero-note li strong { font-size: 0.9rem; }
.market-hero-note li p { font-size: 0.83rem; color: var(--color-text-muted); margin: var(--space-1) 0 0; }
.market-section, .nationwide-search, .location-finder-page { margin-top: var(--space-6); }
.section-heading { border-bottom: 1px solid var(--color-line); padding-bottom: var(--space-4); margin-bottom: var(--space-5); }
.section-heading h2 { margin: var(--space-2) 0; }
.section-heading p { font-size: 0.88rem; color: var(--color-text-muted); }
.market-tile, .market-result-card { border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); box-shadow: none; }
.market-tile:hover, .market-result-card:hover { background: var(--color-tint); border-color: var(--color-action); }
.market-directory { border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); }
.market-directory > summary { padding: var(--space-5); }
.browse-hero { border: 0; border-radius: var(--radius-card); background: var(--color-action-dark); color: var(--color-on-action); box-shadow: none; padding: var(--space-8); }
.browse-hero h1 { max-width: 24ch; }
.browse-hero .eyebrow, .browse-hero a:not(.button-link), .browse-hero .help-text { color: var(--color-on-action); }
.browse-hero .compact-sponsor { background: var(--brand-color-white); color: var(--color-text); }
.filter-panel { padding: var(--space-5); }
.filter-panel button { border-radius: var(--radius-small); font-family: var(--font-ui); letter-spacing: 0; text-transform: none; }
.filter-chip, .scope-toggle a, .status-label, .county-tag { border-color: var(--color-line); border-radius: var(--radius-small); }
.listing-card { border: 1px solid var(--color-line); border-radius: var(--radius-card); overflow: hidden; background: var(--brand-color-white); box-shadow: none; padding: var(--space-5); gap: var(--space-3); }
.listing-card:hover, .listing-card:focus-within { transform: none; border-color: var(--color-action); box-shadow: var(--shadow-soft); }
.listing-card-image-link, .listing-card-image { border-radius: var(--radius-small); }
.listing-card-image--empty { background: var(--color-tint); color: var(--color-text-muted); border: 1px dashed var(--color-line); font: 0.8rem var(--font-ui); }
.listing-card h3 { font-size: 1.25rem; line-height: 1.35; }
.listing-card h3 a { text-decoration: none; color: var(--color-action-dark); }
.listing-card-label { font: 600 0.66rem/1.5 var(--font-mono); letter-spacing: 0.04em; color: var(--color-text-muted); }
.listing-card-spec { font: 0.83rem/1.55 var(--font-ui); }
.listing-card-price { font: 750 1.5rem var(--font-ui); color: var(--color-action-dark); }
.listing-card-meta { border-top: 1px solid var(--color-line); padding-top: var(--space-3); gap: var(--space-2); }
.listing-card-meta dt { font: 500 0.7rem var(--font-ui); color: var(--color-text-muted); text-transform: none; letter-spacing: 0; }
.listing-card-meta dd { font-size: 0.83rem; }
.listing-detail-section, .listing-gallery, .listing-details, .listing-map { border-color: var(--color-line); border-radius: var(--radius-card); }
.status-label { display: inline-flex; width: fit-content; padding: 0.3rem 0.65rem; font: 650 0.7rem var(--font-ui); letter-spacing: 0; text-transform: none; color: var(--color-action); background: var(--color-tint); }
.status-label::before { content: none; }
.empty-state { padding: var(--space-8); border: 1px dashed var(--color-line); border-radius: var(--radius-card); background: var(--color-tint); color: var(--color-text-muted); text-align: center; }
.seller-dashboard { max-width: var(--container-content); background: transparent; box-shadow: none; border: 0; padding: 0; }
.dashboard-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-4); }
.dashboard-heading > div { max-width: 46rem; }
.dashboard-heading > .button-link { flex-shrink: 0; }
.dashboard-intro { color: var(--color-text-muted); margin-bottom: 0; }
.dashboard-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: var(--space-3); margin-block: var(--space-6); }
.dashboard-status-grid > div { display: flex; flex-direction: column-reverse; justify-content: end; gap: var(--space-2); padding: var(--space-5); border: 1px solid var(--color-line); background: var(--brand-color-white); border-radius: var(--radius-card); }
.dashboard-status-grid dt { font: 550 0.76rem var(--font-ui); color: var(--color-text-muted); }
.dashboard-status-grid dd { margin: 0; font: 700 1.8rem var(--font-ui); color: var(--color-action-dark); font-variant-numeric: tabular-nums; }
.dashboard-create { padding: var(--space-6); border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); }
.dashboard-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: var(--space-3); }
.dashboard-category-grid a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); padding: var(--space-4); border-radius: var(--radius-small); background: var(--color-tint); color: var(--color-action-dark); font-size: 0.88rem; text-decoration: none; font-weight: 600; }
.dashboard-category-grid a:hover { background: var(--color-action); color: var(--color-on-action); }
.dashboard-listing-item { display: flex; gap: var(--space-5); padding: var(--space-5); border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); }
.listing-list { display: grid; gap: var(--space-3); padding: 0; list-style: none; }
.dashboard-listing-content { flex: 1; }
.dashboard-listing-title { text-decoration: none; }
.dashboard-listing-thumbnail { flex-shrink: 0; border: 0; border-radius: var(--radius-small); }
.listing-row-actions { margin-top: var(--space-3); }
.listing-row-actions form { flex: 0 1 auto; }
.listing-row-actions button { background: var(--brand-color-white); color: var(--color-action); border-color: var(--color-line); font-size: 0.8rem; }
.listing-row-actions button:hover { background: var(--color-tint); }
.listing-progress { display: flex; list-style: none; gap: var(--space-4); padding: var(--space-5) 0; margin-block: var(--space-5); border-block: 1px solid var(--color-line); }
.listing-progress li { display: flex; gap: var(--space-2); align-items: center; font-size: 0.8rem; color: var(--color-text-muted); }
.listing-progress li > span { display: grid; place-items: center; flex-shrink: 0; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: var(--color-tint); font-weight: 650; }
.listing-progress [aria-current="step"] { color: var(--color-action-dark); font-weight: 700; }
.listing-progress [aria-current="step"] > span { background: var(--color-action); color: var(--color-on-action); }
.listing-form-panel fieldset { border-color: var(--color-line); }
.listing-form-actions { padding-top: var(--space-5); border-top: 1px solid var(--color-line); }
.management-hero { background: var(--color-action-dark); color: var(--color-on-action); border: 0; border-radius: var(--radius-card); padding: var(--space-8); }
.management-hero .eyebrow { color: var(--color-on-action); }
.management-section { padding: var(--space-6); }
.metric-card { border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--color-tint); box-shadow: none; padding: var(--space-5); }
.metric-card dt { font: 550 0.8rem/1.4 var(--font-ui); text-transform: none; letter-spacing: 0; color: var(--color-text-muted); }
.metric-card dd { color: var(--color-action-dark); font-family: var(--font-ui); font-variant-numeric: tabular-nums; }
.operation-card { border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); box-shadow: none; padding: var(--space-5); text-decoration: none; }
.operation-card strong { font: 650 1rem var(--font-ui); letter-spacing: 0; text-transform: none; }
.operation-card span { font-size: 0.85rem; color: var(--color-text-muted); }
.operation-card span:last-child { color: var(--color-action); font: 650 0.8rem var(--font-ui); letter-spacing: 0; text-transform: none; }
.operation-card .notification-count:last-child { color: var(--color-on-action); margin-top: 0; }
.operation-card:hover { border-color: var(--color-action); background: var(--color-tint); }
.panel > article { padding-block: var(--space-5); border-bottom: 1px solid var(--color-line); }
.panel > article h2 { font-size: 1.25rem; }
th, td { border-color: var(--color-line); padding: var(--space-3); }
th { background: var(--color-tint); color: var(--color-action-dark); font-family: var(--font-ui); font-size: 0.75rem; letter-spacing: 0; }
.ad-slot { max-width: var(--container-content); margin: var(--space-8) auto; border-color: var(--color-line); }
.ad-slot__label, .compact-sponsor__label { color: var(--color-text-muted); font-size: 0.62rem; }
.ad-slot__creative { border-color: var(--color-line); background: var(--brand-color-white); border-radius: var(--radius-small); overflow: hidden; }
.ad-slot__control { color: var(--color-action); background: var(--brand-color-white); border-color: var(--color-line); flex-shrink: 0; }
.ad-slot__control:hover { color: var(--color-on-action); }
.ad-video { padding: var(--space-3); }
.ad-video__media { aspect-ratio: 16/9; }
.ad-video__media button { display: block; position: relative; padding: 0; width: 100%; height: 100%; border: 0; overflow: hidden; }
.ad-video__media button img, .ad-video__media iframe { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; }
.ad-video__media button span { position: absolute; bottom: 0; left: 0; padding: var(--space-2); background: var(--color-action-dark); color: var(--color-on-action); font-size: 0.75rem; }
.ad-video p { font-size: 0.85rem; font-weight: 650; margin: var(--space-2) 0; }
.ad-video > a, .ad-video > button { font-size: 0.72rem; }
.compact-sponsor { border-color: var(--color-line); border-radius: var(--radius-small); }
.partner-card { border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); padding: var(--space-5); box-shadow: none; }
.partner-coverage { font-size: 0.75rem; color: var(--color-text-muted); }
.site-footer { margin-top: var(--space-10); padding: var(--space-8) var(--space-5); background: var(--color-action-dark); border: 0; color: var(--color-on-action); font: 0.8rem var(--font-ui); letter-spacing: 0; gap: var(--space-3); }
.site-footer a { color: var(--color-on-action); }
.footer-logo { width: 7rem; margin-bottom: var(--space-3); }
.site-footer nav a { padding: var(--space-2); }

/* A slim strip stays above the header and leaves the page usable. */
.analytics-choices { position: sticky; z-index: 90; top: 0; width: 100%; max-height: 50dvh; overflow: auto; padding: var(--space-1) var(--space-4); border-bottom: 1px solid var(--color-line); background: var(--brand-color-white); color: var(--color-text); font: 0.8125rem/1.4 var(--font-ui); text-align: left; }
.analytics-choices:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-1) var(--space-4); }
.analytics-choices p { margin: 0; }
.analytics-choices a { color: var(--color-action); text-decoration: underline; }
.analytics-choices__actions { display: flex; gap: var(--space-2); }
.analytics-choices__actions button { margin: 0; min-height: 2.75rem; padding: var(--space-1) var(--space-3); font-size: inherit; line-height: 1.2; }
.staging-banner { padding: var(--space-2); font: 0.72rem/1.5 var(--font-ui); text-align: center; }
@media (max-width: 75rem) {
  .site-brand-name { display: none; }
  .header-links .market-link { font-size: 0.76rem; padding-inline: 0.45rem; }
}
@media (max-width: 56rem) {
  .site-header { padding: var(--space-4); gap: var(--space-3); }
  .site-brand-logo { width: 4.5rem; max-height: 3rem; }
  .nav-toggle { border: 1px solid color-mix(in srgb, white 35%, transparent); background: transparent; border-radius: var(--radius-small); font-family: var(--font-ui); letter-spacing: 0; text-transform: none; }
  .header-links { background: var(--color-action-dark); margin: 0; padding: var(--space-3); }
  .nav-account__panel { position: static; width: 100%; margin-top: var(--space-2); box-shadow: none; }
  .header-links .market-link { font-size: 0.95rem; }
  .market-hero { grid-template-columns: 1fr; }
  .market-hero h1 { max-width: 22ch; }
  .market-hero-note { padding: var(--space-5); }
  .market-hero-note h2 { font-size: 1.5rem; }
  .market-hero-note ol { grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
  .market-hero-note li { display: block; }
  .market-hero-note li > span { display: block; margin-bottom: var(--space-2); }
}
@media (max-width: 40rem) {
  .container { width: calc(100% - 1.5rem); }
  main { padding-top: var(--space-5); }
  .market-hero { padding: var(--space-6); gap: var(--space-6); }
  .market-hero-note ol { grid-template-columns: 1fr; }
  .market-hero-note li { display: flex; }
  .market-hero h1 { font-size: 2.4rem; }
  .dashboard-heading { align-items: stretch; flex-direction: column; }
  .dashboard-heading > .button-link { text-align: center; }
  .dashboard-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
  .dashboard-status-grid > div { padding: var(--space-3); }
  .dashboard-status-grid dd { font-size: 1.5rem; }
  .dashboard-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-create { padding: var(--space-5); }
  .dashboard-listing-item { gap: var(--space-3); padding: var(--space-4); }
  .listing-progress { flex-direction: column; gap: var(--space-3); }
  .listing-row-actions form { flex: 1 1 auto; }
  .management-hero { padding: var(--space-6); }
  .ad-slot { margin-inline: var(--space-3); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

[hidden] { display: none !important; }

.dashboard-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-block: var(--space-6) var(--space-3); }
.dashboard-overview > div { padding: var(--space-6); border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--brand-color-white); }
.dashboard-overview > div:first-child { background: var(--color-action-dark); color: var(--color-on-action); border-color: var(--color-action-dark); }
.dashboard-overview dt { font-size: 0.85rem; font-weight: 650; }
.dashboard-overview dd { font: 700 2.6rem var(--font-ui); margin: var(--space-3) 0; font-variant-numeric: tabular-nums; }
.dashboard-overview dd span { display: block; margin-top: var(--space-3); font: 400 0.75rem var(--font-ui); opacity: 0.8; }
.dashboard-all-statuses > summary { cursor: pointer; padding: var(--space-2); color: var(--color-action); font-size: 0.85rem; }
.queue-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: var(--space-4); align-items: end; padding: var(--space-5); background: var(--color-tint); border-radius: var(--radius-card); margin-block: var(--space-6); }
.queue-filters label { display: grid; gap: var(--space-2); }
.queue-case { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); }
.queue-case h2 a { text-decoration: none; }
@media (max-width: 56rem) { .dashboard-overview, .queue-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 40rem) { .dashboard-overview { gap: var(--space-2); } .dashboard-overview > div { padding: var(--space-4); } .queue-filters { grid-template-columns: 1fr; } .queue-case { align-items: start; flex-direction: column; } }

.listing-list > .dashboard-listing-item { border: 1px solid var(--color-line); }
.section-heading h2, .filter-panel h2, .market-finder h2 { text-transform: none; letter-spacing: -0.025em; }
.market-finder { border: 0; border-radius: var(--radius-card); background: var(--color-accent); }
.form-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .form-field select, .form-field textarea { border-radius: var(--radius-small); border-color: var(--color-line); }
@media (max-width: 40rem) { .ad-slot { width: calc(100% - 1.5rem); } }

/* Staff review context remains keyboard accessible without JavaScript. */
.review-context { margin-block: var(--space-4); padding: var(--space-4); background: var(--color-tint); border-radius: var(--radius-card); }
.review-context summary { cursor: pointer; font-weight: 700; padding-block: var(--space-2); }
.review-context li { margin-block: var(--space-3); overflow-wrap: anywhere; }