/* Generated by tools/build-public-css-bundle.php. Source manifest SHA-256: 2d044eb156c27f2efc420908abf7204ba783452a9a8cd1d52b88f254ee27911f. */

/* A2 source: assets/css/styles.v90.css */
:root {
  --ink: #211914;
  --muted: #62584f;
  --paper: #fff9f0;
  --white: #fff;
  --line: #eadac6;
  --soft: #f8ead6;
  --red: #9d0d11;
  --orange: #ee8036;
  --gold: #d9b425;
  --sage: #84996c;
  --green: #168a43;
  --shadow: 0 18px 42px rgba(61, 35, 18, .10);
  --shadow-soft: 0 10px 26px rgba(61, 35, 18, .07);
  --shadow-strong: 0 24px 64px rgba(61, 35, 18, .16);
  --radius: 8px;
  --touch: 46px;
}

/* Homepage v90: merged trust flow, navigation icons, mobile no-cut layout */
.site-nav {
  align-items: center;
  gap: clamp(6px, 1vw, 14px);
}

.site-nav a.nav-icon-link,
.site-nav .nav-icon-link {
  display: inline-grid;
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: center;
  gap: 3px;
  min-width: 58px;
  min-height: 58px;
  padding: 7px 9px;
  text-align: center;
  line-height: 1.05;
}

.site-nav .nav-auth-link {
  min-width: 72px;
}

.nav-link-icon,
.footer-link-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: currentColor;
}

.nav-link-icon .ui-icon-svg {
  width: 20px;
  height: 20px;
}

.site-nav .button.small.nav-icon-link {
  border-radius: 10px;
}

.site-footer h3 {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 2px;
}

.site-footer a {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.footer-link-icon .ui-icon-svg {
  width: 17px;
  height: 17px;
}

.mobile-app-icon .ui-icon-svg {
  width: 17px;
  height: 17px;
}

.home-confidence-section {
  background: linear-gradient(180deg, rgba(255, 248, 238, .72), rgba(255, 251, 245, .94));
}

.home-confidence-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  width: min(100%, 1260px);
  gap: 10px;
}

.home-confidence-grid .trust-detail-card {
  min-height: 148px;
}

.home-confidence-grid .trust-main {
  min-height: 100px;
  padding: 18px 8px 8px;
}

.home-confidence-grid .trust-main strong {
  font-size: .94rem;
}

.home-confidence-grid .trust-symbol {
  width: 42px;
  height: 42px;
  border-radius: 15px;
}

.home-confidence-grid .trust-symbol .task-icon-svg {
  width: 21px;
  height: 21px;
}

.testimonial-shell {
  width: min(100%, 760px) !important;
}

.testimonial-carousel {
  min-height: 214px;
  padding: 24px 22px;
}

.testimonial-slide p {
  max-width: 560px;
  margin-inline: auto;
  font-size: clamp(1rem, 2vw, 1.28rem);
  line-height: 1.25;
}

.home-testimonial-section .section-head h2 {
  max-width: 720px;
}

.faq-tab-buttons button:nth-child(1) {
  background: #9d0d11;
  color: #fff;
  border-color: #9d0d11;
}

.faq-tab-buttons button:nth-child(2) {
  background: #241812;
  color: #fff;
  border-color: #241812;
}

.faq-tab-buttons button.is-active {
  box-shadow: 0 10px 22px rgba(157, 13, 17, .2);
}

@media (max-width: 900px) {
  .site-nav.open a.nav-icon-link,
  .site-nav.open .nav-icon-link {
    grid-template-columns: 28px 1fr;
    grid-template-rows: auto;
    justify-items: start;
    min-height: 46px;
    min-width: 0;
    gap: 10px;
  }

  .site-nav.open .nav-link-icon .ui-icon-svg {
    width: 19px;
    height: 19px;
  }
}

@media (max-width: 640px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .section,
  .section.muted,
  .home-confidence-section,
  .customer-task-section,
  .home-testimonial-section,
  .home-faq-section {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .home-hero-v4 .hero-copy,
  .customer-search-box,
  .hero-popular-searches,
  .customer-hero-actions,
  .compact-feature-section .section-head,
  .feature-rail-shell,
  .home-confidence-grid,
  .customer-task-grid-v2,
  .testimonial-shell,
  .faq-tab-shell {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .home-hero-v4 .eyebrow {
    white-space: nowrap;
    font-size: clamp(.42rem, 2.45vw, .58rem);
  }

  .home-hero-v4 h1 {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    font-size: clamp(1.03rem, 4.6vw, 1.24rem) !important;
    line-height: 1.12 !important;
  }

  .customer-search-box {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.1fr) minmax(0, .92fr) !important;
    gap: 4px !important;
    padding: 7px !important;
  }

  .customer-search-box label span {
    font-size: .44rem;
  }

  .customer-search-box select,
  .customer-search-box input {
    min-height: 32px;
    padding: 5px 6px;
    font-size: .5rem;
  }

  .customer-search-box .button {
    min-height: 38px;
    font-size: .55rem;
  }

  .customer-search-box .location-button {
    font-size: .5rem;
  }

  .hero-popular-searches {
    display: grid !important;
    grid-template-columns: .58fr repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    align-items: stretch;
  }

  .hero-popular-searches strong {
    display: grid !important;
    place-items: center;
    min-width: 0;
    padding: 4px 1px;
    font-size: .42rem !important;
    line-height: 1;
    text-align: center;
  }

  .hero-popular-searches a {
    display: grid;
    place-items: center;
    min-width: 0;
    padding: 5px 2px !important;
    font-size: .42rem !important;
    line-height: 1.04;
    text-align: center;
    white-space: normal;
  }

  .customer-hero-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .customer-hero-actions .button {
    min-width: 0;
    width: 100%;
    padding: 7px 3px !important;
    font-size: .47rem !important;
    line-height: 1.05;
    white-space: normal;
    text-align: center;
  }

  .customer-hero-actions .wide-label {
    display: inline !important;
  }

  .customer-hero-actions .compact-label {
    display: none !important;
  }

  .feature-rail-shell {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 18px;
    gap: 2px;
    align-items: center;
  }

  .rail-button {
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: .65rem;
    padding: 0;
    z-index: 2;
  }

  .compact-feature-list {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 9px) / 4) !important;
    grid-template-columns: none !important;
    gap: 3px !important;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .compact-feature-list::-webkit-scrollbar {
    display: none;
  }

  .compact-profile-card {
    min-width: 0;
    min-height: 111px !important;
    padding: 5px 2px !important;
    gap: 2px !important;
    border-radius: 7px;
    scroll-snap-align: start;
  }

  .compact-profile-card img {
    width: 24px !important;
    height: 24px !important;
  }

  .compact-profile-card strong {
    font-size: .45rem !important;
    line-height: 1.04 !important;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .39rem !important;
    line-height: 1.04 !important;
  }

  .compact-profile-card a {
    padding: 4px 5px !important;
    font-size: .42rem !important;
    line-height: 1;
  }

  .home-confidence-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }

  .home-confidence-grid .trust-detail-card {
    min-height: 91px !important;
    border-top-width: 2px;
    border-radius: 7px;
  }

  .home-confidence-grid .trust-main {
    min-height: 58px !important;
    padding: 6px 2px 3px !important;
    gap: 3px;
  }

  .home-confidence-grid .trust-symbol {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
  }

  .home-confidence-grid .trust-symbol .task-icon-svg {
    width: 12px !important;
    height: 12px !important;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .38rem !important;
    line-height: 1.02 !important;
    letter-spacing: 0;
  }

  .trust-detail-card summary {
    min-height: 26px !important;
    padding: 2px !important;
  }

  .home-confidence-grid .detail-toggle-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .trust-detail-card p {
    padding: 0 3px 5px !important;
    font-size: .42rem !important;
    line-height: 1.1 !important;
  }

  .customer-task-grid-v2 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .task-detail-card {
    border-radius: 8px;
  }

  .task-main-action {
    min-height: 76px !important;
    padding: 7px 3px 5px !important;
    gap: 4px;
  }

  .task-symbol {
    width: 28px !important;
    height: 28px !important;
  }

  .task-symbol .task-icon-svg {
    width: 15px !important;
    height: 15px !important;
  }

  .task-main-action strong {
    font-size: .46rem !important;
    line-height: 1.04 !important;
    letter-spacing: 0;
  }

  .task-detail-card summary {
    min-height: 30px;
    padding: 4px 2px;
  }

  .task-detail-card p {
    padding: 0 5px 7px;
    font-size: .5rem;
    line-height: 1.14;
  }

  .home-testimonial-section .section-head h2 {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    font-size: clamp(1.04rem, 5vw, 1.28rem);
  }

  .testimonial-shell {
    overflow: hidden !important;
  }

  .testimonial-carousel {
    width: 100%;
    min-height: 156px !important;
    padding: 13px 10px !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .testimonial-slide p {
    max-width: 100%;
    font-size: .78rem !important;
    line-height: 1.22 !important;
  }

  .testimonial-slide strong,
  .testimonial-slide span {
    font-size: .76rem !important;
  }

  .write-review-button {
    padding: 9px 14px !important;
    font-size: .82rem !important;
  }

  .faq-tab-buttons {
    width: min(100%, 260px) !important;
  }

  .faq-tab-buttons button {
    min-height: 42px;
    color: #fff !important;
  }

  .site-footer {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    gap: 24px;
  }

  .site-footer .footer-grid > div {
    display: grid;
    justify-items: center;
    width: 100%;
  }

  .site-footer a {
    justify-content: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  .site-footer h3 {
    margin-bottom: 8px;
  }

  .mobile-app-nav {
    overflow: visible;
  }

  .mobile-app-icon {
    font-size: 0 !important;
  }
}

@media (max-width: 340px) {
  .customer-search-box {
    padding: 6px !important;
  }

  .hero-popular-searches a,
  .hero-popular-searches strong {
    font-size: .38rem !important;
  }

  .customer-hero-actions .button {
    font-size: .42rem !important;
  }

  .compact-profile-card strong {
    font-size: .4rem !important;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .35rem !important;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .34rem !important;
  }

  .task-main-action strong {
    font-size: .41rem !important;
  }
}

@media (max-width: 640px) {
  .home-hero-v4 .hero-copy,
  .customer-search-box,
  .hero-popular-searches,
  .customer-hero-actions,
  .compact-feature-section .section-head,
  .feature-rail-shell,
  .home-confidence-grid,
  .customer-task-grid-v2,
  .testimonial-shell,
  .faq-tab-shell {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
  }

  .home-hero-v4 h1,
  .home-testimonial-section .section-head h2 {
    width: calc(100vw - 42px) !important;
    max-width: calc(100vw - 42px) !important;
  }

  .hero-popular-searches a,
  .hero-popular-searches strong {
    font-size: .39rem !important;
  }

  .customer-hero-actions .button {
    font-size: .42rem !important;
  }

  .compact-profile-card strong {
    font-size: .39rem !important;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .34rem !important;
  }

  .compact-profile-card a {
    font-size: .36rem !important;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .32rem !important;
  }

  .task-main-action strong {
    font-size: .39rem !important;
  }
}

@media (max-width: 640px) {
  .home-hero-v4 .hero-copy,
  .customer-search-box,
  .hero-popular-searches,
  .customer-hero-actions,
  .compact-feature-section .section-head,
  .feature-rail-shell,
  .home-confidence-grid,
  .customer-task-grid-v2,
  .testimonial-shell,
  .faq-tab-shell {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
  }

  .home-hero-v4 h1,
  .home-testimonial-section .section-head h2 {
    width: calc(100vw - 42px) !important;
    max-width: calc(100vw - 42px) !important;
  }

  .hero-popular-searches a,
  .hero-popular-searches strong {
    font-size: .39rem !important;
  }

  .customer-hero-actions .button {
    font-size: .42rem !important;
  }

  .compact-profile-card strong {
    font-size: .39rem !important;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .34rem !important;
  }

  .compact-profile-card a {
    font-size: .36rem !important;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .32rem !important;
  }

  .task-main-action strong {
    font-size: .39rem !important;
  }
}

* { box-sizing: border-box; min-width: 0; }
html { scroll-behavior: smooth; max-width: 100%; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 0%, rgba(238, 128, 54, .08), transparent 32rem),
    linear-gradient(180deg, #fffaf2 0%, var(--paper) 38%, #fff6e7 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.55;
  max-width: 100%;
  overflow-x: hidden;
}
a { color: var(--red); text-underline-offset: 3px; }
img { max-width: 100%; height: auto; display: block; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: rgba(157, 13, 17, .12); }
.app-main {
  min-height: 68vh;
}
@supports (content-visibility: auto) {
  .app-main > .section {
    content-visibility: auto;
    contain-intrinsic-size: 1px 720px;
  }
}
.hero-copy {
  min-width: 0;
  max-width: 100%;
}
.hero-copy > * {
  max-width: 100%;
}

.reveal-on-scroll {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px clamp(16px, 4vw, 48px);
  background: rgba(255, 249, 240, .94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px);
  transition: box-shadow .2s ease, background .2s ease, transform .2s ease;
}
.site-header.is-scrolled {
  background: rgba(255, 249, 240, .98);
  box-shadow: 0 12px 30px rgba(61, 35, 18, .08);
}
.brand img { width: min(236px, 50vw); }
.brand img,
.footer-logo,
.receipt-logo {
  aspect-ratio: 3 / 1;
  object-fit: contain;
}
.site-nav { display: flex; align-items: center; gap: 12px; }
.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  border-radius: 999px;
  padding: 8px 10px;
  text-decoration: none;
  color: var(--ink);
  font-weight: 850;
  font-size: .94rem;
}
.site-nav a:hover,
.site-nav a.is-active {
  background: #fff0df;
  color: var(--red);
}
.site-nav .button.small {
  border-radius: var(--radius);
  padding-left: 14px;
  padding-right: 14px;
}
.nav-toggle { display: none; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  padding: 11px 18px;
  background: var(--red);
  color: var(--white);
  text-decoration: none;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(157, 13, 17, .18);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 28px rgba(157, 13, 17, .22);
}
.button.ghost:hover {
  box-shadow: var(--shadow-soft);
}
.button.ghost { background: var(--white); color: var(--red); border: 1px solid var(--line); box-shadow: none; }
.button.whatsapp { background: #128c4a; }
.button.small { min-height: 36px; padding: 8px 12px; font-size: .88rem; }
.button.tiny { min-height: 30px; padding: 5px 10px; font-size: .8rem; }
.button.is-loading { opacity: .82; pointer-events: none; }
.button.is-saved, .shortlist-action.is-saved {
  background: #2f6f48;
  border-color: #2f6f48;
  color: var(--white);
}
.button[disabled] {
  cursor: not-allowed;
  opacity: .66;
  box-shadow: none;
}

.hero, .page-hero, .profile-hero {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 0 auto;
}
.hero {
  min-height: 78vh;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 40px;
  align-items: center;
  padding: 58px 0 38px;
}
.hero h1, .page-hero h1, .profile-hero h1 {
  margin: 0;
  max-width: 860px;
  font-size: 4.65rem;
  line-height: 1.05;
  letter-spacing: 0;
}
.hero h1 span { display: inline; }
.hero p, .page-hero p, .profile-hero p { color: var(--muted); font-size: 1.08rem; max-width: 760px; }
.eyebrow {
  margin: 0 0 10px;
  color: var(--red);
  font-size: .78rem;
  text-transform: uppercase;
  font-weight: 950;
  letter-spacing: 0;
}
.hero-panel {
  min-height: 420px;
  border-radius: 8px;
  padding: 22px;
  display: grid;
  align-content: end;
  gap: 12px;
  background:
    linear-gradient(150deg, rgba(65, 23, 18, .36), rgba(33, 25, 20, .72)),
    url("../img/premium/homepage-hero.webp") center/cover;
  box-shadow: var(--shadow);
}
.hero-carousel {
  position: relative;
  min-height: 460px;
  aspect-ratio: 4 / 5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow);
  background: var(--ink);
  isolation: isolate;
}
.hero-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: scale(1.018);
  transition: opacity .7s ease, transform 6s ease;
  pointer-events: none;
}
.hero-slide.is-active {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  z-index: 1;
}
.hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(33, 25, 20, .05), rgba(33, 25, 20, .74));
}
.hero-slide picture,
.hero-slide .media-video-shell,
.hero-slide img,
.hero-slide video { width: 100%; height: 100%; }
.hero-slide picture,
.hero-slide .media-video-shell { display: block; }
.hero-slide img,
.hero-slide video { object-fit: cover; }
.hero-slide figcaption {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 1;
  display: grid;
  gap: 8px;
  color: var(--white);
}
.hero-slide figcaption span {
  width: fit-content;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(157, 13, 17, .92);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
}
.hero-slide figcaption strong {
  max-width: 520px;
  font-size: 1.35rem;
  line-height: 1.25;
}
.hero-carousel-dots {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 18px;
  display: flex;
  gap: 8px;
}
.hero-carousel-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 999px;
  background: rgba(255, 255, 255, .42);
  cursor: pointer;
}
.hero-carousel-dots button.is-active {
  width: 26px;
  background: var(--white);
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .hero-slide { transition: none; transform: none; }
}
.media-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.media-card {
  min-height: 250px;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.media-card picture,
.media-card .media-video-shell,
.media-card img,
.media-card video { width: 100%; height: 100%; }
.media-card picture,
.media-card .media-video-shell { display: block; }
.media-card img,
.media-card video { object-fit: cover; }
.media-card span {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 9px 11px;
  border-radius: 8px;
  background: rgba(33, 25, 20, .78);
  color: var(--white);
  font-weight: 900;
}
.journey-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.journey-card {
  display: grid;
  grid-template-rows: 190px 1fr;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 12px 30px rgba(61, 35, 18, .07);
}
.journey-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.journey-card div {
  display: grid;
  gap: 8px;
  padding: 18px;
}
.journey-card span {
  color: var(--red);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
}
.journey-card strong { font-size: 1.1rem; }
.journey-card p {
  margin: 0;
  color: var(--muted);
}
.journey-card a {
  margin-top: 4px;
  font-weight: 900;
  text-decoration: none;
}
.market-snapshot,
.plan-recommender {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.market-snapshot a,
.plan-recommender article {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 136px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: var(--white);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.market-snapshot a:hover,
.plan-recommender article:hover {
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow);
}
.market-snapshot span,
.plan-recommender span {
  width: fit-content;
  border-radius: 999px;
  padding: 5px 9px;
  background: #eef5e9;
  color: #3b5d29;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
}
.market-snapshot strong,
.plan-recommender strong {
  font-size: 1.05rem;
  line-height: 1.3;
}
.market-snapshot small,
.plan-recommender small {
  color: var(--muted);
  font-weight: 750;
}
.plan-recommender a {
  margin-top: auto;
  color: var(--red);
  font-weight: 950;
  text-decoration: none;
}
.customer-start-section {
  padding-top: 30px;
}
.app-entry-section {
  padding-top: 28px;
}
.hero-assurance-row,
.popular-intent-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.hero-assurance-row span,
.popular-intent-strip a,
.popular-intent-strip strong {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 11px;
  background: rgba(255, 255, 255, .78);
  color: var(--ink);
  font-size: .82rem;
  font-weight: 900;
  text-decoration: none;
}
.popular-intent-strip strong {
  border-color: transparent;
  background: transparent;
  color: var(--red);
  padding-left: 0;
}
.app-task-rail,
.pricing-decision-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.app-task-card,
.pricing-decision-strip article {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: var(--white);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.app-task-card::after,
.pricing-decision-strip article::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -30px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(218, 111, 35, .12);
}
.app-task-card:hover {
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow);
}
.app-task-card span,
.pricing-decision-strip span {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: #fff1df;
  color: var(--red);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
}
.app-task-card strong,
.pricing-decision-strip strong {
  position: relative;
  z-index: 1;
  font-size: 1.16rem;
  line-height: 1.25;
}
.app-task-card small,
.pricing-decision-strip small {
  position: relative;
  z-index: 1;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}
.app-task-card em {
  position: relative;
  z-index: 1;
  margin-top: auto;
  color: var(--red);
  font-style: normal;
  font-weight: 950;
}
.customer-path-grid,
.lead-next-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.customer-path-card,
.lead-next-steps article,
.fast-lane,
.form-promise {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.customer-path-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 184px;
  padding: 18px;
  color: var(--ink);
  text-decoration: none;
}
.customer-path-card:hover {
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow);
}
.customer-path-card.highlighted {
  border-color: rgba(157, 13, 17, .34);
  background: linear-gradient(180deg, #fff, #fff6ea);
}
.customer-path-card span,
.lead-next-steps span {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: #eef5e9;
  color: #3b5d29;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
}
.customer-path-card strong {
  font-size: 1.15rem;
  line-height: 1.3;
}
.customer-path-card small,
.lead-next-steps small {
  color: var(--muted);
  font-weight: 750;
}
.fast-lane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 20px;
}
.fast-lane h2 {
  margin: 8px 0;
  font-size: clamp(1.45rem, 2.6vw, 2rem);
}
.fast-lane p {
  margin: 0;
  max-width: 820px;
  color: var(--muted);
}
.fast-lane-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.mobile-search-coach {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.mobile-search-coach article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, .82);
}
.mobile-search-coach span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
}
.mobile-search-coach strong {
  align-self: center;
  font-size: .96rem;
}
.mobile-search-coach small {
  grid-column: 2;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.42;
}
.lead-next-steps article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 16px;
}
.lead-next-steps span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  background: var(--red);
  color: var(--white);
}
.lead-next-steps strong {
  font-size: 1.05rem;
  line-height: 1.3;
}
.form-promise {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  background: #fffaf3;
}
.form-promise strong {
  color: var(--ink);
}
.form-promise span {
  color: var(--muted);
  font-weight: 750;
}
.request-form-shell {
  padding-top: 42px;
}
.request-form-shell > .split {
  align-items: start;
}
.request-app-panel {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff6ea 100%);
}
.request-type-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.request-type-card,
.request-template-card {
  display: grid;
  gap: 5px;
  min-height: 86px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--white);
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.request-type-card strong,
.request-template-card strong {
  font-size: .92rem;
  line-height: 1.2;
}
.request-type-card small,
.request-template-card span {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.3;
}
.request-type-card.is-active {
  border-color: var(--red);
  background: #fff2e3;
  box-shadow: 0 10px 20px rgba(157, 13, 17, .09);
}
.request-quality-panel {
  margin: 0;
}
.request-booking-stepper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  padding: 10px;
  background: #fffaf3;
}
.request-booking-stepper article {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
  min-height: 82px;
  border: 1px solid rgba(61, 37, 26, .08);
  border-radius: 8px;
  padding: 10px;
  background: rgba(255, 255, 255, .88);
}
.request-booking-stepper span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-size: .82rem;
  font-weight: 950;
}
.request-booking-stepper strong {
  color: var(--ink);
  font-size: .92rem;
  line-height: 1.15;
}
.request-booking-stepper small {
  color: var(--muted);
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.25;
}
.request-booking-stepper > i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--red), #d8a84f);
  transition: width .2s ease;
}
.request-step-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}
.request-step-label span {
  border-radius: 999px;
  padding: 6px 10px;
  background: #fff2df;
  color: var(--red);
  font-size: .78rem;
  font-weight: 950;
}
.request-step-label strong {
  color: var(--ink);
}
.request-summary-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff4e5 100%);
}
.request-summary-card h3 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}
.request-summary-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}
.request-summary-card dl div {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 8px;
  align-items: start;
  border-bottom: 1px solid rgba(61, 37, 26, .08);
  padding-bottom: 8px;
}
.request-summary-card dt {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 900;
  text-transform: uppercase;
}
.request-summary-card dd {
  margin: 0;
  color: var(--ink);
  font-weight: 900;
}
.request-summary-card p {
  margin: 0;
  color: var(--muted);
  font-weight: 800;
}
.request-tracking-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.request-tracking-card {
  display: grid;
  gap: 8px;
}
.request-tracking-card strong {
  color: var(--red);
  font-size: 1.02rem;
}
.request-tracking-card span {
  color: var(--muted);
  font-weight: 800;
}
.request-match-strip,
.request-mini-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.request-match-strip span,
.request-mini-timeline span,
.badge.ghost {
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 999px;
  padding: 6px 10px;
  background: #fff8ef;
  color: var(--red);
  font-size: .78rem;
  font-weight: 950;
}
.request-mini-timeline span {
  color: var(--muted);
  background: var(--white);
}
.request-mini-timeline span.is-done {
  color: #136a3a;
  border-color: rgba(19, 106, 58, .24);
  background: #effaf2;
}
.request-mini-timeline span.is-active {
  color: var(--red);
  border-color: rgba(157, 13, 17, .24);
  background: #fff2df;
}
.customer-request-card {
  display: grid;
  gap: 8px;
}
.request-template-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.request-template-card {
  min-height: 78px;
}
.request-template-card span {
  color: var(--red);
  font-weight: 950;
}
.provider-response-guide {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  align-items: stretch;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff4e5 100%);
}
.provider-response-guide h4 {
  margin: 8px 0 6px;
  font-size: 1.05rem;
  line-height: 1.25;
}
.provider-response-guide p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
}
.response-check-grid,
.provider-response-template-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.response-check-grid span {
  display: grid;
  place-items: center;
  min-height: 44px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  background: var(--white);
  color: var(--red);
  font-size: .8rem;
  font-weight: 950;
  text-align: center;
}
.provider-response-template-card {
  display: grid;
  gap: 5px;
  min-height: 78px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--white);
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.provider-response-template-card:hover {
  border-color: var(--red);
  background: #fff8ef;
}
.provider-response-template-card strong {
  font-size: .92rem;
  line-height: 1.2;
}
.provider-response-template-card span {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.3;
}
.response-quality-panel {
  margin: 0;
}
.request-helper-panel {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 12px;
}
.request-helper-panel h2 {
  margin: 0;
}
.request-helper-panel p {
  margin: 0;
  color: var(--muted);
}
.conversion-band {
  align-items: stretch;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.conversion-steps {
  display: grid;
  gap: 12px;
}
.conversion-steps article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--white);
}
.conversion-steps span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
}
.conversion-steps strong {
  font-size: 1.02rem;
}
.conversion-steps small {
  color: var(--muted);
  font-weight: 750;
}
.visual-band {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) 1.15fr;
  gap: 26px;
  align-items: center;
}
.visual-card {
  min-height: 360px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow);
  background: var(--soft);
}
.visual-card picture,
.visual-card .media-video-shell,
.visual-card img,
.visual-card video {
  width: 100%;
  height: 100%;
}
.visual-card picture,
.visual-card .media-video-shell {
  display: block;
}
.visual-card img,
.visual-card video {
  min-height: 360px;
  object-fit: cover;
}
.visual-card figcaption {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(33, 25, 20, .82);
  color: var(--white);
  font-weight: 900;
}
.inline-trust {
  justify-content: flex-start;
  margin-top: 18px;
}
.avatar.image-avatar { overflow: hidden; background: var(--soft); }
.avatar.image-avatar img { width: 100%; height: 100%; object-fit: cover; }
.stat {
  display: block;
  width: fit-content;
  border-radius: 999px;
  padding: 9px 13px;
  background: rgba(255, 255, 255, .92);
  color: var(--ink);
  font-weight: 900;
}
.hero-search {
  display: grid;
  grid-template-columns: 1fr 220px auto;
  gap: 10px;
  margin: 24px 0 18px;
  max-width: 780px;
}
.hero-search-advanced {
  grid-template-columns: 170px 1fr 200px auto;
  max-width: 900px;
}
.hero-search.compact { grid-template-columns: 1fr 180px 150px auto; }
.hero-search.discovery-search {
  grid-template-columns: minmax(180px, 1.25fr) minmax(140px, .8fr) repeat(3, minmax(132px, .78fr)) auto;
  max-width: 1080px;
}
.hero-search.product-search {
  grid-template-columns: minmax(180px, 1.25fr) minmax(130px, .75fr) repeat(4, minmax(128px, .72fr)) auto;
  max-width: 1180px;
}
.hero-search.gallery-search {
  grid-template-columns: minmax(220px, 1fr) 180px auto;
  max-width: 760px;
}
.hero-search input, .hero-search select, .form-card input, .form-card textarea, .form-card select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--white);
  color: var(--ink);
  font: inherit;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: -2px 0 18px;
  color: var(--muted);
}
.filter-summary span, .filter-summary strong, .filter-summary a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 5px 10px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: .82rem;
  font-weight: 900;
  text-decoration: none;
}
.filter-summary strong {
  background: #fff4e4;
  color: var(--red);
}

.section {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px 0;
}
.section.muted { width: 100%; max-width: none; padding-left: max(16px, calc((100% - 1180px) / 2)); padding-right: max(16px, calc((100% - 1180px) / 2)); background: #fff2df; }
.compact-section { padding-top: 18px; padding-bottom: 24px; }
.section-head { margin-bottom: 24px; }
.section h2, .page-hero h1, .profile-hero h1 { color: var(--ink); }
.section h2 { margin: 0; font-size: 2.65rem; line-height: 1.12; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.cards, .role-grid, .pricing-grid, .gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.role-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.role-card, .panel, .profile-card, .product-card, .pricing-card, .form-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.role-card { text-decoration: none; color: var(--ink); min-height: 156px; }
.role-card strong { display: block; margin-bottom: 9px; font-size: 1.06rem; }
.role-card span, .panel p, .profile-card p, .product-card p, .pricing-card p { color: var(--muted); }
.profile-card,
.product-card,
.pricing-card {
  display: grid;
  align-content: start;
}
.profile-card .card-actions,
.product-card .card-actions,
.pricing-card .button {
  margin-top: auto;
}
.avatar {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--red), var(--orange));
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 950;
  margin-bottom: 14px;
}
.avatar.image-avatar {
  overflow: hidden;
}
.avatar.image-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar.large { width: 96px; height: 96px; font-size: 2.4rem; margin: 0; }
.badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  border-radius: 999px;
  padding: 5px 9px;
  background: #fff0de;
  color: #7b3616;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
}
.badge.warning {
  background: #fff3c8;
  color: #6c4600;
}
.badge.success {
  background: #e9f8ed;
  color: #185f30;
}
.badge.danger {
  background: #ffe0dd;
  color: #8c0f0f;
}
.meta { color: var(--muted); font-size: .92rem; }
.rating-line { color: #7b3616 !important; font-weight: 900; }
.card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.profile-card .card-actions .button,
.product-card .card-actions .button {
  flex: 1 1 118px;
}
.social-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.social-row a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px;
  background: var(--soft);
  text-decoration: none;
  font-size: .86rem;
  font-weight: 900;
}
.completion-meter {
  display: grid;
  gap: 7px;
  margin: 12px 0 4px;
}
.completion-meter span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 850;
}
.completion-meter i {
  display: block;
  height: 8px;
  max-width: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--red), var(--orange), var(--sage));
}
.completion-meter.large i { height: 14px; }
.onboarding-hero {
  display: grid;
  grid-template-columns: 1fr minmax(260px, .6fr);
  gap: 22px;
  align-items: center;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
}
.onboarding-hero h2 {
  margin: 0;
  font-size: 2.2rem;
}
.onboarding-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.step-card {
  min-height: 190px;
  box-shadow: none;
}
.step-card.done {
  border-color: #b8e2c3;
  background: #fbfffb;
}
.role-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.route-card {
  display: block;
  min-height: 120px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.route-card strong,
.route-card span {
  display: block;
}
.route-card strong {
  font-size: 1.08rem;
}
.route-card span {
  margin-top: 8px;
  color: var(--muted);
}
.pricing-card.featured { border-color: var(--red); box-shadow: var(--shadow); }
.best-for {
  min-height: 54px;
  color: var(--ink) !important;
  font-weight: 900;
}
.price-row { display: grid; gap: 8px; margin: 18px 0; }
.price-row span { display: block; border-radius: 8px; padding: 10px; background: var(--soft); font-weight: 900; }
.trial { font-size: .9rem; }
.pricing-mini { display: grid; gap: 10px; }
.pricing-mini span, .city-cloud a {
  display: block;
  border-radius: 8px;
  padding: 13px 15px;
  background: var(--white);
  border: 1px solid var(--line);
  font-weight: 900;
  text-decoration: none;
  color: var(--ink);
}
.city-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.page-hero { padding: 62px 0 32px; }
.profile-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  align-items: center;
  padding: 54px 0 34px;
}
.profile-trust-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.profile-trust-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--ink);
  font-size: .82rem;
  font-weight: 900;
}
.profile-trust-badges .is-active {
  border-color: #badbbf;
  background: #f3fff4;
  color: #176b33;
}
.profile-trust-badges .is-pending {
  background: #fff7ea;
  color: #744316;
}
.legal-assurance-grid,
.trust-status-grid,
.verification-mini-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}
.legal-assurance-card,
.trust-status-card,
.verification-mini-grid article {
  display: grid;
  gap: 8px;
  min-height: 128px;
}
.legal-assurance-card span,
.trust-status-card span,
.verification-mini-grid span {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.legal-assurance-card strong,
.trust-status-card h3,
.verification-mini-grid strong {
  color: var(--ink);
  font-size: 1.02rem;
  line-height: 1.25;
}
.profile-verification-panel {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: stretch;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(135deg, #fffaf2, #ffffff);
  box-shadow: var(--shadow-soft);
}
.profile-verification-panel p {
  margin-bottom: 0;
}
.verification-mini-grid article {
  min-height: 104px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}
.review-consent-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fffaf2;
}
.review-consent-box input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}
.profile-contact-bar {
  position: sticky;
  top: 74px;
  z-index: 24;
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 253, 249, .96);
  box-shadow: 0 12px 28px rgba(61, 35, 18, .08);
  backdrop-filter: blur(12px);
}
.profile-contact-bar strong,
.profile-contact-bar span {
  display: block;
}
.profile-contact-bar span {
  color: var(--muted);
  font-size: .92rem;
}
.profile-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.profile-decision-panel {
  align-items: stretch;
}
.profile-location-card,
.profile-contact-guide {
  display: grid;
  align-content: start;
  gap: 14px;
}
.location-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.location-facts div {
  min-height: 88px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff9f1;
}
.location-facts span,
.profile-contact-note span {
  display: block;
  color: var(--muted);
  font-size: .9rem;
}
.location-facts strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  line-height: 1.25;
}
.service-city-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.service-city-strip span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--white);
  color: var(--ink);
  font-weight: 850;
  font-size: .86rem;
}
.compact-actions {
  margin-top: 2px;
}
.compact-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
}
.profile-contact-note {
  border-left: 4px solid var(--red);
  border-radius: 8px;
  padding: 12px;
  background: #fff7ea;
}
.profile-nav-strip {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.profile-nav-strip a {
  display: flex;
  min-width: 0;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--white);
  color: var(--ink);
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(61, 35, 18, .04);
}
.profile-nav-strip span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-nav-strip strong {
  display: inline-grid;
  min-width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 999px;
  background: var(--soft);
  color: var(--red);
  font-size: .82rem;
}
.profile-offer-grid {
  align-items: stretch;
}
.listing-card {
  position: relative;
  overflow: hidden;
}
.listing-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--red), var(--orange), var(--gold));
}
.listing-card-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
}
.listing-card-head h3 {
  margin: 6px 0 0;
}
.listing-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 8px;
  background: var(--ink);
  color: var(--white);
  font-weight: 950;
}
.listing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.profile-gallery-showcase {
  display: grid;
  grid-template-columns: 1.25fr repeat(2, minmax(0, .75fr));
  gap: 12px;
}
.profile-gallery-showcase .gallery-item {
  min-height: 220px;
}
.profile-gallery-showcase .gallery-item img {
  height: 100%;
  min-height: 220px;
}
.featured-gallery-item {
  grid-row: span 2;
  min-height: 452px !important;
}
.featured-gallery-item img {
  min-height: 452px !important;
}
.portfolio-action-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fffdf9;
}
.portfolio-action-panel strong,
.portfolio-action-panel span {
  display: block;
}
.portfolio-action-panel span {
  color: var(--muted);
}
.portfolio-proof-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 12px;
}
.portfolio-proof-strip span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 9px;
  background: #fffaf0;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 900;
}
.portfolio-empty-state {
  display: grid;
  gap: 8px;
}
.rating-summary-box {
  display: inline-grid;
  gap: 2px;
  min-width: 190px;
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--white);
}
.rating-summary-box strong {
  font-size: 2rem;
  line-height: 1;
  color: var(--red);
}
.rating-summary-box span {
  color: var(--muted);
  font-weight: 800;
}
.review-card {
  border-left: 4px solid var(--gold);
}
.profile-decision-flow {
  align-items: center;
}
.decision-step-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.decision-step-card {
  min-height: 168px;
}
.decision-step-card span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
}
.decision-step-card h3 {
  margin: 12px 0 6px;
}
.gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gallery-item { 
  position: relative;
  min-height: 260px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--soft);
  color: var(--white);
  text-decoration: none;
}
.gallery-item img { width: 100%; height: 260px; object-fit: cover; }
.gallery-item span { position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 9px; border-radius: 8px; background: rgba(33, 25, 20, .78); font-weight: 900; }
.gallery-item small {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 58px;
  display: inline-flex;
  width: fit-content;
  max-width: calc(100% - 24px);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(255, 250, 243, .92);
  color: var(--ink);
  font-size: .72rem;
  font-weight: 950;
  overflow-wrap: anywhere;
}
.gallery-item-card {
  display: grid;
  gap: 10px;
}
.gallery-item-card .shortlist-action {
  justify-self: start;
}
.gallery-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}
.gallery-card-meta span,
.gallery-card-meta strong {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 9px;
  background: var(--white);
  color: var(--muted);
  font-size: .78rem;
  font-weight: 900;
}
.gallery-card-meta strong {
  color: var(--ink);
}
.product-image {
  height: 150px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  margin-bottom: 14px;
  background: linear-gradient(135deg, #f4c27b, #87996d);
  color: var(--ink);
  font-weight: 950;
}
.product-image.has-photo { padding: 0; overflow: hidden; background: var(--soft); }
.product-image.has-photo img { width: 100%; height: 100%; object-fit: cover; }
.empty-portfolio-visual {
  width: min(520px, 100%);
  aspect-ratio: 16 / 10;
  margin: 0 auto 18px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
.empty-portfolio-visual picture,
.empty-portfolio-visual img {
  display: block;
  width: 100%;
  height: 100%;
}
.empty-portfolio-visual img {
  object-fit: cover;
}
.hero-product-photo {
  margin: 22px 0 0;
  width: min(520px, 100%);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: var(--shadow);
}
.hero-product-photo a,
.hero-product-photo picture,
.hero-product-photo .media-video-shell,
.hero-product-photo img,
.hero-product-photo video { width: 100%; height: 100%; display: block; }
.hero-product-photo img,
.hero-product-photo video { object-fit: cover; }

.form-card { display: grid; gap: 14px; position: relative; }
.form-safety { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.form-card label { display: grid; gap: 6px; font-weight: 850; color: var(--ink); }
.form-card .check { display: flex; align-items: center; gap: 8px; }
.form-card .check input { width: auto; min-height: 0; }
.form-note, .section-lead { color: var(--muted); margin-top: 0; max-width: 780px; }
.trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.trust-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px;
  background: var(--white);
  color: var(--ink);
  font-size: .86rem;
  font-weight: 900;
}
.intent-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.intent-chips a {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px;
  background: #fff8ee;
  color: var(--ink);
  text-decoration: none;
  font-size: .86rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}
.intent-chips a:hover {
  border-color: var(--red);
  color: var(--red);
}
.marketplace-command-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.marketplace-command-card {
  display: grid;
  gap: 7px;
  min-height: 150px;
  padding: 16px;
  border: 1px solid rgba(157, 13, 17, .18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 248, 238, .95), rgba(255, 255, 255, .94)),
    var(--white);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(68, 44, 22, .08);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.marketplace-command-card:hover {
  transform: translateY(-2px);
  border-color: rgba(157, 13, 17, .42);
  box-shadow: 0 18px 42px rgba(68, 44, 22, .13);
}
.marketplace-command-card span,
.marketplace-command-card em {
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 5px 8px;
  background: var(--soft);
  color: var(--red);
  font-size: .72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.marketplace-command-card strong {
  color: var(--ink);
  font-size: 1.05rem;
  line-height: 1.15;
}
.marketplace-command-card small {
  color: var(--muted);
  line-height: 1.5;
  font-weight: 800;
}
.marketplace-command-card em {
  align-self: end;
  background: rgba(247, 173, 38, .18);
  color: #7a4a00;
}
.result-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0 0 22px;
  padding: 16px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 248, 238, .84), rgba(255, 255, 255, .94)),
    var(--white);
  box-shadow: 0 14px 34px rgba(68, 44, 22, .07);
}
.result-toolbar > div:first-child {
  display: grid;
  gap: 6px;
}
.result-toolbar strong {
  color: var(--ink);
  font-size: 1.02rem;
  line-height: 1.25;
}
.result-toolbar small {
  color: var(--muted);
  line-height: 1.5;
  font-weight: 800;
}
.result-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.detail-conversion-panel {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 248, 238, .9), rgba(255, 255, 255, .94)),
    var(--white);
  box-shadow: 0 18px 42px rgba(68, 44, 22, .09);
}
.detail-conversion-panel h2 {
  margin-top: 8px;
}
.detail-conversion-panel p {
  color: var(--muted);
}
.product-conversion-panel {
  border-color: rgba(18, 140, 74, .18);
}
.decision-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.decision-mini-grid article {
  display: grid;
  gap: 7px;
  min-height: 122px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .88);
}
.decision-mini-grid strong {
  color: var(--ink);
  font-size: .98rem;
}
.decision-mini-grid span {
  color: var(--muted);
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.45;
}
.compact-profile-card {
  min-height: 100%;
}
.product-spec-panel,
.seller-trust-panel {
  min-height: 100%;
}
.product-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.product-spec-grid div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
}
.product-spec-grid span {
  color: var(--muted);
  font-size: .75rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.product-spec-grid strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}
.media-lightbox {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(20, 12, 8, .82);
}
.media-lightbox.open {
  display: grid;
}
.media-lightbox figure {
  position: relative;
  width: min(920px, 100%);
  max-height: min(86vh, 760px);
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  background: #120c09;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .34);
}
.media-lightbox img {
  display: block;
  width: 100%;
  max-height: 76vh;
  object-fit: contain;
  background: #120c09;
}
.media-lightbox figcaption {
  padding: 12px 14px;
  color: var(--white);
  font-weight: 900;
}
.media-lightbox-close {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 221;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 8px;
  padding: 8px 12px;
  background: var(--white);
  color: var(--red);
  font-weight: 950;
}
body.media-lightbox-open {
  overflow: hidden;
}
.profile-signal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 12px 0 4px;
}
.profile-signal-row span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 6px 9px;
  background: var(--soft);
  color: var(--ink);
  font-size: .78rem;
  font-weight: 900;
}
.quality-meter {
  display: grid;
  gap: 7px;
  margin: 10px 0;
}
.quality-meter strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 950;
}
.quality-meter strong span { color: var(--red); }
.quality-meter i {
  display: block;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--red), var(--orange), var(--gold)) 0 0 / var(--quality, 0%) 100% no-repeat,
    #f3dfc2;
}
.trust-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
}
.trust-chip-row span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 8px;
  background: var(--white);
  color: var(--muted);
  font-size: .74rem;
  font-weight: 900;
}
.trust-chip-row span::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 999px;
  background: #d4ad77;
}
.trust-chip-row span.is-ready {
  border-color: #b8e2c3;
  background: #f6fff8;
  color: #235c39;
}
.trust-chip-row span.is-ready::before { background: #2f8d52; }
.trust-chip-row span.is-pending {
  border-style: dashed;
  background: #fffaf4;
}
.intro-band {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.content-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  color: var(--muted);
  font-size: 1.04rem;
}
.timeline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.step-number {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
}
.feature-list {
  display: grid;
  gap: 12px;
}
.feature-list div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--white);
}
.feature-list strong,
.feature-list span {
  display: block;
}
.feature-list span { margin-top: 5px; color: var(--muted); }
.feature-stack {
  display: grid;
  gap: 16px;
}
.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.capability-item {
  min-height: 74px;
  display: flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px 16px;
  background: var(--white);
  font-weight: 900;
}
.faq-list {
  display: grid;
  gap: 10px;
}
.faq-list details {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--white);
}
.faq-list summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: 950;
}
.faq-list p { color: var(--muted); margin-bottom: 0; }
.review-list { display: grid; gap: 12px; }
.inline-editor {
  margin: 14px 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fffdf8;
}
.inline-editor summary {
  cursor: pointer;
  font-weight: 950;
  color: var(--red);
}
.inline-editor .form-card {
  margin-top: 12px;
  box-shadow: none;
}
.check-list {
  margin: 14px 0 0;
  padding-left: 20px;
  color: var(--muted);
}
.check-list li { margin: 8px 0; }
.section-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.empty-state { max-width: 760px; }
.empty-recovery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.empty-recovery-grid article {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fffaf4;
}
.empty-recovery-grid strong,
.empty-recovery-grid span {
  display: block;
}
.empty-recovery-grid span {
  margin-top: 5px;
  color: var(--muted);
  font-size: .88rem;
}
.provider-prompt-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(157, 13, 17, .18);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(135deg, rgba(157, 13, 17, .07), rgba(246, 193, 103, .18)),
    var(--white);
  box-shadow: 0 18px 38px rgba(33, 25, 20, .08);
}
.provider-prompt-strip h2 {
  margin: 8px 0 6px;
  font-size: clamp(1.3rem, 2vw, 2rem);
}
.provider-prompt-strip p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
}
.prompt-action-stack {
  display: grid;
  gap: 10px;
  min-width: 230px;
}
.auth-wrap { min-height: 70vh; display: grid; place-items: center; padding: 42px 16px; }
.auth-split {
  width: calc(100% - 32px);
  max-width: 1120px;
  margin: 0 auto;
  grid-template-columns: minmax(0, .92fr) minmax(320px, 520px);
  gap: 18px;
  align-items: stretch;
}
.auth-context {
  align-content: center;
  display: grid;
  gap: 16px;
  background:
    linear-gradient(135deg, rgba(157, 13, 17, .08), rgba(246, 193, 103, .16)),
    var(--white);
}
.auth-context h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.4rem);
}
.auth-context p {
  max-width: 700px;
  color: var(--muted);
  font-size: 1.02rem;
}
.auth-card { width: min(520px, 100%); }
.compact-form-grid {
  grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
  gap: 10px;
  margin: 0;
}
.role-hint {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffaf4;
  padding: 10px 12px;
  font-weight: 800;
}
.contact-panel { position: sticky; top: 92px; }
.mini-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.mini-row:last-child { border-bottom: 0; }

.dashboard {
  width: calc(100% - 24px);
  max-width: 1320px;
  margin: 22px auto 60px;
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 20px;
}
.dashboard-side {
  position: sticky;
  top: 86px;
  align-self: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  padding: 18px;
}
.dashboard-side a {
  display: block;
  padding: 10px 0;
  color: var(--ink);
  text-decoration: none;
  font-weight: 850;
  border-bottom: 1px solid var(--line);
}
.dashboard-side a:last-child { border-bottom: 0; }
.dashboard-side a.active {
  color: var(--red);
  font-weight: 950;
}
.dashboard-main {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffdf9;
  padding: 24px;
}
.dashboard-main h1 { margin-top: 0; font-size: 2.8rem; }
.dashboard-panel { margin-top: 22px; }
.compact-head { margin-bottom: 16px; }
.compact-head h2 { font-size: 1.7rem; }
.role-command-center {
  display: grid;
  grid-template-columns: minmax(260px, .42fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(157, 13, 17, .06), rgba(246, 193, 103, .12)),
    var(--white);
  box-shadow: 0 12px 26px rgba(61, 35, 18, .06);
}
.role-command-copy {
  display: grid;
  align-content: start;
  gap: 10px;
}
.role-command-copy h2 {
  margin: 0;
  font-size: 1.7rem;
  line-height: 1.14;
}
.role-command-copy p {
  margin: 0;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.55;
}
.role-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.role-dashboard-card {
  display: grid;
  gap: 9px;
  min-height: 188px;
  border: 1px solid rgba(61, 37, 26, .12);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, .92);
}
.role-dashboard-card.active {
  border-color: rgba(19, 106, 58, .25);
  background: #fbfffb;
}
.role-dashboard-card.locked {
  border-style: dashed;
  opacity: .86;
  background: #fffaf3;
}
.role-dashboard-card.locked .badge {
  background: #fff4e4;
  color: var(--red);
}
.role-dashboard-card.current {
  border-color: rgba(157, 13, 17, .36);
  box-shadow: 0 10px 18px rgba(157, 13, 17, .08);
}
.role-dashboard-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.role-dashboard-card-head strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.2;
}
.role-dashboard-card p {
  margin: 0;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 780;
  line-height: 1.38;
}
.role-dashboard-card small {
  color: var(--muted);
  font-weight: 850;
  line-height: 1.35;
}
.role-dashboard-missing {
  color: var(--red) !important;
}
.role-dashboard-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.role-dashboard-metrics span {
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 999px;
  padding: 5px 8px;
  background: #fff8ef;
  color: var(--red);
  font-size: .73rem;
  font-weight: 950;
}
.billing-access-panel {
  display: grid;
  grid-template-columns: minmax(240px, .35fr) 1fr;
  gap: 14px;
  align-items: stretch;
}
.billing-access-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.plan-rule-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  background: #fffaf3;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}
.plan-rule-note strong {
  color: var(--ink);
  white-space: nowrap;
}
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.detail-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.detail-kpi-grid .panel {
  min-height: 152px;
}
.detail-kpi-grid h3 {
  margin: 8px 0 4px;
}
.listing-card {
  display: grid;
  align-content: start;
  gap: 8px;
}
.listing-card .check-list {
  margin-top: 4px;
}
.readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.readiness.ready { border-color: #b8e2c3; background: #fbfffb; }
.readiness.warning { border-color: #ead28a; background: #fffaf0; }
.readiness.action { border-color: #edbbbb; background: #fff7f7; }
.launch-control,
.profile-switcher {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.launch-control h2,
.profile-switcher h2 {
  margin: 0;
  font-size: 1.65rem;
}
.launch-control p,
.profile-switcher p {
  color: var(--muted);
  margin-bottom: 0;
}
.milestone-list {
  display: grid;
  gap: 10px;
}
.milestone-item {
  display: grid;
  grid-template-columns: auto minmax(180px, .45fr) 1fr;
  gap: 12px;
  align-items: center;
  min-height: 72px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--white);
  color: var(--ink);
  text-decoration: none;
}
.milestone-item.done { background: #fbfffb; border-color: #b8e2c3; }
.milestone-item small { color: var(--muted); font-weight: 750; }
.role-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.role-workspace {
  min-height: 210px;
  display: grid;
  align-content: start;
}
.role-workspace.active {
  border-color: #b8e2c3;
  background: #fbfffb;
}
.wizard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.wizard-card,
.setup-wizard-panel,
.section-guidance {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.wizard-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 330px;
  padding: 18px;
}
.wizard-card.active {
  border-color: #b8e2c3;
  background: #fbfffb;
}
.wizard-card h3 {
  margin: 0;
  font-size: 1.25rem;
}
.wizard-card p {
  margin: 0;
  color: var(--muted);
}
.wizard-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.setup-wizard-panel,
.section-guidance {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(280px, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 20px;
}
.section-guidance {
  grid-template-columns: minmax(0, .95fr) minmax(300px, 1fr);
}
.wizard-summary h2,
.section-guidance h2 {
  margin: 0;
  font-size: 1.65rem;
}
.wizard-summary p,
.section-guidance p {
  color: var(--muted);
}
.wizard-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.mini-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.mini-steps li {
  position: relative;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  padding: 10px 12px 10px 34px;
  color: var(--ink);
  font-weight: 800;
  line-height: 1.35;
}
.mini-steps li::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 15px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(157, 13, 17, .08);
}
.mini-steps.numbered {
  counter-reset: wizard-step;
}
.mini-steps.numbered li {
  padding-left: 44px;
}
.mini-steps.numbered li::before {
  counter-increment: wizard-step;
  content: counter(wizard-step);
  top: 9px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: var(--white);
  font-size: .78rem;
  font-weight: 950;
  box-shadow: none;
}
.field-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.field-tags span,
.field-tags a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--soft);
  color: var(--ink);
  font-size: .82rem;
  font-weight: 900;
  text-decoration: none;
}
.provider-setup-map,
.onboarding-command-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}
.provider-setup-map article,
.onboarding-command-list article {
  min-height: 128px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}
.provider-setup-map span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
}
.provider-setup-map strong,
.provider-setup-map small,
.onboarding-command-list strong,
.onboarding-command-list span {
  display: block;
}
.provider-setup-map small,
.onboarding-command-list span {
  margin-top: 6px;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.45;
}
.onboarding-command-center {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(420px, 1fr);
  gap: 18px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  padding: 20px;
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.onboarding-command-center h2 {
  margin: 0;
  font-size: 1.65rem;
}
.onboarding-command-center p {
  color: var(--muted);
}
.plan-gate {
  border-color: #ead28a;
  background: #fffaf0;
}
.plan-gate h3 {
  margin-top: 8px;
}
.offer-builder-intro,
.offer-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(320px, .58fr);
  gap: 14px;
  margin: 0 0 16px;
  align-items: center;
}
.offer-builder-intro {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--white);
}
.offer-builder-intro h3 {
  margin: 0;
  font-size: 1.45rem;
}
.offer-builder-intro p {
  color: var(--muted);
  margin-bottom: 0;
}
.media-playbook {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.media-builder-grid {
  grid-template-columns: minmax(270px, .48fr) minmax(0, 1fr);
  align-items: start;
}
.offer-live-preview,
.offer-readiness,
.provider-listing-card {
  position: relative;
  overflow: hidden;
}
.offer-live-preview::before,
.provider-listing-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--red), var(--orange), var(--gold));
}
.offer-live-preview {
  display: grid;
  gap: 12px;
  background:
    linear-gradient(135deg, rgba(157, 13, 17, .07), rgba(246, 193, 103, .15)),
    var(--white);
}
.offer-live-preview h3,
.offer-readiness h3 {
  margin: 0;
}
.offer-live-preview [data-offer-preview-description] {
  color: var(--muted);
}
.media-live-preview {
  align-self: stretch;
}
.media-preview-frame {
  display: grid;
  min-height: 250px;
  place-items: center;
  overflow: hidden;
  border: 1px dashed #ddbfa4;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(157, 13, 17, .08), rgba(246, 193, 103, .18)),
    #fffaf3;
  color: var(--muted);
  font-weight: 900;
}
.media-preview-frame img {
  width: 100%;
  height: 100%;
  min-height: 250px;
  object-fit: cover;
  display: block;
}
.media-dashboard-grid {
  align-items: stretch;
}
.media-dashboard-card {
  display: grid;
  gap: 10px;
  align-content: start;
}
.media-dashboard-card > img,
.approval-thumb {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  background: var(--soft);
}
.media-dashboard-card > img {
  height: 180px;
}
.approval-thumb {
  max-width: 120px;
  height: 84px;
  margin: 0 0 8px;
}
.compact-readiness {
  margin-top: 2px;
}
.offer-quality-row,
.category-suggestion-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0;
}
.offer-quality-row span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: .78rem;
  font-weight: 900;
}
.offer-quality-row .done {
  border-color: #b8e2c3;
  background: #effaf2;
  color: #185f30;
}
.offer-quality-row .missing {
  border-color: #ead28a;
  background: #fff8df;
  color: #6c4600;
}
.profile-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, .6fr) minmax(250px, .6fr);
  gap: 14px;
  margin-bottom: 16px;
}
.profile-live-preview,
.readiness-coach,
.role-form-coach {
  align-content: start;
}
.profile-live-preview {
  display: grid;
  gap: 12px;
  background:
    linear-gradient(135deg, rgba(157, 13, 17, .08), rgba(246, 193, 103, .14)),
    var(--white);
}
.profile-live-preview h3 {
  margin: 0;
  font-size: clamp(1.35rem, 2.3vw, 2rem);
}
.profile-live-preview .status-strip {
  justify-content: flex-start;
  margin: 0;
}
.profile-live-preview [data-profile-preview-bio] {
  max-width: 760px;
}
.readiness-coach {
  display: grid;
  gap: 12px;
  background: #fffaf4;
}
.role-form-coach {
  display: grid;
  gap: 12px;
}
.readiness-coach h3,
.role-form-coach h3 {
  margin: 0;
}
.compact-list {
  margin: 0;
}
.compact-list li {
  padding-top: 4px;
  padding-bottom: 4px;
}
.form-helper-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}
.form-helper {
  min-height: 108px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}
.form-helper strong,
.form-helper span {
  display: block;
}
.form-helper span {
  margin-top: 6px;
  color: var(--muted);
  font-size: .92rem;
}
.form-field-note {
  min-height: 100%;
  display: grid;
  align-content: center;
  border: 1px dashed var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fffaf4;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.4;
}
.bio-template-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--soft);
}
.bio-template-row .form-note {
  margin: 0;
}
.switcher-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 620px;
}
.switcher-pill {
  display: grid;
  gap: 2px;
  min-width: 160px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--soft);
  color: var(--ink);
  text-decoration: none;
}
.switcher-pill.active {
  border-color: var(--red);
  background: var(--white);
  box-shadow: 0 10px 24px rgba(157, 13, 17, .08);
}
.switcher-pill strong { font-size: .95rem; }
.switcher-pill span { color: var(--muted); font-size: .8rem; font-weight: 850; }
.metric-grid .panel span {
  display: block;
  color: var(--muted);
  font-weight: 750;
}
.check-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.check-grid div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px;
  background: var(--soft);
}
.check-grid .panel {
  margin: 0;
}
.check-grid div.done { background: #e9f8ed; border-color: #b8e2c3; }
.check-grid strong,
.check-grid span {
  display: block;
}
.check-grid strong { color: var(--red); font-size: .78rem; text-transform: uppercase; }
.check-grid span { margin-top: 4px; color: var(--ink); font-weight: 850; }
.wide-form { margin-top: 12px; }
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.approval-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}
.approval-row:last-child { border-bottom: 0; }
.approval-row strong,
.approval-row span {
  display: block;
}
.approval-row span { color: var(--muted); font-size: .9rem; margin-top: 4px; }
.approval-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.usage-bars {
  display: grid;
  gap: 10px;
}
.usage-bars div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--soft);
}
.usage-bars span { color: var(--muted); font-weight: 850; }
.usage-bars strong { color: var(--ink); }
.action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.action-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--white);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.action-card strong { font-size: 1.04rem; }
.action-card span:last-child { color: var(--muted); }
.task-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.task-card {
  min-height: 210px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 248, 237, .98));
}
.task-card:hover,
.route-card:hover,
.role-card:hover {
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: var(--shadow);
}
.task-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--white) !important;
  font-size: .78rem;
  font-weight: 950;
}
.proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.proof-card {
  min-height: 230px;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 20px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.proof-card span {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: #eef5e9;
  color: #3b5d29;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
}
.proof-card strong {
  display: block;
  font-size: 1.08rem;
  line-height: 1.3;
}
.proof-card p {
  margin: 0;
  color: var(--muted);
}
.pricing-compare {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(61, 35, 18, .05);
}
.pricing-compare table {
  width: 100%;
  min-width: 940px;
  border-collapse: collapse;
}
.pricing-compare th,
.pricing-compare td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}
.pricing-compare th {
  color: var(--ink);
  font-weight: 950;
}
.pricing-compare thead th {
  position: sticky;
  top: 0;
  background: #fff4e4;
  z-index: 1;
}
.pricing-compare tbody th {
  background: #fffaf3;
}
.pricing-compare tr:last-child th,
.pricing-compare tr:last-child td {
  border-bottom: 0;
}
.compact-actions { padding-top: 8px; margin-top: 8px; }
.admin-command-center {
  background: linear-gradient(135deg, #fffdf8 0%, #fff3e2 100%);
  border-color: rgba(157, 13, 17, .16);
}
.admin-command-layout {
  display: grid;
  grid-template-columns: minmax(220px, .32fr) 1fr;
  gap: 14px;
  align-items: stretch;
}
.admin-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.admin-command-card {
  display: grid;
  gap: 6px;
  min-height: 132px;
  color: var(--ink);
  text-decoration: none;
}
.admin-command-card strong {
  font-size: .96rem;
  line-height: 1.2;
}
.admin-command-card b {
  font-size: 1.6rem;
  line-height: 1;
  color: var(--red);
}
.admin-command-card small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}
.admin-export-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(157, 13, 17, .14);
}
.admin-export-strip span {
  color: var(--ink);
  font-weight: 950;
}
.status-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}
.status-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--soft);
  color: var(--ink);
  font-size: .84rem;
  font-weight: 900;
}
.status-strip a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--white);
  color: var(--red);
  font-size: .84rem;
  font-weight: 900;
  text-decoration: none;
}
.status-strip a.active {
  background: var(--red);
  border-color: var(--red);
  color: var(--white);
}
.admin-filter-bar {
  display: grid;
  grid-template-columns: 1.35fr repeat(6, minmax(118px, .8fr)) auto;
  gap: 12px;
  align-items: end;
}
.admin-filter-bar label {
  display: grid;
  gap: 6px;
  font-weight: 900;
}
.admin-filter-bar input,
.admin-filter-bar select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 11px;
  background: var(--white);
  color: var(--ink);
}
.filter-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.lead-source-strip { margin-top: 16px; }
.request-ops-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.admin-route-panel {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 14px;
  align-items: stretch;
  margin-top: 18px;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(135deg, #fffdf8 0%, #fff4e8 100%);
}
.admin-route-panel h3,
.admin-route-panel p,
.admin-route-panel strong,
.admin-route-panel span {
  margin: 0;
}
.admin-route-panel h3 {
  margin-top: 8px;
  font-size: 1.2rem;
}
.admin-route-panel p,
.admin-route-panel span {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}
.compact-route-panel {
  grid-template-columns: .95fr 1.05fr;
  margin-top: 0;
  background: #fffaf3;
}
.compact-route-panel strong {
  display: block;
  margin-bottom: 5px;
  color: var(--ink);
}
.admin-lead-actions-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-content: start;
}
.admin-lead-actions-grid form,
.admin-lead-actions-grid .button {
  width: 100%;
  margin: 0;
}
.admin-lead-actions-grid .button {
  justify-content: center;
}
.launch-action-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}
.compact-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.admin-audit-details {
  border-color: rgba(157, 13, 17, .18);
  background: #fffdf8;
}
.admin-audit-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.admin-audit-list article {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--white);
}
.admin-audit-list strong {
  color: var(--ink);
}
.admin-audit-list span,
.admin-audit-list small {
  color: var(--muted);
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.35;
}
.lead-card {
  display: grid;
  gap: 14px;
}
.lead-card.provider-response {
  border-color: #d9b425;
  background: #fffdf8;
}
.lead-card.overdue {
  border-color: #f0a29b;
  box-shadow: 0 18px 36px rgba(163, 23, 23, .08);
}
.lead-card.due-today {
  border-color: #e2c45d;
  background: #fffdf6;
}
.lead-card.no-followup {
  border-style: dashed;
}
.lead-metric-danger {
  border-color: #f0a29b;
  background: #fff7f6;
}
.lead-escalation-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.lead-analytics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.lead-analytics-card {
  display: grid;
  gap: 10px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff8ec 100%);
}
.lead-analytics-card h3 {
  margin: 0;
  font-size: 1.25rem;
}
.lead-command-panel {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 14px;
  align-items: stretch;
  margin-top: 18px;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(135deg, #fffdf8 0%, #fff2e3 100%);
}
.lead-command-panel h3,
.lead-command-panel p {
  margin: 0;
}
.lead-command-panel h3 {
  margin-top: 6px;
  font-size: 1.25rem;
}
.lead-command-panel p:not(.eyebrow) {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 750;
}
.lead-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.lead-command-grid article {
  display: grid;
  gap: 7px;
  min-height: 120px;
  border: 1px solid rgba(157, 13, 17, .12);
  border-radius: 8px;
  padding: 12px;
  background: var(--white);
}
.lead-command-grid span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
}
.lead-command-grid strong {
  font-size: .98rem;
  line-height: 1.2;
}
.lead-command-grid small {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}
.escalation-card {
  display: grid;
  gap: 8px;
  border-color: #ead6ba;
  background: #fffdf8;
}
.escalation-card h3 {
  margin: 0;
  font-size: 1rem;
}
.escalation-card p {
  margin: 0;
}
.status-strip a.danger-link,
.status-strip a.active.danger-link {
  border-color: #9f1010;
}
.status-strip a.warning-link,
.status-strip a.active.warning-link {
  border-color: #b66b00;
}
.lead-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.lead-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.lead-quick-actions form,
.escalation-card form {
  margin: 0;
}
.lead-message {
  border-left: 3px solid var(--red);
  padding: 8px 0 8px 12px;
  color: var(--ink);
  background: rgba(255, 249, 240, .65);
}
.admin-match-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}
.admin-match-summary article {
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  padding: 12px;
  background: #fffdf8;
  display: grid;
  gap: 5px;
  align-content: start;
}
.admin-match-summary strong {
  color: var(--ink);
  font-size: .9rem;
}
.admin-match-summary span,
.admin-match-summary a {
  color: var(--muted);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.35;
}
.admin-match-summary a {
  color: var(--red);
  text-decoration: none;
}
.lead-response-checklist {
  display: grid;
  gap: 7px;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  padding: 12px;
  background: #fffaf3;
}
.lead-response-checklist strong {
  color: var(--ink);
  font-size: 1rem;
}
.lead-response-checklist span {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}
.monitor-log {
  max-height: 340px;
  overflow: auto;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #241913;
  color: #fff7ec;
  white-space: pre-wrap;
  word-break: break-word;
}
.inline-lead-action {
  margin: 12px 0 0;
}
.lead-quality-panel {
  position: relative;
  display: grid;
  gap: 8px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 12px 16px;
  background: #fffaf3;
}
.lead-quality-panel div {
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.lead-quality-panel strong {
  color: var(--red);
  font-size: 1.45rem;
  line-height: 1;
}
.lead-quality-panel span,
.lead-quality-panel p {
  color: var(--muted);
  font-weight: 850;
}
.lead-quality-panel p {
  margin: 0;
  font-size: .9rem;
}
.lead-quality-panel i {
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  height: 4px;
  width: 0;
  background: linear-gradient(90deg, var(--red), var(--orange), var(--gold));
  transition: width .2s ease;
}
.lead-ready .lead-quality-panel {
  border-color: #b8e2c3;
  background: #fbfffb;
}
.shortlist-open { overflow: hidden; }
.shortlist-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 75;
  display: none;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  padding: 8px 10px 8px 16px;
  background: var(--ink);
  color: var(--white);
  font-weight: 950;
  box-shadow: 0 18px 40px rgba(33, 25, 20, .24);
  cursor: pointer;
}
.shortlist-fab.is-visible { display: inline-flex; }
.shortlist-fab strong {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--red);
}
.shortlist-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  border: 0;
  background: rgba(33, 25, 20, .42);
  cursor: pointer;
}
.shortlist-backdrop.open { display: block; }
.shortlist-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 85;
  display: none;
  grid-template-rows: auto auto auto 1fr auto;
  gap: 16px;
  width: min(430px, calc(100vw - 20px));
  height: 100dvh;
  padding: 22px;
  background: var(--white);
  border-left: 1px solid var(--line);
  box-shadow: -16px 0 40px rgba(33, 25, 20, .2);
  visibility: hidden;
  pointer-events: none;
}
.shortlist-drawer.open {
  display: grid;
  visibility: visible;
  pointer-events: auto;
}
.shortlist-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.shortlist-head h2 { margin: 0; font-size: 1.45rem; }
.shortlist-compare {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 8px;
  padding: 12px;
  background: #fffaf4;
}
.shortlist-compare strong {
  color: var(--ink);
  font-size: .92rem;
}
.shortlist-compare span {
  color: var(--muted);
  font-size: .86rem;
}
.shortlist-compare-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.shortlist-compare-grid em {
  border-radius: 999px;
  padding: 4px 8px;
  background: var(--soft);
  color: var(--red);
  font-size: .75rem;
  font-style: normal;
  font-weight: 950;
}
.shortlist-items {
  display: grid;
  align-content: start;
  gap: 12px;
  overflow: auto;
  padding-right: 2px;
}
.shortlist-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffaf4;
}
.shortlist-item img, .shortlist-placeholder {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  object-fit: cover;
}
.shortlist-placeholder {
  display: grid;
  place-items: center;
  background: var(--soft);
  color: var(--red);
  font-weight: 950;
}
.shortlist-item span {
  display: block;
  color: var(--red);
  font-size: .75rem;
  font-weight: 950;
  text-transform: uppercase;
}
.shortlist-item strong {
  display: block;
  margin: 2px 0 3px;
}
.shortlist-item small {
  display: block;
  color: var(--muted);
}
.shortlist-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.shortlist-item-actions a, .shortlist-item-actions button {
  border: 0;
  background: transparent;
  color: var(--red);
  font: inherit;
  font-weight: 900;
  padding: 0;
  cursor: pointer;
}
.shortlist-empty {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: #fffaf4;
}
.shortlist-empty span { color: var(--muted); }
.shortlist-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pricing-card form {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.pricing-card label {
  display: grid;
  gap: 6px;
  font-weight: 850;
}
.pricing-card select {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--white);
  font: inherit;
}
.receipt-shell {
  max-width: 980px;
}
.receipt-document {
  background: #fff;
  color: var(--ink);
}
.receipt-top, .receipt-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.receipt-logo {
  width: 150px;
  max-width: 100%;
  height: auto;
  margin-bottom: 14px;
}
.receipt-summary {
  text-align: right;
}
.receipt-amount {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  padding: 18px;
  margin: 24px 0;
}
.receipt-amount span {
  color: var(--muted);
  font-weight: 800;
}
.receipt-amount strong {
  font-family: Fraunces, serif;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
}
.receipt-grid {
  border-top: 1px solid var(--line);
  padding-top: 20px;
  margin-top: 20px;
}
.receipt-note {
  border-top: 1px solid var(--line);
  margin-top: 22px;
  padding-top: 18px;
}
.grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.big-number { font-size: 2.2rem; font-weight: 950; color: var(--red) !important; }
.flash {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 12px auto 0;
  border-radius: 8px;
  padding: 12px 14px;
  font-weight: 850;
}
.flash.success { background: #e9f8ed; color: #185f30; border: 1px solid #b8e2c3; }
.flash.error { background: #fff0f0; color: #9d0d11; border: 1px solid #edbbbb; }
.flash.warning { background: #fff8df; color: #6c4600; border: 1px solid #ead28a; }
.flash.inline { width: 100%; margin: 0 0 18px; }
.verification-nudge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.verification-nudge form { margin: 0; }
.full-button { width: 100%; }
.readable { max-width: 860px; }

.site-footer {
  padding: 42px clamp(16px, 4vw, 48px) 24px;
  background: var(--ink);
  color: rgba(255, 255, 255, .78);
}
.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 26px;
}
.footer-logo { width: 270px; background: var(--white); padding: 6px 8px; border-radius: 8px; }
.site-footer a { display: block; color: rgba(255, 255, 255, .88); text-decoration: none; margin: 6px 0; }
.site-footer h3 { color: var(--white); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.16); margin-top: 28px; padding-top: 18px; }

.mobile-app-nav,
.mobile-context-bar,
.mobile-step-header,
.mobile-step-actions {
  display: none;
}
.pwa-install-card[hidden] {
  display: none !important;
}
.pwa-install-card {
  position: fixed;
  right: 16px;
  bottom: 18px;
  z-index: 96;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: min(460px, calc(100vw - 32px));
  padding: 14px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 8px;
  background: rgba(255, 250, 242, .98);
  box-shadow: 0 18px 46px rgba(33, 25, 20, .2);
  backdrop-filter: blur(16px);
}
.pwa-install-card strong,
.pwa-install-card span {
  display: block;
}
.pwa-install-card strong {
  color: var(--ink);
  font-size: .98rem;
  line-height: 1.2;
}
.pwa-install-card span {
  margin-top: 4px;
  color: var(--muted);
  font-size: .84rem;
  font-weight: 780;
  line-height: 1.35;
}
.pwa-install-actions {
  display: flex;
  gap: 8px;
}
.mobile-step-form .mobile-form-step {
  display: contents;
}

/* Phase 2: global mobile-first app shell polish */
.hero-search,
.form-card,
.panel,
.profile-card,
.product-card,
.pricing-card,
.role-card,
.proof-card,
.journey-card,
.app-task-card,
.customer-path-card,
.lead-next-steps article,
.market-snapshot a,
.plan-recommender article,
.fast-lane,
.provider-prompt-strip,
.pricing-compare,
.visual-card,
.media-card {
  border-radius: var(--radius);
}

.hero-search {
  position: relative;
  padding: 8px;
  border: 1px solid rgba(157, 13, 17, .12);
  border-radius: var(--radius);
  background: rgba(255, 252, 247, .86);
  box-shadow: var(--shadow-soft);
}

.hero-search input,
.hero-search select,
.form-card input,
.form-card textarea,
.form-card select {
  min-height: var(--touch);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.hero-search input:focus,
.hero-search select:focus,
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus {
  outline: 0;
  border-color: rgba(157, 13, 17, .5);
  box-shadow: 0 0 0 3px rgba(157, 13, 17, .1);
}

.hero-search button,
.form-card button[type="submit"] {
  min-height: var(--touch);
}

.section {
  scroll-margin-top: 92px;
}

.section-head h2,
.page-hero h1,
.profile-hero h1,
.hero h1 {
  text-wrap: balance;
}

.section-lead,
.hero-copy > p,
.page-hero > p,
.profile-hero > p {
  text-wrap: pretty;
}

.cards {
  align-items: stretch;
}

.profile-card,
.product-card,
.pricing-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
}

.profile-card::before,
.product-card::before,
.pricing-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--red), var(--orange), var(--gold));
  opacity: .78;
}

.profile-card h3,
.product-card h3,
.pricing-card h2 {
  line-height: 1.22;
}

.profile-card p,
.product-card p,
.pricing-card p {
  overflow-wrap: anywhere;
}

.card-actions .button {
  min-width: 0;
  white-space: normal;
  text-align: center;
}

.product-image {
  height: auto;
  aspect-ratio: 16 / 10;
  min-height: 150px;
}

.avatar.image-avatar,
.product-image.has-photo,
.gallery-item,
.media-card,
.visual-card,
.hero-carousel,
.journey-card {
  background: #f3e0c6;
}

.gallery-item img,
.media-card img,
.visual-card img,
.journey-card img,
.product-image.has-photo img,
.avatar.image-avatar img {
  transform: translateZ(0);
}

.app-task-card,
.customer-path-card,
.market-snapshot a,
.plan-recommender article,
.proof-card,
.lead-next-steps article {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.app-task-card:focus-visible,
.customer-path-card:focus-visible,
.market-snapshot a:focus-visible,
.plan-recommender article:focus-within,
.profile-card a:focus-visible,
.product-card a:focus-visible,
.pricing-card a:focus-visible,
.button:focus-visible,
.site-nav a:focus-visible,
.mobile-app-nav-item:focus-visible {
  outline: 3px solid rgba(157, 13, 17, .24);
  outline-offset: 3px;
}

.intent-chips,
.popular-intent-strip,
.trust-strip,
.profile-signal-row,
.trust-chip-row,
.status-strip,
.city-cloud {
  scrollbar-width: thin;
}

.pricing-card.featured {
  background: linear-gradient(180deg, #fff 0%, #fff6e7 100%);
}

.price-row span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.price-row span::after {
  content: "Monthly";
  border-radius: 999px;
  padding: 4px 8px;
  background: var(--white);
  color: var(--red);
  font-size: .72rem;
  font-weight: 950;
}

.price-row span:first-child:has(+ span)::after {
  content: "India";
}

.price-row span:last-child::after {
  content: "Global";
}

.empty-state {
  margin-inline: auto;
}

.home-hero-v3 {
  position: relative;
}

.home-hero-v3 .hero-copy {
  display: grid;
  align-content: center;
}

.home-hero-v3 .hero-actions {
  margin-top: 2px;
}

.home-hero-v3 .hero-search-advanced {
  grid-template-columns: minmax(150px, .7fr) minmax(220px, 1.2fr) minmax(170px, .8fr);
  max-width: 680px;
}

.home-hero-v3 .hero-search-advanced .button {
  grid-column: 1 / -1;
  width: 100%;
}

.home-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.home-stat-row article {
  display: grid;
  gap: 3px;
  min-height: 96px;
  border: 1px solid rgba(157, 13, 17, .13);
  border-radius: var(--radius);
  padding: 13px;
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--shadow-soft);
}

.home-stat-row strong {
  color: var(--red);
  font-size: 1.55rem;
  line-height: 1;
}

.home-stat-row span {
  color: var(--ink);
  font-size: .82rem;
  font-weight: 950;
}

.home-stat-row small {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 760;
  line-height: 1.35;
}

.home-marketplace-preview {
  padding-top: 20px;
}

.home-bucket-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.home-bucket-card {
  position: relative;
  min-height: 300px;
  display: grid;
  align-content: end;
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(33, 25, 20, .16);
  border-radius: var(--radius);
  padding: 16px;
  color: var(--white);
  text-decoration: none;
  box-shadow: var(--shadow-soft);
  isolation: isolate;
}

.home-bucket-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(33, 25, 20, .06), rgba(33, 25, 20, .82));
}

.home-bucket-card picture,
.home-bucket-card img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.home-bucket-card picture {
  display: block;
}
.home-bucket-card img {
  object-fit: cover;
  transition: transform .5s ease;
}

.home-bucket-card:hover img {
  transform: scale(1.04);
}

.home-bucket-card span,
.home-bucket-card em {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255, 250, 242, .92);
  color: var(--red);
  font-size: .76rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.home-bucket-card strong {
  font-size: 1.35rem;
  line-height: 1.15;
}

.home-bucket-card small {
  color: rgba(255, 255, 255, .88);
  font-weight: 800;
}

.home-bucket-card em {
  margin-top: 4px;
  color: var(--ink);
  text-transform: none;
}

.home-live-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.home-live-column {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  background: rgba(255, 255, 255, .9);
  box-shadow: var(--shadow-soft);
}

.home-live-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
}

.home-live-head h3 {
  margin: 0;
  font-size: 1.18rem;
}

.home-live-head a {
  flex: 0 0 auto;
  color: var(--red);
  font-weight: 950;
  text-decoration: none;
}

.home-mini-list {
  display: grid;
  gap: 9px;
}

.home-mini-list a,
.home-mini-list article {
  display: grid;
  gap: 4px;
  min-height: 86px;
  border: 1px solid #f0ddc6;
  border-radius: var(--radius);
  padding: 12px;
  background: #fffaf3;
  color: var(--ink);
  text-decoration: none;
}

.home-mini-list a:hover {
  border-color: rgba(157, 13, 17, .28);
  background: #fff4e8;
}

.home-mini-list strong {
  line-height: 1.25;
}

.home-mini-list span,
.home-mini-list small {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.35;
}

[dir="rtl"] .site-header, [dir="rtl"] .hero-actions, [dir="rtl"] .card-actions { direction: rtl; }

@media print {
  .site-header, .site-footer, .flash, .no-print {
    display: none !important;
  }
  body {
    background: #fff;
  }
  main, .section, .receipt-shell {
    padding: 0;
    margin: 0;
    max-width: none;
  }
  .panel, .receipt-document {
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  a {
    color: #000;
    text-decoration: none;
  }
}

@media (max-width: 980px) {
  .site-header { padding: 10px 16px; }
  .brand img { width: min(196px, 56vw); }
  .nav-toggle { display: inline-flex; align-items: center; min-height: 42px; border: 1px solid var(--line); border-radius: 8px; padding: 8px 11px; background: var(--white); font-weight: 900; }
  .site-nav { display: none; position: absolute; top: 68px; left: 16px; right: 16px; flex-direction: column; align-items: stretch; max-height: calc(100vh - 86px); overflow-y: auto; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255, 253, 249, .98); box-shadow: var(--shadow-strong); }
  .site-nav.open { display: flex; }
  .site-nav a { justify-content: space-between; min-height: 46px; padding: 11px 12px; border-radius: 8px; border: 1px solid transparent; }
  .site-nav a.is-active { border-color: rgba(157, 13, 17, .18); }
  .hero, .split, .profile-hero, .profile-contact-bar, .profile-verification-panel, .dashboard, .footer-grid, .content-columns, .launch-control, .profile-switcher, .visual-band, .setup-wizard-panel, .section-guidance, .profile-builder-grid, .fast-lane, .auth-split, .onboarding-command-center, .offer-builder-intro, .offer-builder-grid, .role-command-center { grid-template-columns: 1fr; }
  .hero-search, .hero-search.compact, .hero-search-advanced, .hero-search.discovery-search, .hero-search.product-search, .hero-search.gallery-search { grid-template-columns: 1fr; }
  .home-hero-v3 .hero-search-advanced {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .home-hero-v3 .hero-search-advanced .button {
    grid-column: auto;
  }
  .cards, .role-grid, .pricing-grid, .gallery-grid, .profile-nav-strip, .profile-gallery-showcase, .grid-two, .timeline-grid, .capability-grid, .metric-grid, .detail-kpi-grid, .readiness-grid, .check-grid, .form-grid, .action-grid, .onboarding-hero, .onboarding-steps, .media-strip, .journey-grid, .task-grid, .proof-grid, .role-board, .form-helper-grid, .market-snapshot, .plan-recommender, .pricing-decision-strip, .mobile-search-coach, .wizard-grid, .admin-filter-bar, .customer-path-grid, .lead-next-steps, .provider-setup-map, .onboarding-command-list, .compact-form-grid, .lead-escalation-strip, .lead-analytics-grid, .request-type-grid, .request-template-grid, .provider-response-guide, .response-check-grid, .provider-response-template-grid, .lead-command-panel, .lead-command-grid, .request-ops-grid, .admin-route-panel, .admin-lead-actions-grid, .compact-actions, .admin-command-layout, .admin-command-grid, .home-stat-row, .home-bucket-grid, .home-live-grid, .result-toolbar, .detail-conversion-panel, .decision-mini-grid, .product-spec-grid, .request-booking-stepper, .request-tracking-grid, .role-dashboard-grid, .billing-access-panel, .billing-access-grid { grid-template-columns: 1fr; }
  .admin-match-summary { grid-template-columns: 1fr; }
  .receipt-top, .receipt-grid { grid-template-columns: 1fr; }
  .receipt-summary { text-align: left; }
  .receipt-amount { align-items: flex-start; flex-direction: column; }
  .dashboard-side { position: static; }
  .auth-split { width: calc(100% - 24px); }
  .bio-template-row { align-items: stretch; flex-direction: column; }
  .switcher-list { justify-content: stretch; max-width: none; }
  .switcher-pill { min-width: 0; }
  .milestone-item { grid-template-columns: 1fr; align-items: start; }
  .approval-row { display: block; }
  .approval-actions { justify-content: flex-start; margin-top: 10px; }
  .fast-lane-actions { justify-content: stretch; }
  .fast-lane-actions .button { flex: 1 1 180px; }
  .empty-recovery-grid,
  .provider-prompt-strip {
    grid-template-columns: 1fr;
  }
  .prompt-action-stack {
    width: 100%;
    min-width: 0;
  }
  .prompt-action-stack .button {
    width: 100%;
  }
  .customer-path-card,
  .lead-next-steps article {
    min-height: 0;
  }
  .request-helper-panel {
    position: static;
  }
  .request-booking-stepper article {
    min-height: 0;
  }
  .request-summary-card dl div {
    grid-template-columns: 1fr;
  }
  .lead-card-head { display: block; }
  .lead-quick-actions { justify-content: flex-start; margin-top: 10px; }
  .shortlist-drawer {
    width: min(calc(100vw - 24px), 420px);
    padding: 18px;
  }
  .shortlist-fab {
    right: 12px;
    bottom: 12px;
  }
  .hero { min-height: auto; padding-top: 42px; }
  .profile-contact-bar {
    top: 70px;
    align-items: start;
  }
  .profile-contact-actions {
    justify-content: stretch;
  }
  .profile-contact-actions .button {
    flex: 1 1 136px;
  }
  .profile-nav-strip {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }
  .profile-nav-strip a {
    flex: 0 0 138px;
    scroll-snap-align: start;
  }
  .location-facts,
  .compact-checks,
  .decision-step-grid,
  .portfolio-action-panel {
    grid-template-columns: 1fr;
  }
  .featured-gallery-item,
  .featured-gallery-item img {
    min-height: 300px !important;
  }
  .portfolio-action-panel .button,
  .listing-actions .button {
    width: 100%;
  }
  .hero-copy, .hero-carousel { min-width: 0; max-width: 100%; }
  .hero-search { width: 100%; max-width: 100%; }
  .hero-search input, .hero-search select, .hero-search button { min-width: 0; }
  .page-hero p, .hero p, .profile-hero p { max-width: 100%; overflow-wrap: anywhere; }
  .intent-chips {
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }
  .intent-chips a {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .marketplace-command-strip {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding: 2px 2px 10px;
    scroll-snap-type: x proximity;
  }
  .marketplace-command-card {
    flex: 0 0 min(82vw, 330px);
    min-height: 156px;
    scroll-snap-align: start;
  }
  .result-toolbar-actions {
    justify-content: stretch;
  }
  .result-toolbar-actions .button {
    flex: 1 1 145px;
  }
  .hero-carousel { min-height: 360px; aspect-ratio: 16 / 11; }
  .hero-slide figcaption strong { font-size: 1.08rem; }
  .hero h1, .page-hero h1, .profile-hero h1 {
    font-size: clamp(1.95rem, 7.2vw, 2.32rem);
    line-height: 1.08;
    overflow-wrap: normal;
  }
  .hero h1 span { display: block; }
  .section h2 { font-size: 2rem; }
  .dashboard-main h1 { font-size: 2rem; }
  .pricing-compare table,
  .pricing-compare thead,
  .pricing-compare tbody,
  .pricing-compare tr,
  .pricing-compare th,
  .pricing-compare td {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .pricing-compare thead { display: none; }
  .pricing-compare tbody tr {
    padding: 14px;
    border-bottom: 1px solid var(--line);
  }
  .pricing-compare tbody tr:last-child { border-bottom: 0; }
  .pricing-compare tbody th {
    padding: 0 0 10px;
    border-bottom: 1px solid var(--line);
    background: transparent;
  }
  .pricing-compare td {
    display: grid;
    grid-template-columns: minmax(118px, .72fr) 1fr;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f1e1cf;
  }
  .pricing-compare td::before {
    content: attr(data-label);
    color: var(--ink);
    font-weight: 950;
  }
  .pricing-compare tr:last-child td:last-child { border-bottom: 0; }
}

@media (max-width: 760px) {
  body {
    padding-bottom: calc(86px + env(safe-area-inset-bottom));
  }
  body:has(.mobile-context-bar),
  body.has-mobile-context-bar {
    padding-bottom: calc(144px + env(safe-area-inset-bottom));
  }
  .site-header {
    top: 0;
    padding: 8px 12px;
  }
  .site-footer {
    padding-bottom: calc(98px + env(safe-area-inset-bottom));
  }
  .mobile-app-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    padding: 9px 8px calc(9px + env(safe-area-inset-bottom));
    background: rgba(255, 250, 242, .96);
    border-top: 1px solid var(--line);
    box-shadow: 0 -14px 36px rgba(33, 25, 20, .14);
    backdrop-filter: blur(16px);
  }
  .pwa-install-card {
    left: 10px;
    right: 10px;
    bottom: calc(78px + env(safe-area-inset-bottom));
    width: auto;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .pwa-install-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .pwa-install-actions .button {
    width: 100%;
  }
  .mobile-app-nav-item {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 58px;
    padding: 4px 2px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    text-decoration: none;
    font: inherit;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1.05;
    cursor: pointer;
  }
  .mobile-app-icon {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #fff1df;
    color: var(--red);
    font-size: .72rem;
    font-weight: 950;
  }
  .mobile-app-nav-item.is-active {
    color: var(--red);
    background: #fff4e8;
  }
  .mobile-app-nav-item.is-active .mobile-app-icon,
  .mobile-app-nav-item:focus-visible .mobile-app-icon {
    background: var(--red);
    color: var(--white);
  }
  .mobile-nav-count {
    position: absolute;
    top: 4px;
    right: 10px;
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--red);
    color: var(--white);
    font-size: .64rem;
  }
  .mobile-context-bar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    z-index: 82;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 8px;
    border: 1px solid rgba(157, 13, 17, .16);
    border-radius: 8px;
    background: rgba(255, 250, 242, .96);
    box-shadow: 0 14px 34px rgba(33, 25, 20, .2);
    backdrop-filter: blur(16px);
  }
  .mobile-context-bar a,
  .mobile-context-bar button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--white);
    color: var(--ink);
    font: inherit;
    font-size: .78rem;
    font-weight: 950;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }
  .mobile-context-bar .mobile-context-primary {
    border-color: var(--red);
    background: var(--red);
    color: var(--white);
    box-shadow: 0 10px 22px rgba(157, 13, 17, .2);
  }
  .shortlist-fab {
    display: none !important;
  }
  .shortlist-drawer {
    bottom: calc(82px + env(safe-area-inset-bottom));
  }
  .hero,
  .page-hero,
  .profile-hero {
    width: calc(100% - 24px);
  }
  .section {
    width: calc(100% - 24px);
    padding: 38px 0;
  }
  .section.muted {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .compact-section {
    padding-top: 16px;
    padding-bottom: 18px;
  }
  .hero-search {
    gap: 8px;
    margin: 18px 0 14px;
    padding: 8px;
  }
  .hero-search input,
  .hero-search select,
  .hero-search button {
    min-height: 50px;
    font-size: 1rem;
  }
  .cards {
    gap: 14px;
  }
  .profile-card,
  .product-card,
  .pricing-card,
  .panel,
  .form-card {
    padding: 18px;
  }
  .card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .card-actions .button,
  .profile-card .card-actions .button,
  .product-card .card-actions .button {
    width: 100%;
    flex: initial;
  }
  .trust-strip,
  .intent-chips,
  .hero-assurance-row,
  .profile-signal-row,
  .trust-chip-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .trust-strip span,
  .intent-chips a,
  .hero-assurance-row span,
  .profile-signal-row span,
  .trust-chip-row span {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .form-card.mobile-step-form {
    gap: 0;
    overflow: hidden;
  }
  .mobile-step-header {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
  }
  .mobile-step-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-weight: 950;
    color: var(--ink);
  }
  .mobile-step-title span {
    color: var(--muted);
    font-size: .84rem;
    white-space: nowrap;
  }
  .mobile-step-dots {
    display: grid;
    grid-template-columns: repeat(var(--step-count, 3), 1fr);
    gap: 6px;
  }
  .mobile-step-dots i {
    height: 4px;
    border-radius: 999px;
    background: #efd7bd;
  }
  .mobile-step-dots i.is-active {
    background: var(--red);
  }
  .mobile-step-form .mobile-form-step {
    display: none;
    gap: 14px;
  }
  .mobile-step-form .mobile-form-step.is-active {
    display: grid;
  }
  .mobile-step-actions {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
  }
  .mobile-step-actions button {
    width: 100%;
  }
  .mobile-step-actions button[disabled] {
    opacity: .45;
    cursor: not-allowed;
  }
  .app-task-rail {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding: 2px 2px 10px;
  }
  .app-task-card {
    flex: 0 0 min(82vw, 320px);
    min-height: 178px;
    scroll-snap-align: start;
  }
  .home-stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-bucket-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding: 2px 2px 10px;
  }
  .home-bucket-card {
    flex: 0 0 min(84vw, 330px);
    min-height: 260px;
    scroll-snap-align: start;
  }
  .home-live-column {
    padding: 14px;
  }
  .home-live-head {
    display: grid;
  }
  .mobile-search-coach {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 8px;
  }
  .mobile-search-coach article {
    flex: 0 0 min(82vw, 310px);
    scroll-snap-align: start;
  }
  .popular-intent-strip {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 6px;
  }
  .popular-intent-strip a,
  .popular-intent-strip strong {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  .hero, .page-hero, .profile-hero, .section {
    width: calc(100% - 32px);
    max-width: 1180px;
  }
  .site-header { gap: 10px; }
  .brand img { width: min(182px, 62vw); }
  .nav-toggle { min-height: 42px; padding: 7px 10px; }
  .hero { padding-top: 26px; gap: 22px; }
  .hero-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }
  .hero h1 {
    font-size: clamp(1.86rem, 8.5vw, 2.18rem);
  }
  .hero h1 span {
    display: block;
  }
  .hero-copy {
    min-width: 0;
  }
  .hero p,
  .page-hero p,
  .profile-hero p,
  .section-lead {
    max-width: calc(100vw - 32px);
    overflow-wrap: break-word;
  }
  .button {
    width: 100%;
  }
  .mobile-app-nav .mobile-app-nav-item,
  .mobile-context-bar a,
  .mobile-context-bar button {
    width: auto;
  }
  .hero-search input, .hero-search select {
    min-height: 48px;
  }
  .hero-carousel {
    min-height: 300px;
    aspect-ratio: 4 / 3;
  }
  .home-stat-row {
    gap: 8px;
  }
  .home-stat-row article {
    min-height: 88px;
    padding: 11px;
  }
  .home-stat-row strong {
    font-size: 1.32rem;
  }
  .home-bucket-card {
    flex-basis: 86vw;
    min-height: 238px;
  }
  .home-mini-list a,
  .home-mini-list article {
    min-height: 0;
  }
  .hero-slide figcaption {
    left: 14px;
    right: 14px;
    bottom: 14px;
  }
  .hero-slide figcaption strong {
    font-size: 1rem;
  }
  .media-card,
  .visual-card,
  .visual-card img {
    min-height: 260px;
  }
  .product-image {
    min-height: 132px;
  }
  .card-actions {
    grid-template-columns: 1fr;
  }
  .pricing-compare td {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .mobile-app-nav {
    gap: 2px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .mobile-app-nav-item {
    font-size: .62rem;
    min-height: 56px;
  }
  .mobile-app-icon {
    width: 26px;
    height: 26px;
  }
  .hero-actions .button {
    width: 100%;
    min-width: 0;
  }
  .shortlist-drawer {
    top: 12px;
    right: 12px;
    bottom: 12px;
    height: auto;
  }
  .shortlist-head {
    display: grid;
    grid-template-columns: 1fr;
  }
  .shortlist-head .button {
    width: 100%;
  }
  .trust-strip span {
    max-width: 100%;
    white-space: normal;
  }
}

/* Homepage customer-facing cleanup: v82 */
.home-hero-v4 {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  padding-top: clamp(42px, 7vw, 88px);
  padding-bottom: clamp(34px, 6vw, 72px);
}

.home-hero-v4 .hero-copy {
  width: min(100%, 1160px);
  margin-inline: auto;
  display: grid;
  justify-items: center;
  gap: 14px;
}

.home-hero-v4 .eyebrow,
.centered-head .eyebrow {
  text-align: center;
}

.home-hero-v4 h1 {
  max-width: 1120px;
  margin-inline: auto;
  font-size: clamp(2.75rem, 4.8vw, 3.65rem);
}

.home-hero-v4 .hero-summary {
  max-width: 650px;
  margin: 0 auto;
  color: var(--muted);
  font-weight: 760;
}

.customer-search-box {
  width: min(100%, 920px);
  max-width: 920px;
  margin: 12px auto 0;
  padding: 14px;
  grid-template-columns: minmax(160px, .75fr) minmax(230px, 1.25fr) minmax(190px, .85fr);
  gap: 10px;
  text-align: left;
}

.customer-search-box label {
  display: grid;
  gap: 6px;
}

.customer-search-box label > span {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.customer-search-box button[type="submit"] {
  grid-column: 1 / span 2;
  min-height: 48px;
}

.customer-search-box .location-button {
  grid-column: 3;
  min-height: 48px;
}

.location-status {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 760;
  text-align: center;
}

.location-status.is-ok {
  color: #11723a;
}

.location-status.is-error {
  color: var(--red);
}

.customer-hero-actions {
  justify-content: center;
}

.customer-hero-actions .subtle-action {
  color: var(--red);
  background: rgba(255, 255, 255, .72);
}

.hero-popular-searches {
  justify-content: center;
  max-width: 920px;
}

.home-featured-section {
  padding-top: clamp(24px, 4vw, 52px);
}

.centered-head {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
  justify-items: center;
}

.featured-customer-cards {
  max-width: 1040px;
  margin-inline: auto;
}

.featured-customer-card {
  text-align: left;
}

.customer-task-section,
.customer-how-section,
.home-faq-section {
  text-align: center;
}

.customer-task-grid {
  max-width: 1080px;
  margin-inline: auto;
}

.customer-task-card {
  text-align: left;
}

.customer-task-card em {
  color: var(--red);
  font-size: .72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.customer-how-grid {
  max-width: 1080px;
  margin-inline: auto;
  text-align: left;
}

.faq-split-grid {
  width: min(100%, 1060px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  text-align: left;
}

.faq-column {
  display: grid;
  align-content: start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(16px, 3vw, 24px);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--shadow-soft);
}

.faq-column h3 {
  margin: 0;
  font-size: 1.18rem;
}

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

@media (max-width: 980px) {
  .customer-search-box {
    grid-template-columns: 1fr 1fr;
  }
  .customer-search-box label:first-child {
    grid-column: 1 / -1;
  }
  .customer-search-box button[type="submit"],
  .customer-search-box .location-button {
    grid-column: auto;
  }
  .faq-split-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .home-hero-v4 {
    padding-top: 28px;
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    justify-items: stretch;
  }
  .home-hero-v4 .hero-copy,
  .home-hero-v4 .eyebrow,
  .centered-head,
  .customer-task-section,
  .customer-how-section,
  .home-faq-section {
    text-align: left;
    justify-items: start;
  }
  .home-hero-v4 .hero-copy,
  .home-hero-v4 h1,
  .home-hero-v4 .hero-summary,
  .customer-search-box,
  .hero-popular-searches {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .customer-search-box {
    grid-template-columns: 1fr;
    padding: 12px;
    width: calc(100% - 16px);
    max-width: calc(100% - 16px);
  }
  .customer-search-box label:first-child,
  .customer-search-box button[type="submit"],
  .customer-search-box .location-button,
  .location-status {
    grid-column: 1;
  }
  .hero-popular-searches,
  .customer-hero-actions {
    justify-content: flex-start;
  }
}

/* Homepage intent-driven customer UX: v84 source */
.home-hero-v4 .eyebrow {
  color: #7f0a0d;
  max-width: min(100%, 760px);
  white-space: normal;
  line-height: 1.32;
  text-wrap: balance;
}

.home-hero-v4 h1 span {
  display: block;
}

.customer-search-box select[data-search-keyword] {
  cursor: pointer;
}

.customer-search-box button[type="submit"] {
  grid-column: 1 / span 2;
}

.popular-group {
  display: none;
  flex-wrap: wrap;
  gap: 7px;
}

.popular-group.is-active {
  display: contents;
}

.popular-group-artists a {
  background: #fff2df;
  border-color: #efcda7;
}

.popular-group-tutors a {
  background: #f1f7e9;
  border-color: #cbdcb8;
}

.popular-group-products a {
  background: #eef8f1;
  border-color: #bddfca;
}

.popular-group-gallery a {
  background: #fff0ef;
  border-color: #efc2bd;
}

.pulse-action {
  position: relative;
  overflow: hidden;
  background: #211914;
  color: var(--white);
  animation: professionalPulse 1.9s ease-in-out infinite;
}

.compact-label {
  display: none;
}

@keyframes professionalPulse {
  0%, 100% { background: #211914; box-shadow: 0 10px 20px rgba(33, 25, 20, .14); }
  50% { background: var(--red); box-shadow: 0 16px 34px rgba(157, 13, 17, .28); }
}

.compact-feature-section {
  padding-top: clamp(24px, 4vw, 48px);
  padding-bottom: clamp(18px, 3vw, 36px);
}

.compact-feature-list {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(190px, 1fr);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: thin;
  gap: 10px;
}

.feature-rail-shell {
  width: min(100%, 1120px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  align-items: center;
  gap: 10px;
}

.rail-button {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--white);
  color: var(--red);
  font-size: 1.05rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: var(--shadow-soft);
}

.compact-profile-card {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-height: 176px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
  background: rgba(255, 255, 255, .9);
  box-shadow: var(--shadow-soft);
  text-align: center;
  scroll-snap-align: start;
}

.compact-profile-card img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff0df;
  box-shadow: 0 8px 18px rgba(61, 35, 18, .10);
}

.compact-profile-card strong {
  line-height: 1.22;
}

.compact-profile-card span,
.compact-profile-card small {
  color: var(--muted);
  font-size: .82rem;
  font-weight: 760;
  line-height: 1.35;
}

.compact-profile-card a {
  align-self: end;
  justify-self: center;
  width: fit-content;
  border-radius: 999px;
  padding: 7px 10px;
  background: var(--red);
  color: var(--white);
  font-size: .78rem;
  font-weight: 950;
  text-decoration: none;
}

.customer-task-grid-v2 {
  width: min(100%, 1080px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
}

.task-detail-card,
.how-step-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--shadow-soft);
  text-align: left;
}

.task-main-action,
.how-step-card summary {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  gap: 10px;
  min-height: 96px;
  padding: 14px 12px;
  cursor: pointer;
  color: var(--ink);
  text-decoration: none;
}

.how-step-card summary {
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: 96px;
  list-style: none;
  text-align: center;
}

.how-step-card summary::-webkit-details-marker {
  display: none;
}

.task-main-action strong,
.how-step-card summary strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 999px;
  padding: 8px 12px;
  background: #fff0df;
  color: var(--red);
  line-height: 1.2;
  text-align: center;
}

.task-symbol {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
  box-shadow: 0 8px 18px rgba(157, 13, 17, .18);
}

.task-icon-svg {
  width: 21px;
  height: 21px;
  display: block;
}

.task-card-red .task-main-action strong,
.task-card-red .task-symbol { background: var(--red); color: var(--white); }
.task-card-gold .task-main-action strong,
.task-card-gold .task-symbol { background: #d39a16; color: var(--white); }
.task-card-green .task-main-action strong,
.task-card-green .task-symbol { background: #168a43; color: var(--white); }
.task-card-orange .task-main-action strong,
.task-card-orange .task-symbol { background: #e96f2f; color: var(--white); }

.task-detail-card details {
  border-top: 1px solid var(--line);
}

.task-detail-card details summary {
  display: grid;
  place-items: center;
  min-height: 40px;
  padding: 8px 12px;
  color: var(--muted);
  cursor: pointer;
  font-weight: 900;
  text-align: center;
  list-style: none;
}

.task-detail-card details summary::-webkit-details-marker,
.how-step-card summary::-webkit-details-marker {
  display: none;
}

.detail-toggle-icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #fff0df;
  color: var(--red);
}

.detail-toggle-icon::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}

details[open] > summary .detail-toggle-icon::before,
.task-detail-card details[open] summary .detail-toggle-icon::before {
  transform: rotate(225deg) translate(-1px, -1px);
}

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

.task-detail-card p,
.how-step-card p {
  margin: 0;
  padding: 0 12px 10px;
  color: var(--muted);
  font-weight: 760;
  line-height: 1.45;
}

.how-stepper {
  width: min(100%, 1080px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: start;
  gap: 10px;
}

.step-arrow {
  align-self: center;
  color: var(--red);
  font-weight: 950;
}

.faq-tab-shell {
  width: min(100%, 900px);
  margin-inline: auto;
  display: grid;
  gap: 14px;
}

.faq-tab-buttons {
  display: grid;
  grid-template-columns: minmax(180px, 280px);
  justify-content: center;
  gap: 10px;
}

.faq-tab-buttons button {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 16px;
  background: var(--white);
  color: var(--red);
  font-weight: 950;
  cursor: pointer;
}

.faq-tab-buttons button.is-active {
  background: var(--red);
  color: var(--white);
  border-color: var(--red);
  box-shadow: 0 10px 22px rgba(157, 13, 17, .18);
}

.faq-panel {
  max-width: 760px;
  margin-inline: auto;
}

@media (max-width: 980px) {
  .customer-task-grid-v2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .how-stepper {
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 7px;
  }
  .step-arrow {
    justify-self: center;
    transform: none;
  }
}

@media (max-width: 640px) {
  .home-hero-v4,
  .home-hero-v4 .hero-copy,
  .home-hero-v4 .eyebrow,
  .centered-head,
  .customer-task-section,
  .customer-how-section,
  .home-faq-section {
    text-align: center;
    justify-items: center;
  }
  .home-hero-v4 h1 {
    width: min(100%, 356px);
    font-size: clamp(.96rem, 3.9vw, 1.08rem);
    line-height: 1.12;
    overflow-wrap: break-word;
    text-wrap: auto;
  }
  .home-hero-v4 h1 span {
    display: block;
    white-space: nowrap;
  }
  .home-hero-v4 .eyebrow {
    max-width: 330px;
    font-size: .68rem;
    line-height: 1.36;
  }
  .customer-search-box {
    width: 100%;
    max-width: 100%;
  }
  .customer-search-box button[type="submit"],
  .customer-search-box .location-button {
    grid-column: 1;
  }
  .hero-popular-searches,
  .customer-hero-actions {
    justify-content: center;
  }
  .hero-popular-searches {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: auto repeat(4, minmax(0, 1fr));
    gap: 5px;
    align-items: stretch;
    overflow: visible;
    flex-wrap: nowrap;
    justify-content: center;
    scrollbar-width: none;
  }
  .hero-popular-searches::-webkit-scrollbar {
    display: none;
  }
  .hero-popular-searches strong,
  .hero-popular-searches a {
    min-width: 0;
    padding: 6px 4px;
    font-size: .6rem;
    line-height: 1.08;
    white-space: normal;
    text-align: center;
  }
  .customer-hero-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  .customer-hero-actions .button {
    min-height: 42px;
    padding: 8px 4px;
    font-size: .66rem;
    line-height: 1.08;
    white-space: normal;
  }
  .customer-hero-actions .wide-label {
    display: none;
  }
  .customer-hero-actions .compact-label {
    display: inline;
  }
  .centered-head h2,
  .compact-feature-section h2,
  .customer-task-section h2,
  .customer-how-section h2,
  .home-faq-section h2 {
    max-width: 100%;
    font-size: clamp(1.12rem, 5.3vw, 1.36rem);
    line-height: 1.16;
    overflow-wrap: break-word;
  }
  .customer-task-grid-v2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  .task-main-action,
  .how-step-card summary {
    min-height: 84px;
    padding: 9px 5px;
    gap: 7px;
  }
  .task-main-action strong,
  .how-step-card summary strong {
    padding: 6px 7px;
    font-size: .65rem;
    line-height: 1.08;
  }
  .task-symbol {
    width: 32px;
    height: 32px;
  }
  .task-icon-svg {
    width: 17px;
    height: 17px;
  }
  .task-detail-card details summary {
    min-height: 30px;
    padding: 4px;
  }
  .detail-toggle-icon {
    width: 23px;
    height: 23px;
  }
  .task-detail-card p,
  .how-step-card p {
    padding: 0 7px 8px;
    font-size: .67rem;
    line-height: 1.28;
  }
  .how-stepper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  .step-arrow {
    display: none;
  }
  .feature-rail-shell {
    grid-template-columns: 36px 1fr 36px;
    gap: 6px;
  }
  .rail-button {
    width: 36px;
    height: 36px;
  }
  .compact-feature-list {
    grid-template-columns: none;
    grid-auto-columns: minmax(72%, 1fr);
  }
  .compact-profile-card {
    min-height: 104px;
  }
  .faq-tab-buttons {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .faq-tab-buttons button {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Homepage v87 correction: visible logo zoom + desktop-like mobile search layout */
.brand img {
  width: min(258px, 52vw);
  aspect-ratio: auto;
  object-fit: contain;
}

.footer-logo {
  width: min(330px, 100%);
  aspect-ratio: auto;
  object-fit: contain;
  padding: 4px 6px;
}

@media (max-width: 980px) {
  .brand img {
    width: min(218px, 58vw);
  }
}

@media (max-width: 640px) {
  .customer-search-box {
    grid-template-columns: minmax(76px, .82fr) minmax(112px, 1.18fr) minmax(86px, .9fr) !important;
    gap: 6px;
    padding: 8px;
  }
  .customer-search-box label:first-child {
    grid-column: auto;
  }
  .customer-search-box button[type="submit"] {
    grid-column: 1 / span 2;
  }
  .customer-search-box .location-button {
    grid-column: 3;
  }
  .customer-search-box input,
  .customer-search-box select,
  .customer-search-box button {
    min-height: 40px;
    padding: 7px 6px;
    font-size: .68rem;
    line-height: 1.12;
  }
  .customer-search-box label > span {
    font-size: .56rem;
  }
  .customer-search-box .location-button {
    font-size: .58rem;
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .brand img {
    width: min(204px, 64vw);
  }
}

/* Homepage v87b final visibility corrections */
.brand img {
  width: min(318px, 60vw);
}

.footer-logo {
  width: min(410px, 100%);
}

@media (max-width: 980px) {
  .brand img {
    width: min(272px, 70vw);
  }
}

@media (max-width: 640px) {
  .brand img {
    width: min(246px, 72vw);
  }
  .customer-search-box input,
  .customer-search-box select,
  .customer-search-box button {
    font-size: .64rem;
  }
  .customer-search-box .wide-label {
    display: none;
  }
  .customer-search-box .compact-label {
    display: inline;
  }
  .customer-search-box .location-button {
    font-size: .62rem;
  }
  .customer-hero-actions .button {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-inline: 3px;
    font-size: .6rem;
  }
  .compact-feature-section h2 {
    width: min(100%, 330px);
    margin-inline: auto;
    white-space: normal;
  }
}

@media (max-width: 360px) {
  .customer-search-box {
    gap: 4px;
  }
  .customer-search-box input,
  .customer-search-box select,
  .customer-search-box button,
  .customer-hero-actions .button {
    font-size: .56rem;
  }
}

/* Homepage v88: customer-facing polish, tight logo crop, app-like mobile density */
.site-header {
  min-height: 82px;
}

.brand {
  display: inline-flex;
  align-items: center;
}

.brand img {
  width: min(252px, 38vw);
  height: auto !important;
  max-height: 78px;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  object-fit: contain;
  object-position: center;
}

.site-footer .footer-grid > div:first-child {
  display: grid;
  align-content: start;
  justify-items: start;
}

.footer-logo {
  width: min(288px, 86vw) !important;
  height: auto !important;
  padding: 8px 10px !important;
  background: var(--white);
  border-radius: 8px;
  object-fit: contain;
  object-position: center;
}

.home-confidence-section,
.home-shortcuts-section,
.home-testimonial-section {
  text-align: center;
}

.home-confidence-grid,
.home-shortcut-grid {
  width: min(100%, 1080px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.home-confidence-grid article,
.home-shortcut-grid a {
  min-height: 126px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 14px;
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--shadow-soft);
  text-align: center;
}

.home-confidence-grid article {
  display: grid;
  justify-items: center;
  gap: 7px;
}

.home-confidence-grid article span {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--red);
  color: var(--white);
  font-weight: 950;
  font-size: .78rem;
}

.home-confidence-grid article strong,
.home-shortcut-grid a strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.18;
}

.home-confidence-grid article p,
.home-shortcut-grid a span {
  margin: 0;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 760;
  line-height: 1.34;
}

.home-shortcut-grid a {
  display: grid;
  align-content: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

.home-shortcut-grid a:hover,
.compact-profile-card:hover,
.task-detail-card:hover,
.how-step-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(61, 35, 18, .12);
}

.testimonial-shell {
  width: min(100%, 1000px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 18px;
  align-items: stretch;
}

.testimonial-carousel,
.review-preview-form {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--shadow-soft);
}

.testimonial-carousel {
  position: relative;
  min-height: 230px;
  display: grid;
  align-content: center;
  padding: clamp(18px, 4vw, 34px);
  overflow: hidden;
}

.testimonial-slide {
  display: none;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

.testimonial-slide.is-active {
  display: grid;
}

.testimonial-slide p {
  max-width: 620px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  font-weight: 850;
  line-height: 1.42;
}

.testimonial-slide strong {
  color: var(--red);
}

.testimonial-slide span {
  color: var(--muted);
  font-weight: 800;
}

.testimonial-dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 18px;
}

.testimonial-dots button {
  width: 9px;
  height: 9px;
  border: 0;
  border-radius: 999px;
  background: #ead8bf;
  cursor: pointer;
}

.testimonial-dots button.is-active {
  width: 28px;
  background: var(--red);
}

.review-preview-form {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 18px;
  text-align: left;
}

.review-preview-form strong {
  font-size: 1.05rem;
}

.review-preview-form input,
.review-preview-form textarea {
  width: 100%;
}

.review-preview-form small {
  color: #11723a;
  font-weight: 850;
}

@media (max-width: 980px) {
  .brand img {
    width: min(224px, 44vw);
  }

  .home-confidence-grid,
  .home-shortcut-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .testimonial-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  html,
  body {
    overflow-x: hidden;
  }

  .site-header {
    min-height: 70px;
    padding: 8px 10px;
    gap: 8px;
  }

  .brand img {
    width: min(178px, 45vw);
    max-height: 58px;
  }

  .site-footer {
    padding: 32px 14px calc(76px + env(safe-area-inset-bottom));
  }

  .site-footer .footer-grid > div:first-child {
    justify-items: center;
    text-align: center;
  }

  .footer-logo {
    width: min(238px, 76vw) !important;
    padding: 7px 9px !important;
  }

  .home-hero-v4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-hero-v4 h1 {
    width: min(100%, 342px);
    font-size: clamp(.92rem, 3.65vw, 1.05rem);
  }

  .customer-search-box {
    grid-template-columns: minmax(72px, .82fr) minmax(114px, 1.18fr) minmax(82px, .9fr) !important;
    gap: 5px;
    padding: 7px;
    border-radius: 10px;
  }

  .customer-search-box input,
  .customer-search-box select,
  .customer-search-box button {
    min-height: 36px;
    padding: 6px 5px;
    font-size: .58rem;
  }

  .customer-search-box label > span {
    font-size: .5rem;
  }

  .hero-popular-searches {
    grid-template-columns: auto repeat(4, minmax(0, 1fr));
    gap: 4px;
  }

  .hero-popular-searches strong,
  .hero-popular-searches a,
  .customer-hero-actions .button {
    font-size: .54rem;
    line-height: 1.05;
  }

  .customer-hero-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  .customer-hero-actions .button {
    min-height: 36px;
    padding: 6px 3px;
  }

  .feature-rail-shell {
    grid-template-columns: 28px 1fr 28px;
    gap: 4px;
    width: 100%;
  }

  .rail-button {
    width: 28px;
    height: 28px;
    font-size: .82rem;
  }

  .compact-feature-list {
    grid-auto-columns: minmax(46%, 1fr);
    gap: 6px;
  }

  .compact-profile-card {
    min-height: 124px;
    padding: 8px 6px;
    gap: 3px;
  }

  .compact-profile-card img {
    width: 36px;
    height: 36px;
  }

  .compact-profile-card strong {
    font-size: .66rem;
    line-height: 1.08;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .56rem;
    line-height: 1.14;
  }

  .compact-profile-card a {
    padding: 5px 7px;
    font-size: .58rem;
  }

  .home-confidence-grid,
  .home-shortcut-grid,
  .customer-task-grid-v2,
  .how-stepper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
  }

  .home-confidence-grid article,
  .home-shortcut-grid a {
    min-height: 94px;
    padding: 9px 5px;
    border-radius: 9px;
  }

  .home-confidence-grid article span {
    width: 27px;
    height: 27px;
    font-size: .58rem;
  }

  .home-confidence-grid article strong,
  .home-shortcut-grid a strong {
    font-size: .58rem;
    line-height: 1.08;
  }

  .home-confidence-grid article p,
  .home-shortcut-grid a span {
    font-size: .5rem;
    line-height: 1.12;
  }

  .task-main-action,
  .how-step-card summary {
    min-height: 74px;
    padding: 7px 3px;
    gap: 5px;
  }

  .task-main-action strong,
  .how-step-card summary strong {
    padding: 5px 5px;
    font-size: .56rem;
    line-height: 1.04;
  }

  .task-symbol {
    width: 27px;
    height: 27px;
  }

  .task-icon-svg {
    width: 14px;
    height: 14px;
  }

  .detail-toggle-icon {
    width: 21px;
    height: 21px;
  }

  .task-detail-card p,
  .how-step-card p {
    padding: 0 5px 7px;
    font-size: .54rem;
    line-height: 1.18;
  }

  .testimonial-shell {
    gap: 10px;
  }

  .testimonial-carousel {
    min-height: 172px;
    padding: 16px 12px;
  }

  .testimonial-slide p {
    font-size: .86rem;
  }

  .review-preview-form {
    padding: 12px;
  }

  .faq-list details summary {
    font-size: .72rem;
  }
}

@media (max-width: 390px) {
  .brand img {
    width: min(156px, 43vw);
  }

  .home-hero-v4 h1 {
    font-size: .86rem;
  }

  .customer-search-box input,
  .customer-search-box select,
  .customer-search-box button,
  .hero-popular-searches strong,
  .hero-popular-searches a,
  .customer-hero-actions .button {
    font-size: .5rem;
  }
}

/* Homepage v89: trust cards as icon details, testimonial modal, mobile nav close */
.nav-toggle[aria-expanded="true"] {
  font-size: 0;
}

.nav-toggle[aria-expanded="true"]::after {
  content: "\00d7";
  display: inline-grid;
  place-items: center;
  font-size: 1.65rem;
  line-height: 1;
}

.home-confidence-grid {
  align-items: start;
}

.home-confidence-grid .trust-detail-card {
  min-height: 164px;
  padding: 0;
  overflow: hidden;
  display: grid;
  align-content: stretch;
  border-top: 4px solid var(--red);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,239,.96));
}

.trust-main {
  min-height: 118px;
  padding: 16px 12px 12px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 9px;
}

.home-confidence-grid .trust-symbol {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 18px;
  color: var(--white);
  background: var(--red);
  box-shadow: 0 12px 24px rgba(157, 13, 17, .18);
}

.home-confidence-grid .trust-symbol .task-icon-svg {
  width: 23px;
  height: 23px;
}

.home-confidence-grid .trust-main strong {
  color: var(--ink);
  font-size: 1.06rem;
  line-height: 1.18;
}

.trust-card-green {
  border-top-color: #168a43;
}

.trust-card-green .trust-symbol {
  background: #168a43;
}

.trust-card-gold {
  border-top-color: #d39a16;
}

.trust-card-gold .trust-symbol {
  background: #d39a16;
}

.trust-card-orange {
  border-top-color: #e96f2f;
}

.trust-card-orange .trust-symbol {
  background: #e96f2f;
}

.trust-detail-card details {
  border-top: 1px solid var(--line);
}

.trust-detail-card summary {
  min-height: 42px;
  display: grid;
  place-items: center;
  padding: 8px;
  cursor: pointer;
  list-style: none;
}

.trust-detail-card summary::-webkit-details-marker {
  display: none;
}

.home-confidence-grid .detail-toggle-icon {
  display: inline-grid;
  width: 28px;
  height: 28px;
  background: #fff0df;
  color: var(--red);
}

.home-confidence-grid .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.trust-detail-card p {
  margin: 0;
  padding: 0 14px 14px;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 780;
  line-height: 1.38;
}

.home-testimonial-section .section-head {
  max-width: 900px;
}

.testimonial-shell {
  grid-template-columns: 1fr;
  width: min(100%, 920px);
}

.testimonial-carousel {
  justify-items: center;
  text-align: center;
}

.write-review-button {
  justify-self: center;
  margin-top: 18px;
}

.review-modal[hidden] {
  display: none;
}

.review-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 18px;
}

.review-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(33, 25, 20, .62);
  backdrop-filter: blur(6px);
}

.review-modal-dialog {
  position: relative;
  width: min(100%, 460px);
  z-index: 1;
}

.review-modal-close {
  position: absolute;
  top: -12px;
  right: -12px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: var(--red);
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
}

.review-preview-form h3 {
  margin: 0;
}

.review-preview-form select {
  width: 100%;
}

body.review-modal-open {
  overflow: hidden;
}

@media (max-width: 640px) {
  .home-hero-v4 .eyebrow {
    white-space: nowrap;
    width: 100%;
    max-width: calc(100vw - 20px);
    min-width: 0;
    overflow: hidden;
    font-size: clamp(.5rem, 2vw, .64rem);
    text-align: center;
  }

  .home-hero-v4,
  .home-hero-v4 .hero-copy,
  .customer-search-box,
  .hero-popular-searches,
  .customer-hero-actions,
  .home-confidence-grid,
  .customer-task-grid-v2,
  .how-stepper,
  .testimonial-shell {
    width: calc(100vw - 20px) !important;
    min-width: 0;
    max-width: calc(100vw - 20px);
    overflow: visible;
  }

  .home-hero-v4 .hero-copy,
  .customer-search-box,
  .hero-popular-searches,
  .customer-hero-actions {
    width: min(320px, calc(100vw - 20px)) !important;
    max-width: min(320px, calc(100vw - 20px)) !important;
    margin-left: auto;
    margin-right: auto;
  }

  .customer-search-box,
  .customer-search-box > *,
  .hero-popular-searches,
  .hero-popular-searches > *,
  .customer-hero-actions,
  .customer-hero-actions > * {
    box-sizing: border-box;
    min-width: 0;
  }

  .customer-search-box {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 7px !important;
  }

  .customer-search-box input,
  .customer-search-box select,
  .customer-search-box button {
    width: 100%;
  }

  .hero-popular-searches,
  .customer-hero-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .hero-popular-searches strong {
    display: none;
  }

  .home-confidence-grid .trust-detail-card {
    min-height: 106px;
    border-top-width: 3px;
  }

  .trust-main {
    min-height: 74px;
    padding: 8px 4px 6px;
    gap: 5px;
  }

  .home-confidence-grid .trust-symbol {
    width: 29px;
    height: 29px;
    border-radius: 11px;
  }

  .home-confidence-grid .trust-symbol .task-icon-svg {
    width: 15px;
    height: 15px;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .56rem;
    line-height: 1.06;
  }

  .trust-detail-card summary {
    min-height: 30px;
    padding: 4px;
  }

  .trust-detail-card p {
    padding: 0 5px 7px;
    font-size: .52rem;
    line-height: 1.18;
  }

  .review-modal {
    padding: 14px;
  }

  .review-modal-close {
    right: -6px;
    top: -12px;
  }
}

/* Homepage v90 final overrides: keep these last so old mobile rules cannot win */
.site-nav {
  align-items: center;
  gap: clamp(6px, 1vw, 14px);
}

.site-nav a.nav-icon-link,
.site-nav .nav-icon-link {
  display: inline-grid;
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: center;
  gap: 3px;
  min-width: 58px;
  min-height: 58px;
  padding: 7px 9px;
  text-align: center;
  line-height: 1.05;
}

.site-nav .nav-auth-link {
  min-width: 72px;
}

.nav-link-icon,
.footer-link-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: currentColor;
}

.nav-link-icon .ui-icon-svg {
  width: 20px;
  height: 20px;
}

.site-nav .button.small.nav-icon-link {
  border-radius: 10px;
}

.site-footer h3 {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 2px;
}

.site-footer a {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.footer-link-icon .ui-icon-svg {
  width: 17px;
  height: 17px;
}

.mobile-app-icon {
  font-size: 0 !important;
}

.mobile-app-icon .ui-icon-svg {
  width: 17px;
  height: 17px;
}

.home-confidence-section {
  background: linear-gradient(180deg, rgba(255, 248, 238, .72), rgba(255, 251, 245, .94));
}

.home-confidence-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  width: min(100%, 1260px);
  gap: 10px;
}

.home-confidence-grid .trust-detail-card {
  min-height: 148px;
}

.home-confidence-grid .trust-main {
  min-height: 100px;
  padding: 18px 8px 8px;
}

.home-confidence-grid .trust-main strong {
  font-size: .94rem;
}

.home-confidence-grid .trust-symbol {
  width: 42px;
  height: 42px;
  border-radius: 15px;
}

.home-confidence-grid .trust-symbol .task-icon-svg {
  width: 21px;
  height: 21px;
}

.testimonial-shell {
  width: min(100%, 760px) !important;
}

.testimonial-carousel {
  min-height: 214px;
  padding: 24px 22px;
}

.testimonial-slide p {
  max-width: 560px;
  margin-inline: auto;
  font-size: clamp(1rem, 2vw, 1.28rem);
  line-height: 1.25;
}

.home-testimonial-section .section-head h2 {
  max-width: 720px;
}

.faq-tab-buttons button:nth-child(1),
.faq-tab-buttons button:nth-child(1).is-active {
  background: #9d0d11;
  color: #fff;
  border-color: #9d0d11;
}

.faq-tab-buttons button:nth-child(2),
.faq-tab-buttons button:nth-child(2).is-active {
  background: #241812;
  color: #fff;
  border-color: #241812;
}

.faq-tab-buttons button.is-active {
  box-shadow: 0 10px 22px rgba(157, 13, 17, .2);
}

@media (max-width: 900px) {
  .site-nav.open a.nav-icon-link,
  .site-nav.open .nav-icon-link {
    grid-template-columns: 28px 1fr;
    grid-template-rows: auto;
    justify-items: start;
    min-height: 46px;
    min-width: 0;
    gap: 10px;
  }

  .site-nav.open .nav-link-icon .ui-icon-svg {
    width: 19px;
    height: 19px;
  }
}

@media (max-width: 640px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .section,
  .section.muted,
  .home-confidence-section,
  .customer-task-section,
  .home-testimonial-section,
  .home-faq-section {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .home-hero-v4 .hero-copy,
  .customer-search-box,
  .hero-popular-searches,
  .customer-hero-actions,
  .compact-feature-section .section-head,
  .feature-rail-shell,
  .home-confidence-grid,
  .customer-task-grid-v2,
  .testimonial-shell,
  .faq-tab-shell {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .home-hero-v4 .eyebrow {
    white-space: nowrap;
    font-size: clamp(.42rem, 2.45vw, .58rem);
  }

  .home-hero-v4 h1 {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    font-size: clamp(1.03rem, 4.6vw, 1.24rem) !important;
    line-height: 1.12 !important;
  }

  .customer-search-box {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.1fr) minmax(0, .92fr) !important;
    gap: 4px !important;
    padding: 7px !important;
  }

  .customer-search-box label span {
    font-size: .44rem;
  }

  .customer-search-box select,
  .customer-search-box input {
    min-height: 32px;
    padding: 5px 6px;
    font-size: .5rem;
  }

  .customer-search-box .button {
    min-height: 38px;
    font-size: .55rem;
  }

  .customer-search-box .location-button {
    font-size: .5rem;
  }

  .hero-popular-searches {
    display: grid !important;
    grid-template-columns: .58fr repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    align-items: stretch;
  }

  .hero-popular-searches strong {
    display: grid !important;
    place-items: center;
    min-width: 0;
    padding: 4px 1px;
    font-size: .42rem !important;
    line-height: 1;
    text-align: center;
  }

  .hero-popular-searches a {
    display: grid;
    place-items: center;
    min-width: 0;
    padding: 5px 2px !important;
    font-size: .42rem !important;
    line-height: 1.04;
    text-align: center;
    white-space: normal;
  }

  .customer-hero-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .customer-hero-actions .button {
    min-width: 0;
    width: 100%;
    padding: 7px 3px !important;
    font-size: .47rem !important;
    line-height: 1.05;
    white-space: normal;
    text-align: center;
  }

  .customer-hero-actions .wide-label {
    display: inline !important;
  }

  .customer-hero-actions .compact-label {
    display: none !important;
  }

  .feature-rail-shell {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 18px;
    gap: 2px;
    align-items: center;
  }

  .rail-button {
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: .65rem;
    padding: 0;
    z-index: 2;
  }

  .compact-feature-list {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 9px) / 4) !important;
    grid-template-columns: none !important;
    gap: 3px !important;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .compact-feature-list::-webkit-scrollbar {
    display: none;
  }

  .compact-profile-card {
    min-width: 0;
    min-height: 111px !important;
    padding: 5px 2px !important;
    gap: 2px !important;
    border-radius: 7px;
    scroll-snap-align: start;
  }

  .compact-profile-card img {
    width: 24px !important;
    height: 24px !important;
  }

  .compact-profile-card strong {
    font-size: .45rem !important;
    line-height: 1.04 !important;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .39rem !important;
    line-height: 1.04 !important;
  }

  .compact-profile-card a {
    padding: 4px 5px !important;
    font-size: .42rem !important;
    line-height: 1;
  }

  .home-confidence-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }

  .home-confidence-grid .trust-detail-card {
    min-height: 91px !important;
    border-top-width: 2px;
    border-radius: 7px;
  }

  .home-confidence-grid .trust-main {
    min-height: 58px !important;
    padding: 6px 2px 3px !important;
    gap: 3px;
  }

  .home-confidence-grid .trust-symbol {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
  }

  .home-confidence-grid .trust-symbol .task-icon-svg {
    width: 12px !important;
    height: 12px !important;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .38rem !important;
    line-height: 1.02 !important;
    letter-spacing: 0;
  }

  .trust-detail-card summary {
    min-height: 26px !important;
    padding: 2px !important;
  }

  .home-confidence-grid .detail-toggle-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .trust-detail-card p {
    padding: 0 3px 5px !important;
    font-size: .42rem !important;
    line-height: 1.1 !important;
  }

  .customer-task-grid-v2 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .task-detail-card {
    border-radius: 8px;
  }

  .task-main-action {
    min-height: 76px !important;
    padding: 7px 3px 5px !important;
    gap: 4px;
  }

  .task-symbol {
    width: 28px !important;
    height: 28px !important;
  }

  .task-symbol .task-icon-svg {
    width: 15px !important;
    height: 15px !important;
  }

  .task-main-action strong {
    font-size: .46rem !important;
    line-height: 1.04 !important;
    letter-spacing: 0;
  }

  .task-detail-card summary {
    min-height: 30px;
    padding: 4px 2px;
  }

  .task-detail-card p {
    padding: 0 5px 7px;
    font-size: .5rem;
    line-height: 1.14;
  }

  .home-testimonial-section .section-head h2 {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    font-size: clamp(1.04rem, 5vw, 1.28rem);
  }

  .testimonial-shell {
    overflow: hidden !important;
  }

  .testimonial-carousel {
    width: 100%;
    min-height: 156px !important;
    padding: 13px 10px !important;
    border-radius: 8px;
    overflow: hidden;
  }

  .testimonial-slide p {
    max-width: 100%;
    font-size: .78rem !important;
    line-height: 1.22 !important;
  }

  .testimonial-slide strong,
  .testimonial-slide span {
    font-size: .76rem !important;
  }

  .write-review-button {
    padding: 9px 14px !important;
    font-size: .82rem !important;
  }

  .faq-tab-buttons {
    width: min(100%, 260px) !important;
  }

  .faq-tab-buttons button {
    min-height: 42px;
    color: #fff !important;
  }

  .site-footer {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
    gap: 24px;
  }

  .site-footer .footer-grid > div {
    display: grid;
    justify-items: center;
    width: 100%;
  }

  .site-footer a {
    justify-content: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  .site-footer h3 {
    margin-bottom: 8px;
  }
}

@media (max-width: 340px) {
  .customer-search-box {
    padding: 6px !important;
  }

  .hero-popular-searches a,
  .hero-popular-searches strong {
    font-size: .38rem !important;
  }

  .customer-hero-actions .button {
    font-size: .42rem !important;
  }

  .compact-profile-card strong {
    font-size: .4rem !important;
  }

  .compact-profile-card span,
  .compact-profile-card small {
    font-size: .35rem !important;
  }

  .home-confidence-grid .trust-main strong {
    font-size: .34rem !important;
  }

  .task-main-action strong {
    font-size: .41rem !important;
  }
}

/* A2 source: assets/css/global.v126.css */
/* Phase 1 global design-system foundation.
   Keeps the approved homepage intact while bringing the rest of the platform
   closer to the same mobile-first, task-first visual language. */

:root {
  --app-header-height: 86px;
  --app-mobile-header-height: 70px;
  --app-bottom-nav-height: 76px;
  --app-shell: min(1180px, calc(100% - 32px));
  --app-shell-wide: min(1360px, calc(100% - 32px));
  --app-card-pad: clamp(14px, 2vw, 22px);
}

/* v126 final-last: route-specific mobile hardening */
@media (max-width: 760px) {
  body.route-artists.phase1-foundation .discovery-page-hero :is(.filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip),
  body.route-tutors.phase1-foundation .discovery-page-hero :is(.filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip) {
    display: none !important;
    visibility: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-profile-grid,
  body.route-tutors.phase1-foundation .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card,
  body.route-tutors.phase1-foundation .artist-list-card {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1px !important;
    padding: 4px 3px !important;
    overflow: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    width: 15px !important;
    height: 15px !important;
    margin: 14px auto 0 !important;
    flex: 0 0 15px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .badge,
  body.route-tutors.phase1-foundation .artist-list-card .badge {
    font-size: .18rem !important;
    padding: 1px 2px !important;
    line-height: 1 !important;
    margin: 0 auto !important;
    flex: 0 0 auto !important;
  }

  body.route-artists.phase1-foundation .artist-list-card h3,
  body.route-tutors.phase1-foundation .artist-list-card h3 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 18px !important;
    margin: 0 auto !important;
    font-size: .27rem !important;
    line-height: 1.02 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body.route-artists.phase1-foundation .artist-list-card p,
  body.route-tutors.phase1-foundation .artist-list-card p {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 10px !important;
    margin: 0 auto !important;
    font-size: .19rem !important;
    line-height: 1.02 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body.route-artists.phase1-foundation .artist-list-card small,
  body.route-tutors.phase1-foundation .artist-list-card small {
    width: 100% !important;
    margin: 0 auto !important;
    font-size: .18rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
  }

  body.route-artists.phase1-foundation .artist-mini-portfolio,
  body.route-tutors.phase1-foundation .artist-mini-portfolio {
    display: none !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals,
  body.route-tutors.phase1-foundation .artist-list-signals {
    width: 100% !important;
    min-height: 8px !important;
    gap: 1px !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals span,
  body.route-tutors.phase1-foundation .artist-list-signals span {
    max-width: 34px !important;
    padding: 1px !important;
    font-size: .15rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .card-actions,
  body.route-tutors.phase1-foundation .artist-list-card .card-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px !important;
    margin: auto auto 0 !important;
    align-self: stretch !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 11px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    font-size: .18rem !important;
    line-height: 1 !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags,
  body.route-tutors.phase1-foundation .artist-card-tags {
    inset: 3px 3px auto 3px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags span,
  body.route-tutors.phase1-foundation .artist-card-tags span {
    max-width: 32px !important;
    padding: 1px 2px !important;
    font-size: .18rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-artists.phase1-foundation .artist-check-card,
  body.route-tutors.phase1-foundation .artist-check-card {
    min-height: 84px !important;
    display: grid !important;
    grid-template-rows: 20px 1fr !important;
    place-items: center !important;
    padding: 4px 2px !important;
  }

  body.route-artists.phase1-foundation .artist-check-card details,
  body.route-tutors.phase1-foundation .artist-check-card details {
    width: 100% !important;
    height: auto !important;
  }

  body.route-artists.phase1-foundation .artist-check-card summary,
  body.route-tutors.phase1-foundation .artist-check-card summary {
    min-height: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 0 !important;
    font-size: .29rem !important;
    line-height: 1.04 !important;
    overflow: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-check-card summary span,
  body.route-tutors.phase1-foundation .artist-check-card summary span {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin: 0 auto !important;
    font-size: .58rem !important;
  }
}

/* v126: final visual parity fixes for production review */
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
  max-width: min(100%, 980px) !important;
  margin-inline: auto !important;
  text-align: center !important;
  overflow: visible !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  position: absolute !important;
  inset: 12px 12px auto 12px !important;
  width: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
  border-radius: 999px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(105, 47, 8, .12) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  background: #f2b705 !important;
  color: #2a170d !important;
  transform: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  background: #0d8f45 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  position: relative !important;
  text-align: center !important;
  justify-items: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-self: end !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions > * {
  width: 100% !important;
  min-width: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
  width: min(100%, 1040px) !important;
  margin: 14px auto 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #7c1410 !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(124, 20, 16, .18) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  position: static !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section {
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
  color: #a6060e !important;
  font-size: .78rem !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 900px !important;
  margin-inline: auto !important;
  font-size: clamp(2.65rem, 4.5vw, 4.05rem) !important;
  line-height: 1.02 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  margin-inline: auto !important;
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
  width: 100% !important;
  max-width: 360px !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  width: 100% !important;
  min-height: 48px !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 18px 36px rgba(106, 27, 18, .12) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1)[open] > summary {
  background: #b40812 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2)[open] > summary {
  background: #261710 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
  width: min(92vw, 620px) !important;
  max-width: 620px !important;
  margin-top: 12px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  border: 1px solid rgba(214, 184, 151, .78) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
  min-height: 48px !important;
  padding: 11px 14px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
  color: #20140f !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary::-webkit-details-marker {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .faq-question-arrow {
  width: 18px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #b40812 !important;
  font-size: .75rem !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details[open] .faq-question-arrow {
  transform: rotate(90deg) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 16px 16px !important;
  text-align: center !important;
  color: #4c392d !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
    width: calc(100% - 14px) !important;
    padding: 18px 10px 22px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
    max-width: calc(100vw - 34px) !important;
    font-size: clamp(2rem, 9.2vw, 2.5rem) !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .filter-summary,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .trust-strip,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .intent-chips,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .mobile-search-coach,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .marketplace-command-strip {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 78px !important;
    padding: 4px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-icon {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    min-height: 48px !important;
    grid-template-rows: minmax(25px, 1fr) 18px !important;
    gap: 2px !important;
    font-size: .3rem !important;
    line-height: 1.03 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 17px !important;
    height: 17px !important;
    font-size: .58rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
    margin-top: 5px !important;
    padding: 5px 7px !important;
    font-size: .33rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    align-items: start !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 4px 3px !important;
    grid-template-rows: 11px 16px 8px minmax(16px, 20px) minmax(10px, 12px) 8px 10px 13px !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    inset: 3px 3px auto 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
    padding: 1px 2px !important;
    font-size: .18rem !important;
    max-width: 31px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 15px !important;
    height: 15px !important;
    grid-row: 2 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
    grid-row: 3 !important;
    font-size: .18rem !important;
    padding: 1px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    grid-row: 4 !important;
    max-width: 100% !important;
    font-size: .27rem !important;
    line-height: 1.02 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    grid-row: 5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: .2rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    grid-row: 6 !important;
    font-size: .18rem !important;
    line-height: 1 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
    grid-row: 7 !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
    width: 5px !important;
    height: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
    grid-row: 7 !important;
    align-self: end !important;
    min-height: 8px !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    font-size: .15rem !important;
    padding: 1px !important;
    max-width: 32px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    grid-row: 8 !important;
    gap: 2px !important;
    align-self: end !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 11px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    font-size: .18rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
    font-size: .48rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: calc(100vw - 30px) !important;
    font-size: clamp(1.55rem, 7.2vw, 1.9rem) !important;
    line-height: 1.07 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
    width: min(100%, 236px) !important;
    max-width: 236px !important;
    gap: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
    max-width: 236px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
    width: min(100vw - 34px, 286px) !important;
    max-width: 286px !important;
    gap: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
    max-width: 260px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
    min-height: 34px !important;
    padding: 7px 9px !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    font-size: .54rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .faq-question-arrow {
    width: 15px !important;
    height: 15px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
    padding: 0 9px 9px !important;
    font-size: .5rem !important;
    line-height: 1.3 !important;
  }
}

/* v122: product/gallery directory workspace aligned with artist discovery */
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
  padding-top: clamp(34px, 4vw, 58px);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-workspace {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 28px);
  align-items: start;
  width: min(1640px, calc(100vw - 48px));
  margin: 0 auto;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 18px 44px rgba(71, 35, 13, .08);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
  position: sticky;
  top: 106px;
  padding: 18px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card h3 {
  margin: 0 0 14px;
  font-size: clamp(1.18rem, 1.7vw, 1.65rem);
  line-height: 1.08;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form {
  display: grid;
  gap: 10px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form label {
  display: grid;
  gap: 5px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts strong {
  color: #635248;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form input,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(96, 51, 28, .22);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fffdf9;
  color: #261914;
  font: inherit;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .button {
  width: 100%;
  min-height: 42px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts {
  display: grid;
  gap: 7px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(96, 51, 28, .12);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  padding: 5px 10px;
  background: #fff8ef;
  color: #9d0d11;
  font-size: .78rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
  min-width: 0;
  padding: clamp(12px, 1.7vw, 22px);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 250, 244, .84);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist details {
  border: 1px solid rgba(96, 51, 28, .14);
  border-radius: 8px;
  padding: 9px;
  background: #fffdf9;
  text-align: center;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary {
  display: grid;
  gap: 5px;
  color: #1f130f;
  font-size: .84rem;
  font-weight: 950;
  cursor: pointer;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary span {
  display: inline-grid;
  place-items: center;
  justify-self: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist p {
  margin: 8px 0 0;
  color: #5e4b41;
  font-size: .78rem;
  line-height: 1.35;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.route-products .marketplace-result-card {
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

body.phase1-foundation.route-products .marketplace-result-card .product-image {
  width: 58px;
  height: 58px;
  margin: 0 auto 8px;
  border-radius: 50%;
}

body.phase1-foundation.route-products .marketplace-result-card h3,
body.phase1-foundation.route-gallery .marketplace-result-card strong,
body.phase1-foundation.route-gallery .marketplace-result-card span {
  overflow-wrap: anywhere;
}

body.phase1-foundation.route-products .marketplace-result-card p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
  margin-top: auto;
}

body.phase1-foundation.route-gallery .marketplace-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.phase1-foundation.route-gallery .marketplace-result-card {
  min-height: 250px;
}

body.phase1-foundation.route-gallery .marketplace-result-card .gallery-item {
  aspect-ratio: 1 / .78;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
    padding-inline: 6px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-workspace {
    width: 100% !important;
    grid-template-columns: minmax(82px, .36fr) minmax(0, .64fr) !important;
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
    position: sticky;
    top: 72px;
    max-height: 62dvh;
    overflow: auto;
    padding: 8px 5px !important;
    border-radius: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card h3 {
    margin-bottom: 7px !important;
    font-size: .72rem !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form {
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts strong {
    text-align: center !important;
    font-size: .42rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form input,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form select {
    min-height: 25px !important;
    padding: 3px 5px !important;
    border-radius: 6px !important;
    font-size: .48rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .button {
    min-height: 28px !important;
    padding: 4px !important;
    font-size: .52rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts {
    gap: 4px !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts a {
    min-height: 23px !important;
    padding: 3px 5px !important;
    font-size: .43rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
    padding: 5px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin: 6px 0 !important;
    padding: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist details {
    aspect-ratio: 1 / 1.05 !important;
    min-height: 0 !important;
    padding: 3px 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary {
    font-size: .33rem !important;
    line-height: 1.02 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary span {
    width: 18px !important;
    height: 18px !important;
    font-size: .65rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist p {
    font-size: .36rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar {
    gap: 4px !important;
    padding: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar strong {
    font-size: .58rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar small,
  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar-actions {
    display: none !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card,
  body.phase1-foundation.route-gallery .marketplace-result-card {
    min-height: 0 !important;
    aspect-ratio: 1 / 1.1 !important;
    padding: 4px 2px !important;
    border-radius: 6px !important;
    gap: 1px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card .product-image {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 1px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card .badge,
  body.phase1-foundation.route-gallery .marketplace-result-card .badge {
    font-size: .23rem !important;
    padding: 1px 2px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card h3 {
    min-height: 14px !important;
    font-size: .32rem !important;
    line-height: 1.02 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card p,
  body.phase1-foundation.route-products .marketplace-result-card .quality-meter,
  body.phase1-foundation.route-products .marketplace-result-card .profile-signal-row {
    display: none !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button {
    min-height: 12px !important;
    padding: 1px !important;
    font-size: .22rem !important;
    line-height: 1 !important;
    border-radius: 4px !important;
  }

  body.phase1-foundation.route-gallery .marketplace-result-card .gallery-item {
    aspect-ratio: 1 / .78 !important;
    border-radius: 5px !important;
  }

  body.phase1-foundation.route-gallery .marketplace-result-card .gallery-item span,
  body.phase1-foundation.route-gallery .marketplace-result-card .gallery-card-meta {
    font-size: .25rem !important;
    line-height: 1 !important;
  }
}

/* Phase 5: support, city, resource, legal, auth, and SEO landing polish. */
body.phase1-foundation :is(.phase5-hero, .phase5-auth) {
  --phase5-shell: min(1160px, calc(100vw - 32px));
  --phase5-line: rgba(122, 70, 28, .2);
}

body.phase1-foundation.page-public .phase5-hero {
  position: relative;
  isolation: isolate;
  max-width: var(--phase5-shell);
  margin: 18px auto 18px;
  padding: clamp(28px, 5vw, 64px) clamp(18px, 4vw, 42px);
  overflow: hidden;
  text-align: center;
  border: 1px solid var(--phase5-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 249, 241, .96), rgba(255, 255, 255, .9)),
    url("../img/premium/bridal-mehndi.webp") center / cover no-repeat;
  box-shadow: 0 20px 52px rgba(82, 42, 18, .1);
}

body.phase1-foundation.page-public .phase5-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 16%, rgba(157, 13, 17, .1), transparent 28%),
    radial-gradient(circle at 82% 14%, rgba(19, 139, 77, .08), transparent 32%);
}

body.phase1-foundation.page-public .support-hero {
  background:
    linear-gradient(135deg, rgba(255, 249, 241, .97), rgba(255, 255, 255, .9)),
    url("../img/premium/request-board.webp") center / cover no-repeat;
}

body.phase1-foundation.page-public .cities-hero,
body.phase1-foundation.page-public .city-page-hero {
  background:
    linear-gradient(135deg, rgba(255, 248, 238, .96), rgba(255, 255, 255, .9)),
    url("../img/premium/engagement-mehndi.webp") center / cover no-repeat;
}

body.phase1-foundation.page-public .resources-hero,
body.phase1-foundation.page-public .role-page-hero,
body.phase1-foundation.page-public .seo-landing-hero {
  background:
    linear-gradient(135deg, rgba(255, 249, 241, .96), rgba(255, 255, 255, .9)),
    url("../img/premium/learn-mehndi.webp") center / cover no-repeat;
}

body.phase1-foundation.page-public .legal-page-hero,
body.phase1-foundation.page-public .error-hero {
  background:
    linear-gradient(135deg, rgba(255, 249, 241, .97), rgba(255, 255, 255, .92)),
    url("../img/premium/gallery-cover.webp") center / cover no-repeat;
}

body.phase1-foundation.page-public .phase5-hero h1 {
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2.1rem, 5.3vw, 4.65rem);
  line-height: .98;
  letter-spacing: 0;
}

body.phase1-foundation.page-public .phase5-hero > p:not(.eyebrow) {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
  color: #4f433a;
}

body.phase1-foundation.page-public .phase5-hero .hero-actions,
body.phase1-foundation.page-public .phase5-hero .trust-strip,
body.phase1-foundation.page-public .phase5-hero .filter-summary {
  justify-content: center;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation.page-public .phase5-hero .trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
}

body.phase1-foundation.page-public .phase5-hero .trust-strip span,
body.phase1-foundation.page-public .phase5-hero .filter-summary :is(span, strong, a) {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid var(--phase5-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  color: var(--ink);
  text-align: center;
  font-weight: 800;
}

body.phase1-foundation.page-public .phase5-hero .hero-search {
  max-width: 880px;
  margin: 20px auto 0;
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--phase5-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08);
}

body.phase1-foundation.page-public .phase5-hero .hero-search.compact {
  grid-template-columns: 1.2fr 1fr .9fr auto;
}

body.phase1-foundation.page-public .phase5-hero .hero-search :is(input, select, button) {
  min-width: 0;
  width: 100%;
  min-height: 48px;
}

body.phase1-foundation.page-public:is(.route-contact, .route-cities, .route-blog, .route-legal) .section,
body.phase1-foundation.page-public:is(.route-how-it-works, .route-about, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines) .section,
body.phase1-foundation.page-public:is(.route-mehndi-artists, .route-mehndi-classes, .route-henna-products, .route-designs) .section {
  max-width: var(--phase5-shell);
}

body.phase1-foundation.page-public:is(.route-contact, .route-cities, .route-blog, .route-legal) :is(.panel, .profile-card, .product-card, .gallery-item-card),
body.phase1-foundation.page-public:is(.route-how-it-works, .route-about, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines) :is(.panel, .profile-card, .product-card, .gallery-item-card),
body.phase1-foundation.page-public:is(.route-mehndi-artists, .route-mehndi-classes, .route-henna-products, .route-designs, .route-cities) :is(.panel, .profile-card, .product-card, .gallery-item-card) {
  border-radius: 8px;
  border-color: var(--phase5-line);
  box-shadow: 0 16px 42px rgba(82, 42, 18, .07);
}

body.phase1-foundation.page-public:is(.route-contact, .route-cities, .route-blog, .route-legal) .cards,
body.phase1-foundation.page-public:is(.route-how-it-works, .route-about, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines) .cards,
body.phase1-foundation.page-public:is(.route-mehndi-artists, .route-mehndi-classes, .route-henna-products, .route-designs) .cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.page-public:is(.route-cities, .route-mehndi-artists, .route-mehndi-classes, .route-henna-products, .route-designs) .city-cloud {
  justify-content: center;
}

body.phase1-foundation.page-public:is(.route-cities, .route-mehndi-artists, .route-mehndi-classes, .route-henna-products, .route-designs) .city-cloud a,
body.phase1-foundation.page-public .legal-link-cloud a {
  border-radius: 999px;
  background: #fff;
  border-color: rgba(157, 13, 17, .16);
  box-shadow: 0 10px 28px rgba(82, 42, 18, .05);
}

body.phase1-foundation.page-public .visual-band {
  grid-template-columns: minmax(250px, .9fr) minmax(0, 1.1fr);
  align-items: center;
}

body.phase1-foundation.page-public .visual-card {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--phase5-line);
  background: #fff;
  box-shadow: 0 18px 44px rgba(82, 42, 18, .08);
}

body.phase1-foundation.page-public .visual-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

body.phase1-foundation.page-public .visual-card figcaption {
  padding: 12px 14px;
  color: var(--ink);
  font-weight: 900;
}

body.phase1-foundation.page-public .action-grid,
body.phase1-foundation.page-public .trust-command-grid,
body.phase1-foundation.page-public .trust-status-grid,
body.phase1-foundation.page-public .legal-assurance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.page-public .legal-assurance-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.phase1-foundation.page-public .action-card,
body.phase1-foundation.page-public .trust-command-card,
body.phase1-foundation.page-public .trust-status-card,
body.phase1-foundation.page-public .legal-assurance-card {
  min-width: 0;
  border-radius: 8px;
  border: 1px solid var(--phase5-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 42px rgba(82, 42, 18, .07);
}

body.phase1-foundation.page-public .action-card {
  display: grid;
  gap: 8px;
  padding: 16px;
  color: inherit;
  text-decoration: none;
}

body.phase1-foundation.page-public .action-card strong {
  color: var(--red);
  font-size: 1.02rem;
}

body.phase1-foundation.page-public .action-card span {
  color: #4f433a;
  line-height: 1.36;
}

body.phase1-foundation.page-public .trust-command-card span,
body.phase1-foundation.page-public .trust-status-card > span,
body.phase1-foundation.page-public .legal-assurance-card span {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff0df;
  color: var(--red);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.phase1-foundation.page-public .legal-assurance-card {
  padding: 14px;
}

body.phase1-foundation.page-public .legal-assurance-card strong {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  line-height: 1.25;
}

body.phase1-foundation.page-public .faq-list details {
  border-radius: 8px;
}

body.phase1-foundation.page-auth .phase5-auth {
  position: relative;
  isolation: isolate;
  max-width: min(980px, calc(100vw - 32px));
  margin: 22px auto;
  padding: clamp(18px, 4vw, 34px);
  border-radius: 8px;
  border: 1px solid var(--phase5-line, rgba(122, 70, 28, .2));
  background:
    linear-gradient(135deg, rgba(255, 249, 241, .95), rgba(255, 255, 255, .9)),
    url("../img/premium/engagement-mehndi.webp") center / cover no-repeat;
  box-shadow: 0 20px 52px rgba(82, 42, 18, .1);
}

body.phase1-foundation.page-auth .auth-card,
body.phase1-foundation.page-auth .auth-context {
  border-radius: 8px;
  border-color: rgba(122, 70, 28, .2);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08);
}

body.phase1-foundation.page-auth .auth-wrap:not(.auth-split) {
  max-width: min(520px, calc(100vw - 32px));
}

body.phase1-foundation.page-auth .auth-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 16px;
  align-items: start;
}

body.phase1-foundation.page-auth .mini-steps {
  display: grid;
  gap: 8px;
  padding: 0;
  margin-top: 14px;
  list-style: none;
}

body.phase1-foundation.page-auth .mini-steps li {
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff8ef;
  color: var(--ink);
  font-weight: 800;
}

@media (max-width: 980px) {
  body.phase1-foundation.page-public .phase5-hero {
    --phase5-shell: calc(100vw - 16px);
    margin-top: 8px;
    padding: 16px 10px;
  }

  body.phase1-foundation.page-public .phase5-hero h1 {
    font-size: clamp(1.45rem, 7vw, 2.25rem);
    line-height: 1.02;
  }

  body.phase1-foundation.page-public .phase5-hero > p:not(.eyebrow) {
    font-size: .72rem;
    line-height: 1.28;
  }

  body.phase1-foundation.page-public .phase5-hero .trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body.phase1-foundation.page-public .phase5-hero .trust-strip span,
  body.phase1-foundation.page-public .phase5-hero .filter-summary :is(span, strong, a) {
    min-height: 30px;
    padding: 6px 7px;
    font-size: .58rem;
    line-height: 1.1;
  }

  body.phase1-foundation.page-public .phase5-hero .hero-search,
  body.phase1-foundation.page-public .phase5-hero .hero-search.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 7px;
  }

  body.phase1-foundation.page-public .phase5-hero .hero-search button {
    grid-column: 1 / -1;
  }

  body.phase1-foundation.page-public:is(.route-contact, .route-cities, .route-blog, .route-legal) .cards,
  body.phase1-foundation.page-public:is(.route-how-it-works, .route-about, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines) .cards,
  body.phase1-foundation.page-public:is(.route-mehndi-artists, .route-mehndi-classes, .route-henna-products, .route-designs) .cards,
  body.phase1-foundation.page-public .action-grid,
  body.phase1-foundation.page-public .trust-command-grid,
  body.phase1-foundation.page-public .trust-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.phase1-foundation.page-public .legal-assurance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.phase1-foundation.page-public .visual-band,
  body.phase1-foundation.page-auth .auth-split {
    grid-template-columns: 1fr;
  }

  body.phase1-foundation.page-public .action-card,
  body.phase1-foundation.page-public .trust-command-card,
  body.phase1-foundation.page-public .trust-status-card,
  body.phase1-foundation.page-public .legal-assurance-card,
  body.phase1-foundation.page-public :is(.panel, .profile-card, .product-card) {
    padding: 10px 8px;
  }

  body.phase1-foundation.page-public .action-card strong,
  body.phase1-foundation.page-public .trust-command-card h3,
  body.phase1-foundation.page-public .trust-status-card h3 {
    font-size: .72rem;
    line-height: 1.12;
  }

  body.phase1-foundation.page-public .action-card span,
  body.phase1-foundation.page-public .trust-command-card p,
  body.phase1-foundation.page-public .trust-status-card p,
  body.phase1-foundation.page-public .legal-assurance-card strong {
    font-size: .58rem;
    line-height: 1.18;
  }

  body.phase1-foundation.page-auth .phase5-auth {
    max-width: calc(100vw - 16px);
    margin-top: 8px;
    padding: 10px;
  }
}

@media (max-width: 430px) {
  body.phase1-foundation.page-public .phase5-hero {
    --phase5-shell: calc(100vw - 10px);
    padding: 13px 7px;
  }

  body.phase1-foundation.page-public .phase5-hero h1 {
    font-size: clamp(1.28rem, 7.2vw, 1.9rem);
  }

  body.phase1-foundation.page-public .phase5-hero .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body.phase1-foundation.page-public .phase5-hero .button {
    width: 100%;
    min-height: 34px;
    padding: 7px 8px;
    font-size: .56rem;
  }

  body.phase1-foundation.page-public .phase5-hero .marketplace-command-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation.page-public .phase5-hero .marketplace-command-card {
    min-height: 76px;
    padding: 7px 4px;
  }

  body.phase1-foundation.page-public .phase5-hero .marketplace-command-card small,
  body.phase1-foundation.page-public .phase5-hero .marketplace-command-card em {
    display: none;
  }

  body.phase1-foundation.page-public .city-cloud a,
  body.phase1-foundation.page-public .legal-link-cloud a {
    padding: 7px 8px;
    font-size: .56rem;
  }
}

html {
  scroll-padding-top: calc(var(--app-header-height) + 16px);
}

body.phase1-foundation {
  overflow-x: hidden;
  background: var(--paper);
}

body.phase1-foundation .app-main {
  isolation: isolate;
}

body.phase1-foundation .site-header {
  min-height: var(--app-header-height);
}

body.phase1-foundation .site-nav a,
body.phase1-foundation .site-footer a,
body.phase1-foundation .mobile-app-nav-item {
  text-decoration: none;
}

body.phase1-foundation .site-nav a:focus-visible,
body.phase1-foundation .site-footer a:focus-visible,
body.phase1-foundation .mobile-app-nav-item:focus-visible,
body.phase1-foundation .button:focus-visible,
body.phase1-foundation button:focus-visible,
body.phase1-foundation input:focus-visible,
body.phase1-foundation select:focus-visible,
body.phase1-foundation textarea:focus-visible {
  outline: 3px solid rgba(217, 180, 37, .7);
  outline-offset: 3px;
}

body.phase1-foundation .button,
body.phase1-foundation button.button {
  min-height: var(--touch);
  border-radius: 10px;
  font-weight: 950;
  letter-spacing: 0;
}

body.phase1-foundation .button.ghost {
  background: #fffaf3;
}

body.page-public .page-hero,
body.page-auth .page-hero {
  width: var(--app-shell);
  max-width: var(--app-shell);
  padding: clamp(34px, 5vw, 66px) 0 clamp(20px, 3vw, 34px);
  margin-inline: auto;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 14px;
}

body.page-public .page-hero .eyebrow,
body.page-auth .page-hero .eyebrow,
body.phase1-foundation .section-head .eyebrow {
  margin-bottom: 0;
  color: var(--red);
  font-weight: 950;
  letter-spacing: 0;
  text-align: center;
}

body.page-public .page-hero h1,
body.page-auth .page-hero h1 {
  width: min(100%, calc(100vw - 28px));
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(2.1rem, 5vw, 4.35rem);
  line-height: 1.04;
  text-align: center;
  overflow-wrap: anywhere;
}

body.page-public .page-hero > p:not(.eyebrow),
body.page-auth .page-hero > p:not(.eyebrow) {
  width: min(100%, calc(100vw - 28px));
  max-width: 760px;
  margin: 0 auto;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}

body.phase1-foundation .section {
  width: 100%;
}

body.phase1-foundation .section > .section-head,
body.phase1-foundation .section-head {
  width: var(--app-shell);
  max-width: var(--app-shell);
  margin-inline: auto;
  text-align: center;
}

body.phase1-foundation .section-head h2 {
  max-width: 940px;
  margin-inline: auto;
  font-size: clamp(1.85rem, 4vw, 3.65rem);
  line-height: 1.06;
}

body.phase1-foundation .section-lead,
body.phase1-foundation .section-head > p:not(.eyebrow) {
  max-width: 780px;
  margin-inline: auto;
  color: var(--muted);
  font-weight: 750;
}

body.phase1-foundation .hero-search,
body.phase1-foundation .form-card,
body.phase1-foundation .panel,
body.phase1-foundation .profile-card,
body.phase1-foundation .product-card,
body.phase1-foundation .pricing-card,
body.phase1-foundation .role-card,
body.phase1-foundation .gallery-item-card,
body.phase1-foundation .customer-request-card {
  border-radius: 10px;
}

body.page-public .hero-search,
body.page-auth .hero-search {
  width: min(100%, 1020px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(234, 218, 198, .95);
  border-radius: 10px;
  background: rgba(255, 250, 243, .9);
  box-shadow: 0 18px 44px rgba(61, 35, 18, .08);
}

body.page-public .hero-search.compact {
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
}

body.page-public .hero-search input,
body.page-public .hero-search select,
body.page-public .hero-search button,
body.page-auth .hero-search input,
body.page-auth .hero-search select,
body.page-auth .hero-search button {
  min-width: 0;
}

body.phase1-foundation .filter-summary,
body.phase1-foundation .trust-strip,
body.phase1-foundation .intent-chips,
body.phase1-foundation .hero-actions,
body.phase1-foundation .card-actions,
body.phase1-foundation .result-toolbar-actions {
  justify-content: center;
}

body.phase1-foundation .trust-strip,
body.phase1-foundation .intent-chips,
body.phase1-foundation .filter-summary {
  max-width: var(--app-shell);
  margin-inline: auto;
}

body.phase1-foundation .filter-summary span,
body.phase1-foundation .filter-summary strong,
body.phase1-foundation .filter-summary a,
body.phase1-foundation .trust-strip span,
body.phase1-foundation .intent-chips a {
  border-radius: 999px;
  text-align: center;
  line-height: 1.18;
}

body.phase1-foundation .cards,
body.phase1-foundation .role-grid,
body.phase1-foundation .pricing-grid,
body.phase1-foundation .gallery-grid,
body.phase1-foundation .check-grid,
body.phase1-foundation .feature-stack,
body.phase1-foundation .empty-recovery-grid {
  width: var(--app-shell);
  max-width: var(--app-shell);
  margin-inline: auto;
}

body.phase1-foundation .cards,
body.phase1-foundation .role-grid,
body.phase1-foundation .pricing-grid,
body.phase1-foundation .check-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

body.phase1-foundation .gallery-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

body.phase1-foundation .split,
body.phase1-foundation .grid-two,
body.phase1-foundation .visual-band {
  width: var(--app-shell);
  max-width: var(--app-shell);
  margin-inline: auto;
}

body.phase1-foundation .profile-card,
body.phase1-foundation .product-card,
body.phase1-foundation .pricing-card,
body.phase1-foundation .panel {
  overflow: hidden;
}

body.phase1-foundation .profile-card h3,
body.phase1-foundation .product-card h3,
body.phase1-foundation .pricing-card h2,
body.phase1-foundation .panel h3 {
  line-height: 1.16;
}

body.phase1-foundation .profile-card p,
body.phase1-foundation .product-card p,
body.phase1-foundation .pricing-card p,
body.phase1-foundation .panel p {
  line-height: 1.45;
}

body.phase1-foundation .profile-card .avatar,
body.phase1-foundation .product-card .product-image {
  box-shadow: 0 10px 24px rgba(61, 35, 18, .08);
}

body.phase1-foundation .marketplace-command-strip {
  width: min(100%, 1040px);
  margin-inline: auto;
}

body.phase1-foundation .marketplace-command-card {
  border-radius: 10px;
}

body.phase1-foundation .faq-list details,
body.phase1-foundation details {
  border-radius: 10px;
}

body.phase1-foundation .faq-list summary,
body.phase1-foundation details summary {
  cursor: pointer;
}

body.phase1-foundation .seo-reader-copy,
body.phase1-foundation .seo-support-content {
  max-width: var(--app-shell);
  margin-inline: auto;
}

body.phase1-foundation .seo-support-content {
  border-top: 1px solid rgba(234, 218, 198, .8);
}

body.phase1-foundation .site-footer {
  position: relative;
  overflow: hidden;
}

body.phase1-foundation .footer-grid,
body.phase1-foundation .footer-bottom {
  position: relative;
  z-index: 1;
}

body.phase1-foundation .footer-bottom {
  text-align: center;
}

@media (min-width: 901px) {
  body.phase1-foundation .site-nav.open {
    display: flex;
  }
}

@media (max-width: 900px) {
  html {
    scroll-padding-top: calc(var(--app-mobile-header-height) + 12px);
  }

  body.phase1-foundation {
    padding-top: var(--app-mobile-header-height);
    padding-bottom: calc(var(--app-bottom-nav-height) + env(safe-area-inset-bottom));
  }

  body.phase1-foundation .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: var(--app-mobile-header-height);
    z-index: 1000;
    background: rgba(255, 249, 240, .98);
    box-shadow: 0 10px 26px rgba(61, 35, 18, .08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    justify-content: space-between;
    gap: 10px;
  }

  body.phase1-foundation .brand img {
    max-height: 54px;
    width: auto;
    max-width: 190px;
  }

  body.phase1-foundation .nav-toggle {
    min-height: 44px;
    border-radius: 8px;
    margin-left: auto;
    flex: 0 0 auto;
  }

  body.phase1-foundation .site-nav {
    position: fixed;
    top: calc(var(--app-mobile-header-height) + 8px);
    left: 12px;
    right: 12px;
    z-index: 1001;
    max-height: calc(100vh - var(--app-mobile-header-height) - 24px);
    overflow: auto;
    border: 1px solid rgba(234, 218, 198, .92);
    border-radius: 12px;
    background: rgba(255, 250, 243, .98);
    box-shadow: 0 22px 50px rgba(61, 35, 18, .18);
  }

  body.phase1-foundation .site-nav.open {
    display: grid;
    gap: 6px;
    padding: 10px;
  }
}

@media (max-width: 760px) {
  :root {
    --app-shell: min(560px, calc(100vw - 18px));
    --app-shell-wide: min(560px, calc(100vw - 18px));
  }

  html,
  body.phase1-foundation {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.phase1-foundation *,
  body.phase1-foundation *::before,
  body.phase1-foundation *::after {
    box-sizing: border-box;
  }

  body.page-public .page-hero,
  body.page-auth .page-hero {
    width: var(--app-shell);
    max-width: var(--app-shell);
    padding: 28px 0 20px;
    gap: 10px;
    overflow: hidden;
  }

  body.page-public .page-hero h1,
  body.page-auth .page-hero h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(1.26rem, 6vw, 1.82rem);
    line-height: 1.08;
    text-wrap: balance;
    overflow-wrap: normal;
  }

  body.page-public .page-hero > p:not(.eyebrow),
  body.page-auth .page-hero > p:not(.eyebrow) {
    width: min(100%, calc(100vw - 32px));
    max-width: min(100%, calc(100vw - 32px));
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: initial;
    font-size: .82rem;
    line-height: 1.36;
    overflow: visible;
    overflow-wrap: anywhere;
  }

  body.phase1-foundation .section {
    padding-left: 0;
    padding-right: 0;
  }

  body.phase1-foundation .section-head h2 {
    font-size: clamp(1.35rem, 6.6vw, 1.86rem);
  }

  body.phase1-foundation .section-lead,
  body.phase1-foundation .section-head > p:not(.eyebrow) {
    font-size: .86rem;
    line-height: 1.42;
  }

  body.page-public .hero-search,
  body.page-auth .hero-search {
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 7px;
    border-radius: 9px;
    overflow: hidden;
  }

  body.page-public:not(.page-home) .hero-search,
  body.page-auth .hero-search {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-public:not(.page-home) .hero-search button[type="submit"],
  body.page-auth .hero-search button[type="submit"] {
    grid-column: 1 / -1;
  }

  body.page-public .hero-search.product-search,
  body.page-public .hero-search.discovery-search {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.page-public .hero-search input,
  body.page-public .hero-search select,
  body.page-public .hero-search button,
  body.page-auth .hero-search input,
  body.page-auth .hero-search select,
  body.page-auth .hero-search button {
    min-height: 34px;
    padding: 5px 6px;
    font-size: .56rem;
    border-radius: 7px;
  }

  body.phase1-foundation .filter-summary,
  body.phase1-foundation .trust-strip,
  body.phase1-foundation .intent-chips,
  body.phase1-foundation .hero-actions {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 4px;
    overflow: hidden;
  }

  body.page-public:not(.page-home) .filter-summary,
  body.page-public:not(.page-home) .trust-strip,
  body.page-public:not(.page-home) .intent-chips,
  body.page-public:not(.page-home) .hero-actions,
  body.page-auth .hero-actions {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
  }

  body.phase1-foundation .filter-summary span,
  body.phase1-foundation .filter-summary strong,
  body.phase1-foundation .filter-summary a,
  body.phase1-foundation .trust-strip span,
  body.phase1-foundation .intent-chips a,
  body.phase1-foundation .hero-actions .button {
    min-width: 0;
    padding: 7px 4px;
    font-size: .5rem;
    line-height: 1.08;
    white-space: normal;
  }

  body.page-public:not(.page-home) .filter-summary span,
  body.page-public:not(.page-home) .filter-summary strong,
  body.page-public:not(.page-home) .filter-summary a,
  body.page-public:not(.page-home) .trust-strip span,
  body.page-public:not(.page-home) .intent-chips a,
  body.page-public:not(.page-home) .hero-actions .button,
  body.page-auth .hero-actions .button {
    flex: 1 1 calc(50% - 6px);
    max-width: 100%;
  }

  body.phase1-foundation .cards,
  body.phase1-foundation .role-grid,
  body.phase1-foundation .pricing-grid,
  body.phase1-foundation .gallery-grid,
  body.phase1-foundation .check-grid {
    width: var(--app-shell);
    max-width: var(--app-shell);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    overflow: hidden;
  }

  body.phase1-foundation .profile-card,
  body.phase1-foundation .product-card,
  body.phase1-foundation .pricing-card,
  body.phase1-foundation .role-card,
  body.phase1-foundation .panel,
  body.phase1-foundation .gallery-item-card {
    padding: 10px 8px;
    border-radius: 8px;
  }

  body.phase1-foundation .profile-card h3,
  body.phase1-foundation .product-card h3,
  body.phase1-foundation .pricing-card h2,
  body.phase1-foundation .panel h3 {
    font-size: .78rem;
    line-height: 1.12;
  }

  body.phase1-foundation .profile-card p,
  body.phase1-foundation .product-card p,
  body.phase1-foundation .pricing-card p,
  body.phase1-foundation .panel p,
  body.phase1-foundation .meta {
    font-size: .62rem;
    line-height: 1.25;
  }

  body.phase1-foundation .badge {
    padding: 4px 7px;
    font-size: .5rem;
  }

  body.phase1-foundation .card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation .card-actions .button,
  body.phase1-foundation .button.small,
  body.phase1-foundation .button.tiny {
    min-height: 32px;
    padding: 6px 7px;
    font-size: .56rem;
  }

  body.phase1-foundation .split,
  body.phase1-foundation .grid-two,
  body.phase1-foundation .visual-band {
    width: var(--app-shell);
    max-width: var(--app-shell);
    grid-template-columns: 1fr;
    gap: 14px;
    overflow: hidden;
  }

  body.phase1-foundation .mobile-search-coach,
  body.phase1-foundation .pricing-decision-strip,
  body.phase1-foundation .plan-recommender,
  body.phase1-foundation .lead-next-steps,
  body.phase1-foundation .request-booking-stepper,
  body.phase1-foundation .request-match-strip,
  body.phase1-foundation .profile-decision-flow {
    width: var(--app-shell);
    max-width: var(--app-shell);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    overflow: hidden;
  }

  body.page-public:not(.page-home) .mobile-search-coach,
  body.page-public:not(.page-home) .marketplace-command-strip,
  body.page-public:not(.page-home) .lead-next-steps,
  body.page-public:not(.page-home) .request-booking-stepper,
  body.page-public:not(.page-home) .request-match-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase1-foundation .pricing-decision-strip,
  body.phase1-foundation .plan-recommender {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase1-foundation .mobile-search-coach article,
  body.phase1-foundation .pricing-decision-strip article,
  body.phase1-foundation .plan-recommender article,
  body.phase1-foundation .lead-next-steps article,
  body.phase1-foundation .request-booking-stepper article,
  body.phase1-foundation .request-match-strip article,
  body.phase1-foundation .profile-decision-flow article {
    min-width: 0;
    padding: 9px 6px;
    border-radius: 8px;
  }

  body.phase1-foundation .mobile-search-coach strong,
  body.phase1-foundation .pricing-decision-strip strong,
  body.phase1-foundation .plan-recommender strong,
  body.phase1-foundation .lead-next-steps strong,
  body.phase1-foundation .request-booking-stepper strong,
  body.phase1-foundation .request-match-strip strong,
  body.phase1-foundation .profile-decision-flow strong {
    font-size: .62rem;
    line-height: 1.12;
  }

  body.phase1-foundation .mobile-search-coach small,
  body.phase1-foundation .pricing-decision-strip small,
  body.phase1-foundation .plan-recommender small,
  body.phase1-foundation .lead-next-steps small,
  body.phase1-foundation .request-booking-stepper small,
  body.phase1-foundation .request-match-strip small,
  body.phase1-foundation .profile-decision-flow small {
    font-size: .5rem;
    line-height: 1.15;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  body.phase1-foundation .visual-card,
  body.phase1-foundation .visual-card img,
  body.phase1-foundation .visual-card video {
    min-height: 210px;
  }

  body.phase1-foundation .marketplace-command-strip {
    width: var(--app-shell);
    max-width: var(--app-shell);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    overflow: hidden;
  }

  body.phase1-foundation .marketplace-command-card {
    min-height: 92px;
    padding: 9px 6px;
  }

  body.phase1-foundation .marketplace-command-card span,
  body.phase1-foundation .marketplace-command-card em {
    font-size: .48rem;
  }

  body.phase1-foundation .marketplace-command-card strong {
    font-size: .66rem;
    line-height: 1.1;
  }

  body.phase1-foundation .marketplace-command-card small {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .54rem;
    line-height: 1.15;
  }

  body.phase1-foundation .pricing-compare {
    width: var(--app-shell);
    margin-inline: auto;
  }

  body.phase1-foundation .form-card label {
    gap: 5px;
  }

  body.phase1-foundation .form-card input,
  body.phase1-foundation .form-card textarea,
  body.phase1-foundation .form-card select {
    min-height: 38px;
    font-size: .82rem;
  }

  body.phase1-foundation .mobile-app-nav {
    min-height: var(--app-bottom-nav-height);
  }
}

@media (max-width: 520px) {
  body.page-public:not(.page-home) .page-hero,
  body.page-auth .page-hero,
  body.page-public:not(.page-home) .cards,
  body.page-public:not(.page-home) .role-grid,
  body.page-public:not(.page-home) .pricing-grid,
  body.page-public:not(.page-home) .gallery-grid,
  body.page-public:not(.page-home) .check-grid,
  body.page-public:not(.page-home) .split,
  body.page-public:not(.page-home) .grid-two,
  body.page-public:not(.page-home) .visual-band,
  body.page-public:not(.page-home) .mobile-search-coach,
  body.page-public:not(.page-home) .marketplace-command-strip,
  body.page-public:not(.page-home) .lead-next-steps,
  body.page-public:not(.page-home) .request-booking-stepper,
  body.page-public:not(.page-home) .request-match-strip {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: 1fr !important;
  }

  body.page-public:not(.page-home) .hero-search,
  body.page-public:not(.page-home) .hero-search.compact,
  body.page-public:not(.page-home) .hero-search.product-search,
  body.page-public:not(.page-home) .hero-search.discovery-search,
  body.page-auth .hero-search {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  body.page-public:not(.page-home) .filter-summary,
  body.page-public:not(.page-home) .trust-strip,
  body.page-public:not(.page-home) .intent-chips,
  body.page-public:not(.page-home) .hero-actions,
  body.page-auth .hero-actions {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-public:not(.page-home) .filter-summary span,
  body.page-public:not(.page-home) .filter-summary strong,
  body.page-public:not(.page-home) .filter-summary a,
  body.page-public:not(.page-home) .trust-strip span,
  body.page-public:not(.page-home) .intent-chips a,
  body.page-public:not(.page-home) .hero-actions .button,
  body.page-auth .hero-actions .button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 390px) {
  body.page-public .hero-search,
  body.page-auth .hero-search {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.page-public .hero-search input,
  body.page-public .hero-search select,
  body.page-public .hero-search button,
  body.page-auth .hero-search input,
  body.page-auth .hero-search select,
  body.page-auth .hero-search button {
    font-size: .5rem;
    padding-left: 4px;
    padding-right: 4px;
  }

  body.phase1-foundation .filter-summary span,
  body.phase1-foundation .filter-summary strong,
  body.phase1-foundation .filter-summary a,
  body.phase1-foundation .trust-strip span,
  body.phase1-foundation .intent-chips a,
  body.phase1-foundation .hero-actions .button {
    font-size: .44rem;
    padding-left: 2px;
    padding-right: 2px;
  }

  body.phase1-foundation .cards,
  body.phase1-foundation .role-grid,
  body.phase1-foundation .pricing-grid,
  body.phase1-foundation .gallery-grid,
  body.phase1-foundation .check-grid {
    gap: 5px;
  }
}

@media (max-width: 760px) {
  body.page-public:not(.page-home) .hero-search,
  body.page-public:not(.page-home) .hero-search.compact,
  body.page-public:not(.page-home) .hero-search.product-search,
  body.page-public:not(.page-home) .hero-search.discovery-search,
  body.page-auth .hero-search {
    grid-template-columns: 1fr !important;
  }

  body.page-public:not(.page-home) .hero-search button[type="submit"],
  body.page-auth .hero-search button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  body.page-public:not(.page-home) .mobile-search-coach,
  body.page-public:not(.page-home) .marketplace-command-strip,
  body.page-public:not(.page-home) .lead-next-steps,
  body.page-public:not(.page-home) .request-booking-stepper,
  body.page-public:not(.page-home) .request-match-strip {
    grid-template-columns: 1fr !important;
  }

  body.page-public:not(.page-home) .filter-summary,
  body.page-public:not(.page-home) .trust-strip,
  body.page-public:not(.page-home) .intent-chips,
  body.page-public:not(.page-home) .hero-actions,
  body.page-auth .hero-actions {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation.page-public:not(.page-home) .filter-summary,
  body.phase1-foundation.page-public:not(.page-home) .trust-strip,
  body.phase1-foundation.page-public:not(.page-home) .intent-chips {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.page-public:not(.page-home) .filter-summary > *,
  body.phase1-foundation.page-public:not(.page-home) .trust-strip > *,
  body.phase1-foundation.page-public:not(.page-home) .intent-chips > * {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    place-items: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }

  body.phase1-foundation.page-public:not(.page-home) .visual-band,
  body.phase1-foundation.page-public:not(.page-home) .visual-band > *,
  body.phase1-foundation.page-public:not(.page-home) .visual-card,
  body.phase1-foundation.page-public:not(.page-home) .visual-media {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.page-public:not(.page-home) .trust-chip-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
  }

  body.phase1-foundation.page-public:not(.page-home) .trust-chip-row span {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    justify-content: center !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }
}

/* Phase 2: customer-first discovery pages for Artists, Tutors, Products, Gallery. */
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) {
  --discovery-accent: var(--red);
  --discovery-soft: rgba(255, 250, 243, .9);
}

body.phase1-foundation.route-tutors {
  --discovery-accent: #dca10a;
}

body.phase1-foundation.route-products {
  --discovery-accent: #16843d;
}

body.phase1-foundation.route-gallery {
  --discovery-accent: #ec6b2e;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero {
  position: relative;
  isolation: isolate;
  width: var(--app-shell-wide);
  max-width: var(--app-shell-wide);
  margin-top: clamp(14px, 2.2vw, 26px);
  padding: clamp(30px, 5vw, 58px) clamp(14px, 3.4vw, 46px);
  border: 1px solid rgba(231, 211, 186, .82);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 250, 243, .94), rgba(255, 242, 223, .86)),
    #fff8ee;
  box-shadow: 0 22px 62px rgba(87, 49, 24, .09);
  overflow: hidden;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero::before,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero::before {
  z-index: -3;
  background-position: center;
  background-size: cover;
  opacity: .18;
  transform: scale(1.02);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero::before {
  background-image: url("../img/premium/book-artist.webp");
}

body.phase1-foundation.route-tutors .discovery-page-hero::before {
  background-image: url("../img/premium/learn-mehndi.webp");
}

body.phase1-foundation.route-products .discovery-page-hero::before {
  background-image: url("../img/premium/henna-products.webp");
}

body.phase1-foundation.route-gallery .discovery-page-hero::before {
  background-image: url("../img/premium/gallery-cover.webp");
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero::after {
  z-index: -2;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, .78), transparent 36%),
    linear-gradient(90deg, rgba(255, 250, 243, .98) 0%, rgba(255, 250, 243, .9) 56%, rgba(255, 250, 243, .68) 100%);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .eyebrow {
  display: inline-grid;
  place-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 30px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .84);
  color: var(--discovery-accent);
  box-shadow: 0 10px 28px rgba(87, 49, 24, .08);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero h1 {
  max-width: 900px;
  font-size: clamp(2.15rem, 4.7vw, 4.6rem);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero > p:not(.eyebrow) {
  max-width: 820px;
  font-size: clamp(.98rem, 1.5vw, 1.12rem);
  color: #4f3b30;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search {
  width: min(100%, 1120px);
  max-width: 1120px;
  margin-top: 6px;
  border-radius: 8px;
  border-color: rgba(231, 211, 186, .9);
  background: rgba(255, 253, 248, .94);
  box-shadow: 0 18px 46px rgba(87, 49, 24, .12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search input,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search select {
  border-color: rgba(217, 195, 166, .92);
  background: #fffdfa;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search button {
  background: var(--discovery-accent);
  box-shadow: 0 14px 28px rgba(113, 16, 18, .16);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .trust-strip,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .intent-chips {
  width: min(100%, 980px);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary > *,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .trust-strip > *,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .intent-chips > * {
  border-color: rgba(231, 211, 186, .82);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 8px 20px rgba(87, 49, 24, .06);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-strip {
  width: min(100%, 1040px);
  max-width: 1040px;
  gap: 10px;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card {
  min-height: 136px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 249, 239, .92));
  border-top: 4px solid var(--discovery-accent);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card span,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card em {
  color: var(--discovery-accent);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-results-section {
  padding-top: clamp(32px, 5vw, 58px);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .discovery-results-section .cards {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  align-items: stretch;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card,
body.phase1-foundation.route-gallery .gallery-item-card {
  border-radius: 8px;
  border-color: rgba(231, 211, 186, .9);
  box-shadow: 0 18px 46px rgba(87, 49, 24, .08);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card:hover,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card:hover,
body.phase1-foundation.route-gallery .gallery-item-card:hover {
  transform: translateY(-2px);
  border-color: rgba(157, 13, 17, .34);
  box-shadow: 0 22px 56px rgba(87, 49, 24, .12);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .profile-card {
  justify-items: center;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .profile-card .avatar {
  width: 72px;
  height: 72px;
  font-size: 1.25rem;
  box-shadow: 0 14px 34px rgba(157, 13, 17, .13);
}

body.phase1-foundation.route-products .product-card .product-image {
  min-height: 150px;
  border-radius: 8px;
  overflow: hidden;
}

body.phase1-foundation.route-products .product-card .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card h3,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card h3 {
  margin-bottom: 0;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card > p:not(.meta):not(.rating-line),
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card > p:not(.meta) {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-signal-row,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .trust-chip-row {
  width: 100%;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .card-actions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .card-actions .button {
  min-width: 0;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

body.phase1-foundation.route-gallery .gallery-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

body.phase1-foundation.route-gallery .gallery-item-card {
  overflow: hidden;
  background: #fffdfa;
}

body.phase1-foundation.route-gallery .gallery-item {
  border-radius: 8px;
  overflow: hidden;
}

body.phase1-foundation.route-gallery .gallery-item img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

body.phase1-foundation.route-gallery .gallery-card-meta {
  display: grid;
  gap: 6px;
  text-align: center;
}

body.phase1-foundation.route-gallery .gallery-item-card .card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .visual-band {
  border-radius: 8px;
  padding: clamp(14px, 2vw, 24px);
  border: 1px solid rgba(231, 211, 186, .82);
  background:
    linear-gradient(180deg, rgba(255, 253, 248, .94), rgba(255, 247, 235, .92));
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .visual-card {
  border-radius: 8px;
  overflow: hidden;
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .result-toolbar {
  border-radius: 8px;
  border: 1px solid rgba(231, 211, 186, .86);
  background:
    linear-gradient(180deg, #fffdfa, #fff8ef);
  box-shadow: 0 14px 36px rgba(87, 49, 24, .07);
}

body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .provider-prompt-strip,
body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .fast-lane {
  border-radius: 8px;
  border-color: rgba(231, 211, 186, .86);
  background:
    linear-gradient(135deg, rgba(255, 253, 248, .98), rgba(255, 241, 221, .9));
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-top: 10px;
    padding: 18px 7px 16px !important;
    gap: 9px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero::before {
    opacity: .13;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .eyebrow {
    min-height: 24px;
    padding: 5px 9px;
    font-size: .62rem;
    white-space: nowrap;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero h1 {
    width: min(100%, calc(100vw - 46px)) !important;
    max-width: min(100%, calc(100vw - 46px)) !important;
    font-size: clamp(1.05rem, 5.2vw, 1.48rem) !important;
    line-height: 1.08;
    overflow-wrap: anywhere !important;
    word-break: normal;
    hyphens: auto;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero > p:not(.eyebrow) {
    width: min(100%, calc(100vw - 50px)) !important;
    max-width: min(100%, calc(100vw - 50px)) !important;
    font-size: .6rem !important;
    line-height: 1.28 !important;
    text-align: center;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: min(100%, calc(100vw - 36px)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search input,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search select,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search button {
    min-height: 38px !important;
    padding: 5px 6px !important;
    font-size: .58rem !important;
    border-radius: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .trust-strip,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .intent-chips {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: min(100%, calc(100vw - 36px)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex-direction: initial !important;
    flex-wrap: initial !important;
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary > *:first-child {
    grid-column: 1 / -1;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary > *,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .trust-strip > *,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .intent-chips > * {
    min-height: 30px !important;
    padding: 5px 6px !important;
    font-size: .5rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-strip {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: min(100%, calc(100vw - 36px)) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card {
    min-width: 0 !important;
    min-height: 98px !important;
    padding: 8px 5px !important;
    text-align: center;
    gap: 4px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card span,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card em {
    justify-self: center;
    font-size: .42rem !important;
    padding: 3px 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card strong {
    font-size: .54rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card small {
    display: none;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .discovery-results-section .cards,
  body.phase1-foundation.route-gallery .gallery-grid {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card,
  body.phase1-foundation.route-gallery .gallery-item-card {
    min-width: 0 !important;
    padding: 9px 6px !important;
    gap: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .profile-card .avatar {
    width: 44px;
    height: 44px;
    font-size: .82rem;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card h3,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card h3,
  body.phase1-foundation.route-gallery .gallery-item-card strong {
    font-size: .67rem !important;
    line-height: 1.1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card p,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card p,
  body.phase1-foundation.route-gallery .gallery-card-meta {
    font-size: .54rem !important;
    line-height: 1.16 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-card > p:not(.meta):not(.rating-line),
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .product-card > p:not(.meta) {
    -webkit-line-clamp: 2;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .quality-meter,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .trust-chip-row,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .profile-signal-row {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .card-actions {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products) .card-actions .button,
  body.phase1-foundation.route-gallery .gallery-item-card .button {
    min-height: 28px !important;
    padding: 5px 6px !important;
    font-size: .5rem !important;
    border-radius: 7px !important;
  }

  body.phase1-foundation.route-products .product-card .product-image {
    min-height: 74px;
  }

  body.phase1-foundation.route-gallery .gallery-item img {
    aspect-ratio: 1 / 1.08;
  }

  body.phase1-foundation.route-gallery .gallery-item-card .card-actions {
    grid-template-columns: 1fr !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .result-toolbar {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    gap: 8px !important;
    padding: 10px 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .result-toolbar strong {
    font-size: .72rem;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .result-toolbar small {
    font-size: .58rem;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .result-toolbar-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .result-toolbar-actions .button {
    min-width: 0;
    width: 100%;
    padding: 6px 5px;
    font-size: .48rem;
  }
}

@media (max-width: 390px) {
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search input,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search select,
  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero .hero-search button {
    font-size: .52rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors, .route-products, .route-gallery) .marketplace-command-card strong {
    font-size: .48rem !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary,
  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .trust-strip,
  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .intent-chips {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: min(100%, calc(100vw - 36px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .filter-summary > *,
  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .trust-strip > *,
  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .intent-chips > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
  }

  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-page-hero > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .mobile-search-coach {
    width: min(100%, calc(100vw - 36px)) !important;
    max-width: min(100%, calc(100vw - 36px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.page-public:not(.page-home):is(.route-artists, .route-tutors, .route-products, .route-gallery) .mobile-search-coach article {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 5px !important;
  }

  body.phase1-foundation.page-public:not(.page-home).route-gallery .intent-chips {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
  }
}

/* Phase 3: customer-first detail and conversion pages. */
body.phase1-foundation.page-public:is(.route-profile, .route-product) {
  --detail-shell: min(1180px, calc(100vw - 32px));
  --detail-card-border: rgba(157, 13, 17, .17);
  overflow-x: clip;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .app-main {
  overflow-x: clip;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-bar,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .section {
  width: var(--detail-shell);
  max-width: var(--detail-shell);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 22px;
  margin-bottom: 18px;
  border: 1px solid var(--detail-card-border);
  border-radius: 8px;
  padding: clamp(22px, 3.5vw, 46px);
  background:
    linear-gradient(135deg, rgba(255, 250, 242, .96), rgba(255, 255, 255, .92)),
    url("../img/premium/bridal-mehndi.webp") center / cover no-repeat;
  box-shadow: 0 24px 58px rgba(68, 44, 22, .12);
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 15% 20%, rgba(157, 13, 17, .11), transparent 34%),
    radial-gradient(circle at 85% 15%, rgba(247, 173, 38, .16), transparent 30%);
}

body.phase1-foundation.page-public.route-product .detail-hero {
  background:
    linear-gradient(135deg, rgba(255, 250, 242, .96), rgba(255, 255, 255, .88)),
    url("../img/premium/henna-products.webp") center / cover no-repeat;
}

body.phase1-foundation.page-public .profile-detail-hero {
  grid-template-columns: 140px minmax(0, 1fr);
  gap: clamp(16px, 3vw, 32px);
  align-items: center;
}

body.phase1-foundation.page-public .profile-detail-hero .avatar.large {
  width: clamp(96px, 10vw, 132px);
  height: clamp(96px, 10vw, 132px);
  border: 4px solid rgba(255, 255, 255, .9);
  box-shadow: 0 18px 34px rgba(68, 44, 22, .18);
}

body.phase1-foundation.page-public .profile-detail-hero h1,
body.phase1-foundation.page-public .product-detail-hero h1 {
  max-width: 860px;
  margin: 12px 0 8px;
  font-size: clamp(2.25rem, 5vw, 4.4rem);
  line-height: .96;
  letter-spacing: 0;
}

body.phase1-foundation.page-public .detail-hero-copy > p,
body.phase1-foundation.page-public .product-detail-hero > p {
  max-width: 760px;
  margin: 0 0 8px;
  color: #423327;
  font-weight: 800;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .badge,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .soft-badge {
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(157, 13, 17, .2);
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

body.phase1-foundation.page-public .profile-detail-hero > .hero-actions {
  grid-column: 2;
  margin-top: 0;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .button,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-bar .button,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .mobile-context-bar a,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .mobile-context-bar button {
  border-radius: 8px;
}

body.phase1-foundation.page-public .profile-detail-hero .profile-trust-badges {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 900px;
}

body.phase1-foundation.page-public .profile-detail-hero .profile-trust-badges span {
  justify-content: center;
  min-width: 0;
  min-height: 36px;
  text-align: center;
  font-size: .76rem;
  line-height: 1.12;
}

body.phase1-foundation.page-public .product-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, .7fr);
  align-items: center;
  gap: clamp(18px, 3vw, 36px);
  text-align: left;
}

body.phase1-foundation.page-public .product-detail-hero .eyebrow,
body.phase1-foundation.page-public .product-detail-hero h1,
body.phase1-foundation.page-public .product-detail-hero > p {
  grid-column: 1;
}

body.phase1-foundation.page-public .product-detail-hero .hero-product-photo {
  grid-column: 2;
  grid-row: 1 / span 4;
  align-self: stretch;
  width: 100%;
  min-height: 320px;
  margin: 0;
  border: 6px solid rgba(255, 255, 255, .84);
  box-shadow: 0 22px 48px rgba(68, 44, 22, .16);
}

body.phase1-foundation.page-public .product-detail-hero .hero-actions,
body.phase1-foundation.page-public .product-detail-hero .trust-strip {
  grid-column: 1 / -1;
}

body.phase1-foundation.page-public .product-detail-hero .trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.phase1-foundation.page-public .product-detail-hero .trust-strip span {
  justify-content: center;
  text-align: center;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-bar {
  width: var(--detail-shell);
  max-width: var(--detail-shell);
  border-color: rgba(157, 13, 17, .16);
  background: rgba(255, 253, 249, .97);
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip a,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid .panel,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .decision-mini-grid article,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .product-spec-grid div,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .verification-mini-grid article {
  border-radius: 8px;
  border-color: rgba(157, 13, 17, .14);
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-conversion-panel,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-verification-panel {
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(68, 44, 22, .08);
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid .panel {
  min-width: 0;
  min-height: 142px;
  padding: 16px;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid h3,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid strong.big-number {
  line-height: 1.05;
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .decision-mini-grid,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .product-spec-grid,
body.phase1-foundation.page-public:is(.route-profile, .route-product) .verification-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.phase1-foundation.page-public:is(.route-profile, .route-product) .form-card {
  border-radius: 8px;
}

@media (max-width: 980px) {
  body.phase1-foundation.page-public:is(.route-profile, .route-product) {
    --detail-shell: min(100%, calc(100vw - 18px));
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .site-header {
    position: sticky;
    top: 0;
    z-index: 80;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero {
    margin-top: 10px;
    padding: 14px 10px;
  }

  body.phase1-foundation.page-public .profile-detail-hero {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 10px;
    text-align: left;
  }

  body.phase1-foundation.page-public .profile-detail-hero .avatar.large {
    width: 70px;
    height: 70px;
    border-width: 3px;
  }

  body.phase1-foundation.page-public .profile-detail-hero h1,
  body.phase1-foundation.page-public .product-detail-hero h1 {
    font-size: clamp(1.16rem, 6vw, 1.9rem) !important;
    line-height: 1.02 !important;
    margin: 6px 0 5px;
  }

  body.phase1-foundation.page-public .detail-hero-copy > p,
  body.phase1-foundation.page-public .product-detail-hero > p,
  body.phase1-foundation.page-public .profile-detail-hero .rating-line,
  body.phase1-foundation.page-public .profile-detail-hero .meta {
    font-size: .62rem !important;
    line-height: 1.2 !important;
  }

  body.phase1-foundation.page-public .profile-detail-hero .profile-trust-badges {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin: 8px 0;
  }

  body.phase1-foundation.page-public .profile-detail-hero .profile-trust-badges span {
    min-height: 28px;
    padding: 5px;
    font-size: .5rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .hero-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    margin-top: 10px;
  }

  body.phase1-foundation.page-public .profile-detail-hero > .hero-actions {
    grid-column: 1 / -1;
    margin-top: 2px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .button {
    min-width: 0;
    min-height: 34px;
    padding: 7px 5px;
    font-size: .52rem;
    line-height: 1.05;
    text-align: center;
  }

  body.phase1-foundation.page-public .product-detail-hero {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 10px;
    text-align: left;
  }

  body.phase1-foundation.page-public .product-detail-hero .eyebrow,
  body.phase1-foundation.page-public .product-detail-hero h1,
  body.phase1-foundation.page-public .product-detail-hero > p {
    grid-column: 1;
  }

  body.phase1-foundation.page-public .product-detail-hero .hero-product-photo {
    grid-column: 2;
    grid-row: 1 / span 3;
    min-height: 0;
    height: 116px;
    aspect-ratio: 1 / 1.2;
    border-width: 3px;
  }

  body.phase1-foundation.page-public .product-detail-hero .hero-actions,
  body.phase1-foundation.page-public .product-detail-hero .trust-strip {
    grid-column: 1 / -1;
  }

  body.phase1-foundation.page-public .product-detail-hero .trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin-top: 8px;
  }

  body.phase1-foundation.page-public .product-detail-hero .trust-strip span {
    min-height: 28px;
    padding: 5px;
    font-size: .48rem;
    line-height: 1.05;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-bar {
    position: static;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px;
    padding: 9px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-bar strong {
    font-size: .75rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-bar span {
    font-size: .58rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-contact-actions .button {
    width: 100%;
    min-height: 30px;
    padding: 6px 4px;
    font-size: .48rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px;
    padding: 0;
    overflow: hidden;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip a {
    min-height: 34px;
    flex: initial;
    padding: 6px 5px;
    gap: 4px;
    font-size: .52rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip strong {
    min-width: 20px;
    height: 20px;
    font-size: .5rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-verification-panel,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-conversion-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px;
    padding: 10px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid .panel {
    min-height: 82px;
    padding: 9px 7px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid .badge,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .panel .eyebrow {
    font-size: .48rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid h3,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid strong.big-number {
    font-size: .82rem;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-kpi-grid p {
    font-size: .54rem;
    line-height: 1.18;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .decision-mini-grid,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .product-spec-grid,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .verification-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .decision-mini-grid article,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .product-spec-grid div,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .verification-mini-grid article {
    min-height: 76px;
    padding: 8px 6px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .decision-mini-grid strong,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .product-spec-grid strong,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .verification-mini-grid strong {
    font-size: .6rem;
    line-height: 1.14;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .decision-mini-grid span,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .product-spec-grid span,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .verification-mini-grid span {
    font-size: .5rem;
    line-height: 1.16;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .section {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .section h2 {
    font-size: clamp(1.08rem, 5.8vw, 1.55rem);
    line-height: 1.08;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .section p,
  body.phase1-foundation.page-public:is(.route-profile, .route-product) .panel p {
    font-size: .62rem;
    line-height: 1.24;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }
}

@media (max-width: 430px) {
  body.phase1-foundation.page-public:is(.route-profile, .route-product) {
    --detail-shell: calc(100vw - 12px);
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero {
    padding-left: 8px;
    padding-right: 8px;
  }

  body.phase1-foundation.page-public .profile-detail-hero {
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  body.phase1-foundation.page-public .profile-detail-hero .avatar.large {
    width: 58px;
    height: 58px;
  }

  body.phase1-foundation.page-public .profile-detail-hero .profile-trust-badges span:nth-child(n+4) {
    display: none;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .detail-hero .hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase1-foundation.page-public .product-detail-hero {
    grid-template-columns: minmax(0, 1fr) 82px !important;
  }

  body.phase1-foundation.page-public .product-detail-hero .hero-product-photo {
    height: 104px;
  }

  body.phase1-foundation.page-public:is(.route-profile, .route-product) .profile-nav-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Phase 4: request board and pricing conversion pages. */
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) {
  --phase4-shell: min(1180px, calc(100vw - 32px));
  --phase4-line: rgba(157, 13, 17, .17);
  overflow-x: clip;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .app-main {
  overflow-x: clip;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .page-hero,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .section {
  width: var(--phase4-shell);
  max-width: var(--phase4-shell);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 22px;
  margin-bottom: 18px;
  border: 1px solid var(--phase4-line);
  border-radius: 8px;
  padding: clamp(22px, 4vw, 54px);
  text-align: center;
  background:
    linear-gradient(135deg, rgba(255, 250, 242, .95), rgba(255, 255, 255, .89)),
    url("../img/premium/request-board.webp") center / cover no-repeat;
  box-shadow: 0 24px 58px rgba(68, 44, 22, .12);
}

body.phase1-foundation.page-public.route-pricing .phase4-hero {
  background:
    linear-gradient(135deg, rgba(255, 250, 242, .96), rgba(255, 255, 255, .9)),
    url("../img/premium/henna-products.webp") center / cover no-repeat;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 20% 18%, rgba(157, 13, 17, .12), transparent 32%),
    radial-gradient(circle at 85% 10%, rgba(247, 173, 38, .15), transparent 28%);
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero h1 {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(2.45rem, 5.5vw, 4.75rem);
  line-height: .96;
  letter-spacing: 0;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero > p:not(.eyebrow) {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  color: #3f3128;
  font-weight: 800;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation.page-public.route-pricing .phase4-hero .trust-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .trust-strip span {
  justify-content: center;
  text-align: center;
  background: rgba(255, 255, 255, .9);
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .hero-actions {
  justify-content: center;
  margin-top: 18px;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .marketplace-command-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .marketplace-command-card,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .lead-next-steps article,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .pricing-decision-strip article,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .plan-recommender article,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .pricing-card,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-tracking-card,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-type-card,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-template-card {
  border-radius: 8px;
  border-color: var(--phase4-line);
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .lead-next-steps,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .pricing-decision-strip,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .plan-recommender,
body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-tracking-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.page-public.route-requests .lead-next-steps article,
body.phase1-foundation.page-public.route-pricing .pricing-decision-strip article,
body.phase1-foundation.page-public.route-pricing .plan-recommender article,
body.phase1-foundation.page-public.route-requests .request-tracking-card {
  min-width: 0;
  min-height: 150px;
  padding: 16px;
}

body.phase1-foundation.page-public.route-requests .visual-band {
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1fr);
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--phase4-line);
  background:
    linear-gradient(135deg, rgba(255, 248, 238, .92), rgba(255, 255, 255, .95));
  box-shadow: 0 18px 42px rgba(68, 44, 22, .08);
}

body.phase1-foundation.page-public.route-requests .visual-band .visual-card {
  max-height: 360px;
  overflow: hidden;
  border-radius: 8px;
}

body.phase1-foundation.page-public.route-requests .request-form-shell {
  padding-top: 28px;
}

body.phase1-foundation.page-public.route-requests .request-form-shell > .split {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);
  gap: 18px;
  align-items: start;
}

body.phase1-foundation.page-public.route-requests .request-form-shell .form-card,
body.phase1-foundation.page-public.route-requests .request-helper-panel {
  border-radius: 8px;
  border: 1px solid var(--phase4-line);
  box-shadow: 0 18px 42px rgba(68, 44, 22, .08);
}

body.phase1-foundation.page-public.route-requests .request-form-shell .form-card {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

body.phase1-foundation.page-public.route-requests .request-form-shell .form-card > * {
  min-width: 0;
  max-width: 100%;
}

body.phase1-foundation.page-public.route-requests .request-booking-stepper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.phase1-foundation.page-public.route-requests .request-booking-stepper article {
  min-height: 98px;
  border-radius: 8px;
}

body.phase1-foundation.page-public.route-requests .request-type-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

body.phase1-foundation.page-public.route-requests .request-type-card {
  min-height: 94px;
  padding: 11px 8px;
}

body.phase1-foundation.page-public.route-requests .request-template-grid,
body.phase1-foundation.page-public.route-requests .provider-response-template-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.phase1-foundation.page-public.route-requests #open-requests .empty-state,
body.phase1-foundation.page-public.route-requests .request-response-card {
  border-radius: 8px;
  border-color: var(--phase4-line);
}

body.phase1-foundation.page-public.route-requests .empty-recovery-grid,
body.phase1-foundation.page-public.route-requests .request-match-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.phase1-foundation.page-public.route-pricing .pricing-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.page-public.route-pricing .pricing-card {
  min-width: 0;
  padding: 16px;
  background: rgba(255, 255, 255, .98);
  color: var(--ink);
  box-shadow: 0 18px 42px rgba(68, 44, 22, .08);
}

body.phase1-foundation.page-public.route-pricing .pricing-card h2 {
  color: var(--ink);
  font-size: clamp(1.05rem, 1.7vw, 1.55rem);
  line-height: 1.05;
}

body.phase1-foundation.page-public.route-pricing .pricing-card p,
body.phase1-foundation.page-public.route-pricing .pricing-card li,
body.phase1-foundation.page-public.route-pricing .pricing-card .trial {
  color: #4f433a;
}

body.phase1-foundation.page-public.route-pricing .pricing-card .badge {
  color: var(--red);
  background: #fff0df;
}

body.phase1-foundation.page-public.route-pricing .pricing-card .best-for {
  min-height: 84px;
}

body.phase1-foundation.page-public.route-pricing .pricing-card .check-list {
  max-height: 300px;
  overflow: auto;
  padding-right: 4px;
}

body.phase1-foundation.page-public.route-pricing .price-row span {
  min-height: 46px;
  display: grid;
  place-items: center;
  text-align: center;
}

body.phase1-foundation.page-public.route-pricing .pricing-compare {
  border-radius: 8px;
  border: 1px solid var(--phase4-line);
  box-shadow: 0 18px 42px rgba(68, 44, 22, .08);
}

body.phase1-foundation.page-public.route-pricing .pricing-compare table {
  min-width: 980px;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .section-head {
  text-align: center;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 980px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) {
    --phase4-shell: min(100%, calc(100vw - 18px));
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .site-header {
    position: sticky;
    top: 0;
    z-index: 80;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero {
    margin-top: 10px;
    padding: 14px 9px;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero h1 {
    font-size: clamp(1.35rem, 6vw, 2.1rem) !important;
    line-height: 1.02 !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero > p:not(.eyebrow) {
    font-size: .62rem !important;
    line-height: 1.22 !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation.page-public.route-pricing .phase4-hero .trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .trust-strip span {
    min-height: 28px;
    padding: 5px;
    font-size: .48rem;
    line-height: 1.05;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .button {
    width: 100%;
    min-height: 34px;
    padding: 7px 5px;
    font-size: .52rem;
    line-height: 1.05;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .marketplace-command-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px;
    overflow: hidden;
    padding: 0;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .marketplace-command-card {
    min-height: 92px;
    padding: 8px 5px;
    gap: 4px;
    text-align: center;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .marketplace-command-card span,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .marketplace-command-card em {
    justify-self: center;
    font-size: .42rem;
    padding: 3px 5px;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .marketplace-command-card strong {
    font-size: .54rem;
    line-height: 1.08;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .marketplace-command-card small {
    display: none;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .lead-next-steps,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .pricing-decision-strip,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .plan-recommender,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-tracking-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px;
    overflow: hidden;
  }

  body.phase1-foundation.page-public.route-requests .lead-next-steps article,
  body.phase1-foundation.page-public.route-pricing .pricing-decision-strip article,
  body.phase1-foundation.page-public.route-pricing .plan-recommender article,
  body.phase1-foundation.page-public.route-requests .request-tracking-card {
    min-height: 88px;
    padding: 8px 5px;
    gap: 4px;
    text-align: center;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .lead-next-steps strong,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .pricing-decision-strip strong,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .plan-recommender strong,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-tracking-card strong {
    font-size: .54rem;
    line-height: 1.08;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .lead-next-steps small,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .pricing-decision-strip small,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .plan-recommender small,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .request-tracking-card span {
    font-size: .46rem;
    line-height: 1.12;
  }

  body.phase1-foundation.page-public.route-requests .visual-band {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 8px;
    padding: 9px;
  }

  body.phase1-foundation.page-public.route-requests .visual-band .visual-card {
    max-height: none;
    aspect-ratio: 1 / 1.2;
  }

  body.phase1-foundation.page-public.route-requests .visual-band h2 {
    font-size: .95rem;
  }

  body.phase1-foundation.page-public.route-requests .visual-band p {
    font-size: .55rem;
    line-height: 1.16;
  }

  body.phase1-foundation.page-public.route-requests .visual-band .trust-strip {
    display: none;
  }

  body.phase1-foundation.page-public.route-requests .request-form-shell > .split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.phase1-foundation.page-public.route-requests .request-booking-stepper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px;
  }

  body.phase1-foundation.page-public.route-requests .request-booking-stepper article {
    min-height: 66px;
    padding: 6px 4px;
  }

  body.phase1-foundation.page-public.route-requests .request-booking-stepper strong {
    font-size: .5rem;
  }

  body.phase1-foundation.page-public.route-requests .request-booking-stepper small {
    display: none;
  }

  body.phase1-foundation.page-public.route-requests .request-type-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px;
  }

  body.phase1-foundation.page-public.route-requests .request-type-card {
    min-height: 58px;
    padding: 6px 3px;
  }

  body.phase1-foundation.page-public.route-requests .request-type-card strong {
    font-size: .48rem;
    line-height: 1.05;
  }

  body.phase1-foundation.page-public.route-requests .request-type-card small {
    display: none;
  }

  body.phase1-foundation.page-public.route-requests .request-template-grid,
  body.phase1-foundation.page-public.route-requests .provider-response-template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px;
  }

  body.phase1-foundation.page-public.route-requests .form-grid.compact-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px;
  }

  body.phase1-foundation.page-public.route-requests .request-helper-panel {
    position: static;
  }

  body.phase1-foundation.page-public.route-requests .empty-recovery-grid,
  body.phase1-foundation.page-public.route-requests .request-match-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation.page-public.route-requests .empty-recovery-grid article,
  body.phase1-foundation.page-public.route-requests .request-match-strip span {
    padding: 7px 5px;
    font-size: .5rem;
    line-height: 1.12;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card {
    padding: 9px 7px;
    background: rgba(255, 255, 255, .99) !important;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card h2 {
    color: var(--ink) !important;
    font-size: .78rem;
    line-height: 1.06;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card p {
    color: #3f3128 !important;
    font-size: .52rem;
    line-height: 1.15;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card .best-for {
    min-height: 0;
  }

  body.phase1-foundation.page-public.route-pricing .price-row {
    gap: 4px;
    margin: 8px 0;
  }

  body.phase1-foundation.page-public.route-pricing .price-row span {
    min-height: 30px;
    padding: 5px 4px;
    font-size: .5rem;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card .check-list {
    max-height: 126px;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card .check-list li {
    font-size: .48rem;
    line-height: 1.14;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-compare {
    overflow-x: auto;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-compare table {
    min-width: 760px;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .section {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .section h2 {
    font-size: clamp(1.08rem, 5.8vw, 1.55rem);
    line-height: 1.08;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .section p,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .panel p {
    font-size: .62rem;
    line-height: 1.24;
  }
}

@media (max-width: 430px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) {
    --phase4-shell: calc(100vw - 12px);
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero {
    padding-left: 8px;
    padding-right: 8px;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .phase4-hero .trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase1-foundation.page-public.route-pricing .phase4-hero .trust-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.phase1-foundation.page-public.route-requests .request-type-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Phase 6: logged-in dashboard, onboarding, admin, and receipt workspace polish. */
body.phase1-foundation:is(.page-dashboard, .page-admin) {
  --phase6-shell: min(1380px, calc(100vw - 28px));
  --phase6-sidebar: minmax(210px, 268px);
  --phase6-line: rgba(122, 70, 28, .18);
  --phase6-soft: rgba(255, 247, 236, .84);
  --phase6-card: rgba(255, 255, 255, .96);
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(157, 13, 17, .08), transparent 26%),
    linear-gradient(180deg, #fff9f0 0%, #fff6ea 48%, #fffaf3 100%);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .site-header {
  position: sticky;
  top: 0;
  z-index: 80;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) main {
  width: var(--phase6-shell);
  max-width: var(--phase6-shell);
  margin-inline: auto;
  padding: 18px 0 96px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard {
  display: grid;
  grid-template-columns: var(--phase6-sidebar) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  width: 100%;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side {
  position: sticky;
  top: calc(var(--app-header-height) + 16px);
  display: grid;
  gap: 4px;
  max-height: calc(100dvh - var(--app-header-height) - 32px);
  overflow: auto;
  border: 1px solid var(--phase6-line);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 252, 247, .96);
  box-shadow: 0 18px 45px rgba(82, 42, 18, .09);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side h2 {
  margin: 0 0 8px;
  font-size: 1.1rem;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--ink);
  font-size: .9rem;
  font-weight: 900;
  line-height: 1.15;
  text-decoration: none;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side a:hover,
body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side a.active {
  border-color: rgba(157, 13, 17, .24);
  background: #fff0e5;
  color: var(--red);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main {
  display: grid;
  min-width: 0;
  gap: 16px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main > .eyebrow {
  margin-bottom: -10px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main h1 {
  margin: 0;
  max-width: 980px;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.02;
  letter-spacing: 0;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.dashboard-panel, .panel, .form-card, .receipt-document) {
  min-width: 0;
  border: 1px solid var(--phase6-line);
  border-radius: 8px;
  background: var(--phase6-card);
  box-shadow: 0 18px 48px rgba(82, 42, 18, .08);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-panel {
  margin-top: 0;
  padding: clamp(14px, 2vw, 22px);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .panel,
body.phase1-foundation:is(.page-dashboard, .page-admin) .form-card {
  padding: clamp(12px, 1.7vw, 18px);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .section-head.compact-head {
  margin-bottom: 12px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .section-lead,
body.phase1-foundation:is(.page-dashboard, .page-admin) .meta,
body.phase1-foundation:is(.page-dashboard, .page-admin) .panel p {
  color: #4b3b32;
  line-height: 1.45;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.metric-grid, .readiness-grid, .action-grid, .role-board, .cards, .grid-two, .form-helper-grid, .billing-access-grid) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.grid-two, .split, .admin-command-layout, .launch-control, .profile-switcher, .setup-wizard-panel, .section-guidance, .onboarding-command-center) {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 14px;
  align-items: start;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-grid,
body.phase1-foundation:is(.page-dashboard, .page-admin) .admin-command-grid,
body.phase1-foundation:is(.page-dashboard, .page-admin) .onboarding-steps,
body.phase1-foundation:is(.page-dashboard, .page-admin) .wizard-grid,
body.phase1-foundation:is(.page-dashboard, .page-admin) .request-ops-grid,
body.phase1-foundation:is(.page-dashboard, .page-admin) .lead-command-grid,
body.phase1-foundation:is(.page-dashboard, .page-admin) .admin-route-panel,
body.phase1-foundation:is(.page-dashboard, .page-admin) .admin-lead-actions-grid,
body.phase1-foundation:is(.page-dashboard, .page-admin) .admin-match-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-card,
body.phase1-foundation:is(.page-dashboard, .page-admin) .action-card,
body.phase1-foundation:is(.page-dashboard, .page-admin) .route-card,
body.phase1-foundation:is(.page-dashboard, .page-admin) .milestone-item {
  min-width: 0;
  border: 1px solid rgba(122, 70, 28, .18);
  border-radius: 8px;
  background: #fffaf3;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-card {
  display: grid;
  gap: 9px;
  padding: 13px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-card.current,
body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-card.active {
  border-color: rgba(157, 13, 17, .34);
  background: linear-gradient(180deg, #fff6ec, #fffdf8);
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .field-tags,
body.phase1-foundation:is(.page-dashboard, .page-admin) .status-strip,
body.phase1-foundation:is(.page-dashboard, .page-admin) .hero-actions,
body.phase1-foundation:is(.page-dashboard, .page-admin) .card-actions,
body.phase1-foundation:is(.page-dashboard, .page-admin) .admin-export-strip,
body.phase1-foundation:is(.page-dashboard, .page-admin) .switcher-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.field-tags span, .field-tags a, .status-strip span, .switcher-pill) {
  min-height: 32px;
  border: 1px solid rgba(122, 70, 28, .18);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(255, 250, 242, .94);
  color: var(--ink);
  font-size: .78rem;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .status-strip {
  margin-top: -4px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .button,
body.phase1-foundation:is(.page-dashboard, .page-admin) button {
  white-space: normal;
  word-break: normal;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(input, select, textarea) {
  min-width: 0;
  max-width: 100%;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.form-grid, .compact-form-grid, .admin-filter-bar) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) :is(table, .data-table) {
  width: 100%;
  max-width: 100%;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main table {
  display: block;
  overflow-x: auto;
  border: 1px solid rgba(122, 70, 28, .16);
  border-radius: 8px;
  background: #fff;
  white-space: nowrap;
}

body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main :is(th, td) {
  padding: 10px 12px;
  vertical-align: top;
}

body.phase1-foundation.page-admin .admin-command-center {
  background:
    linear-gradient(135deg, rgba(255, 247, 236, .98), rgba(255, 255, 255, .94)),
    url("../img/premium/request-board.webp") center / cover no-repeat;
}

body.phase1-foundation.page-admin .readiness.ready {
  border-color: rgba(19, 139, 77, .28);
}

body.phase1-foundation.page-admin .readiness.warning {
  border-color: rgba(224, 162, 8, .32);
}

body.phase1-foundation.page-admin .readiness.action {
  border-color: rgba(157, 13, 17, .32);
}

body.phase1-foundation.page-dashboard .receipt-shell {
  max-width: min(980px, calc(100vw - 28px));
  margin-inline: auto;
}

body.phase1-foundation.page-dashboard .receipt-document {
  padding: clamp(18px, 4vw, 38px);
}

body.phase1-foundation.page-dashboard .receipt-top,
body.phase1-foundation.page-dashboard .receipt-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1180px) {
  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.metric-grid, .readiness-grid, .action-grid, .role-board, .cards, .billing-access-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.phase1-foundation:is(.page-dashboard, .page-admin) {
    --phase6-shell: calc(100vw - 14px);
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) main {
    padding-top: 10px;
    padding-bottom: calc(var(--app-bottom-nav-height) + 24px);
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side {
    top: calc(var(--app-mobile-header-height) + 8px);
    z-index: 30;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-template-columns: none;
    gap: 7px;
    max-height: none;
    margin-inline: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px;
    width: 100%;
    scrollbar-width: none;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side::-webkit-scrollbar {
    display: none;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side h2 {
    position: sticky;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 36px;
    margin: 0;
    border-right: 1px solid rgba(122, 70, 28, .16);
    padding-right: 10px;
    background: rgba(255, 252, 247, .98);
    font-size: .9rem;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-side a {
    min-height: 36px;
    padding: 8px 10px;
    font-size: .76rem;
    white-space: nowrap;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main {
    gap: 10px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-main h1 {
    font-size: clamp(1.45rem, 8vw, 2.15rem);
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-panel {
    padding: 11px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.metric-grid, .readiness-grid, .action-grid, .role-board, .cards, .grid-two, .form-helper-grid, .billing-access-grid, .role-dashboard-grid, .admin-command-grid, .onboarding-steps, .wizard-grid, .request-ops-grid, .lead-command-grid, .admin-route-panel, .admin-lead-actions-grid, .admin-match-summary) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.split, .admin-command-layout, .launch-control, .profile-switcher, .setup-wizard-panel, .section-guidance, .onboarding-command-center) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .panel,
  body.phase1-foundation:is(.page-dashboard, .page-admin) .form-card {
    padding: 10px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.panel h2, .dashboard-panel h2) {
    font-size: clamp(1rem, 5.4vw, 1.45rem);
    line-height: 1.1;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.panel h3, .role-dashboard-card strong) {
    font-size: .84rem;
    line-height: 1.16;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.panel p, .role-dashboard-card p, .section-lead, .meta, .receipt-grid p, .receipt-note p) {
    font-size: .68rem;
    line-height: 1.25;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .big-number {
    font-size: clamp(1.3rem, 8vw, 2rem);
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.field-tags span, .field-tags a, .status-strip span, .switcher-pill) {
    min-height: 28px;
    padding: 6px 8px;
    font-size: .58rem;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.form-grid, .compact-form-grid, .admin-filter-bar) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(input, select, textarea) {
    min-height: 38px;
    font-size: .78rem;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .button {
    min-height: 34px;
    padding: 8px 10px;
    font-size: .68rem;
  }

  body.phase1-foundation.page-dashboard .receipt-top,
  body.phase1-foundation.page-dashboard .receipt-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }
}

@media (max-width: 430px) {
  body.phase1-foundation:is(.page-dashboard, .page-admin) {
    --phase6-shell: calc(100vw - 10px);
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .dashboard-panel {
    padding: 9px 7px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.metric-grid, .readiness-grid, .action-grid, .role-board, .cards, .grid-two, .form-helper-grid, .billing-access-grid, .role-dashboard-grid, .admin-command-grid, .onboarding-steps, .wizard-grid, .request-ops-grid, .lead-command-grid, .admin-route-panel, .admin-lead-actions-grid, .admin-match-summary) {
    gap: 6px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-card,
  body.phase1-foundation:is(.page-dashboard, .page-admin) .action-card,
  body.phase1-foundation:is(.page-dashboard, .page-admin) .route-card,
  body.phase1-foundation:is(.page-dashboard, .page-admin) .panel {
    padding: 8px 6px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(.panel p, .role-dashboard-card p, .section-lead, .meta) {
    font-size: .58rem;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .role-dashboard-metrics span {
    font-size: .5rem;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .card-actions,
  body.phase1-foundation:is(.page-dashboard, .page-admin) .hero-actions {
    gap: 5px;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) .button {
    min-height: 32px;
    padding: 7px 8px;
    font-size: .58rem;
  }

  body.phase1-foundation:is(.page-dashboard, .page-admin) :is(input, select, textarea) {
    min-height: 36px;
    padding: 8px;
    font-size: .66rem;
  }
}

/* Phase 7: cross-page production hardening and app-like stability. */
body.phase1-foundation {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.phase1-foundation *,
body.phase1-foundation *::before,
body.phase1-foundation *::after {
  box-sizing: border-box;
}

body.phase1-foundation :is(.app-main, section, article, div, form, nav, header, footer, aside) {
  min-width: 0;
}

body.phase1-foundation :is(img, picture, video, canvas, svg, iframe) {
  max-width: 100%;
}

body.phase1-foundation :is(img, video) {
  height: auto;
}

body.phase1-foundation :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid rgba(157, 13, 17, .38);
  outline-offset: 3px;
}

body.phase1-foundation :is(button, .button, a) {
  -webkit-tap-highlight-color: rgba(157, 13, 17, .12);
}

body.phase1-foundation .site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

body.phase1-foundation .site-nav.open {
  z-index: 1002;
}

body.phase1-foundation .mobile-app-nav {
  z-index: 1100;
}

body.phase1-foundation .footer-bottom {
  text-align: center;
}

body.phase1-foundation :is(.panel, .dashboard-panel, .phase5-hero, .phase5-auth, .home-feature-card, .home-step-card, .home-trust-card, .testimonial-card, .faq-tab-shell) {
  overflow-wrap: anywhere;
}

body.phase1-foundation .hero-search,
body.phase1-foundation .customer-search-box {
  min-width: 0;
}

body.phase1-foundation :is(.hero-search, .customer-search-box) :is(input, select, button) {
  min-width: 0;
}

body.phase1-foundation :is(table, .data-table) {
  max-width: 100%;
}

body.phase1-foundation .app-main :is(table, .data-table) {
  border-collapse: collapse;
}

body.phase1-foundation .footer-video-shell {
  overflow: hidden;
}

body.phase1-foundation .home-hero-v4.hero-video-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.phase1-foundation .footer-video-shell :is(.footer-grid, .footer-bottom) {
  position: relative;
  z-index: 1;
}

body.phase1-foundation .footer-bg-video {
  min-width: 100%;
  min-height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  body.phase1-foundation *,
  body.phase1-foundation *::before,
  body.phase1-foundation *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  body.phase1-foundation :is(.hero-bg-video, .footer-bg-video) {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation {
    padding-top: var(--app-mobile-header-height, 70px);
  }

  body.phase1-foundation .site-header {
    position: fixed !important;
    inset: 0 0 auto 0;
    min-height: var(--app-mobile-header-height, 70px);
  }

  body.phase1-foundation .site-nav {
    max-width: calc(100vw - 24px);
  }

  body.phase1-foundation .app-main {
    width: 100%;
    overflow: clip;
  }

  body.phase1-foundation :is(.phase5-hero, .phase5-auth, .dashboard, .receipt-shell, .home-section, .phase4-hero) {
    max-width: calc(100vw - 10px);
  }

  body.phase1-foundation .footer-bottom {
    width: 100%;
    text-align: center !important;
    white-space: normal;
  }

  body.phase1-foundation :is(.hero-actions, .card-actions, .pwa-install-actions) {
    justify-content: center;
  }
}

@media (max-width: 430px) {
  body.phase1-foundation :is(.phase5-hero, .phase5-auth, .dashboard, .receipt-shell, .home-section, .phase4-hero) {
    max-width: calc(100vw - 8px);
  }

  body.phase1-foundation .site-nav {
    left: 8px !important;
    right: 8px !important;
    max-width: calc(100vw - 16px);
  }

  body.phase1-foundation :is(.button, button, input, select, textarea) {
    max-width: 100%;
  }
}

/* Phase 12 polish: keep every provider/profile avatar in one clean circular format. */
body.phase1-foundation {
  --ms-profile-avatar-size: 58px;
  --ms-feature-avatar-size: 58px;
  --ms-avatar-zoom: 1.08;
}

body.phase1-foundation :is(.avatar, .profile-card .avatar, .profile-detail-hero .avatar.large),
body.phase1-foundation .compact-profile-card > img {
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex: 0 0 auto;
  clip-path: circle(50% at 50% 50%);
  object-position: center center !important;
}

body.phase1-foundation :is(.avatar.image-avatar img, .profile-card .avatar.image-avatar img, .profile-detail-hero .avatar.image-avatar img),
body.phase1-foundation .compact-profile-card > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.phase1-foundation .avatar.image-avatar img,
body.phase1-foundation .profile-detail-hero .avatar.image-avatar img,
body.phase1-foundation .compact-profile-card > img {
  transform: scale(var(--ms-avatar-zoom));
  transform-origin: center;
}

body.phase1-foundation .compact-profile-card > img {
  width: var(--ms-feature-avatar-size) !important;
  height: var(--ms-feature-avatar-size) !important;
  min-width: var(--ms-feature-avatar-size) !important;
  min-height: var(--ms-feature-avatar-size) !important;
  border: 2px solid rgba(255, 240, 223, .95);
  background: #f3e0c6;
  box-shadow: 0 8px 18px rgba(61, 35, 18, .10);
}

body.phase1-foundation .profile-card .avatar:not(.large) {
  width: var(--ms-profile-avatar-size);
  height: var(--ms-profile-avatar-size);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .profile-card .avatar {
  border-radius: 50% !important;
}

body.phase1-foundation .product-card .product-image,
body.phase1-foundation .gallery-item img,
body.phase1-foundation .media-card img {
  clip-path: none;
}

@media (min-width: 761px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) {
    --ms-profile-avatar-size: 72px;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation {
    --ms-profile-avatar-size: 44px;
    --ms-feature-avatar-size: 26px;
    --ms-avatar-zoom: 1.1;
  }
}

@media (max-width: 340px) {
  body.phase1-foundation {
    --ms-feature-avatar-size: 24px;
  }
}

/* Phase 13 continuation: homepage feature exits, artist-first directory UX, and mobile video polish. */
body.phase1-foundation .feature-rail-shell {
  position: relative;
}

body.phase1-foundation .feature-view-more {
  position: absolute;
  right: 22px;
  top: -34px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 28px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-weight: 900;
  font-size: .78rem;
  text-decoration: none;
  box-shadow: 0 14px 26px rgba(176, 0, 13, .20);
  animation: ms-view-more-pulse 1.7s ease-in-out infinite;
}

@keyframes ms-view-more-pulse {
  0%, 100% { transform: translateY(0); opacity: .96; }
  50% { transform: translateY(-2px); opacity: .72; }
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
  padding-bottom: 20px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero > :is(form, .filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip) {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace-section {
  padding-top: 20px;
}

body.phase1-foundation .artist-directory-workspace {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

body.phase1-foundation .artist-filter-panel {
  position: sticky;
  top: calc(var(--header-height, 92px) + 16px);
  align-self: start;
}

body.phase1-foundation .artist-filter-card,
body.phase1-foundation .artist-results-panel,
body.phase1-foundation .artist-booking-checklist {
  border: 1px solid rgba(128, 58, 19, .18);
  background: rgba(255, 255, 255, .88);
  border-radius: 10px;
  box-shadow: 0 18px 42px rgba(71, 35, 13, .08);
}

body.phase1-foundation .artist-filter-card {
  padding: 16px;
}

body.phase1-foundation .artist-filter-card h2 {
  margin: 2px 0 12px;
  font-size: clamp(1.18rem, 1.6vw, 1.7rem);
}

body.phase1-foundation .artist-filter-form {
  display: grid;
  gap: 10px;
}

body.phase1-foundation .artist-filter-form label {
  display: grid;
  gap: 5px;
}

body.phase1-foundation .artist-filter-form label span,
body.phase1-foundation .artist-filter-group strong {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: 0;
  color: var(--muted);
  font-weight: 900;
}

body.phase1-foundation .artist-filter-form :is(input, select) {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(122, 57, 14, .22);
  border-radius: 8px;
  padding: 9px 10px;
  font: inherit;
  background: #fff;
}

body.phase1-foundation .artist-filter-form .button {
  width: 100%;
  justify-content: center;
}

body.phase1-foundation .artist-filter-group {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(122, 57, 14, .14);
}

body.phase1-foundation .artist-filter-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.phase1-foundation .artist-filter-group a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 999px;
  background: #fff8ee;
  color: #b0000d;
  font-size: .72rem;
  font-weight: 900;
  text-decoration: none;
}

body.phase1-foundation .artist-results-panel {
  padding: 16px;
  min-width: 0;
}

body.phase1-foundation .artist-results-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  text-align: left;
}

body.phase1-foundation .artist-results-summary h2 {
  margin: 3px 0 5px;
  font-size: clamp(1.4rem, 2vw, 2.1rem);
}

body.phase1-foundation .artist-results-summary p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
}

body.phase1-foundation .artist-booking-checklist {
  padding: 14px;
  margin-bottom: 14px;
}

body.phase1-foundation .artist-checklist-head {
  text-align: center;
  margin-bottom: 10px;
}

body.phase1-foundation .artist-checklist-head h3 {
  margin: 2px 0 0;
  font-size: clamp(1.1rem, 1.6vw, 1.6rem);
}

body.phase1-foundation .artist-checklist-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

body.phase1-foundation .artist-check-card {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(128, 58, 19, .16);
  border-radius: 9px;
  background: #fff;
  text-align: center;
}

body.phase1-foundation .artist-check-icon {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 8px;
  border-radius: 50%;
  background: #fff0df;
  color: #b0000d;
}

body.phase1-foundation .listing-icon-svg {
  width: 18px;
  height: 18px;
}

body.phase1-foundation .artist-check-card details {
  display: grid;
  gap: 7px;
}

body.phase1-foundation .artist-check-card summary {
  display: grid;
  justify-items: center;
  gap: 5px;
  list-style: none;
  cursor: pointer;
  color: var(--ink);
  font-weight: 900;
}

body.phase1-foundation .artist-check-card summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation .artist-check-card summary span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff3e6;
  color: #b0000d;
}

body.phase1-foundation .artist-check-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.45;
}

body.phase1-foundation .artist-profile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.phase1-foundation .artist-list-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  min-height: 232px;
  padding: 13px 10px;
  border: 1px solid rgba(128, 58, 19, .18);
  border-radius: 9px;
  background: #fff;
  text-align: center;
  box-shadow: 0 12px 26px rgba(64, 34, 13, .07);
}

body.phase1-foundation .artist-list-card.is-hidden {
  display: none !important;
}

body.phase1-foundation .artist-list-card .avatar {
  width: 54px;
  height: 54px;
  border: 2px solid #fff0df;
  box-shadow: 0 8px 18px rgba(61, 35, 18, .10);
}

body.phase1-foundation .artist-list-card .badge {
  font-size: .58rem;
  padding: 3px 6px;
}

body.phase1-foundation .artist-list-card h3 {
  margin: 0;
  max-width: 100%;
  font-size: .86rem;
  line-height: 1.15;
}

body.phase1-foundation .artist-list-card p {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.35;
}

body.phase1-foundation .artist-list-card small {
  color: var(--muted);
  font-size: .68rem;
}

body.phase1-foundation .artist-list-signals {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}

body.phase1-foundation .artist-list-signals span {
  padding: 3px 6px;
  border-radius: 999px;
  background: #fff7ed;
  font-size: .58rem;
  font-weight: 900;
}

body.phase1-foundation .artist-list-card .card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  width: 100%;
  margin-top: auto;
}

body.phase1-foundation .artist-list-card .button.small {
  min-height: 28px;
  padding: 5px 7px;
  font-size: .66rem;
}

body.phase1-foundation .artist-show-more-row {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

@media (min-width: 1280px) {
  body.phase1-foundation .artist-profile-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  body.phase1-foundation .artist-directory-workspace {
    grid-template-columns: 1fr;
  }

  body.phase1-foundation .artist-filter-panel {
    position: static;
  }

  body.phase1-foundation .artist-filter-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
  }

  body.phase1-foundation .artist-filter-form .button {
    min-height: 42px;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation .feature-view-more {
    top: -24px;
    right: 7px;
    min-height: 20px;
    padding: 3px 7px;
    font-size: .5rem;
  }

  body.phase1-foundation .artist-directory-workspace-section {
    padding-top: 12px;
  }

  body.phase1-foundation .artist-filter-card,
  body.phase1-foundation .artist-results-panel,
  body.phase1-foundation .artist-booking-checklist {
    border-radius: 8px;
  }

  body.phase1-foundation .artist-filter-card,
  body.phase1-foundation .artist-results-panel {
    padding: 10px;
  }

  body.phase1-foundation .artist-filter-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.phase1-foundation .artist-filter-form label span {
    font-size: .48rem;
  }

  body.phase1-foundation .artist-filter-form :is(input, select, button) {
    min-height: 34px;
    padding: 6px;
    font-size: .62rem;
    border-radius: 7px;
  }

  body.phase1-foundation .artist-filter-group > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation .artist-filter-group a {
    min-height: 24px;
    padding: 4px 5px;
    font-size: .5rem;
    text-align: center;
  }

  body.phase1-foundation .artist-results-summary {
    align-items: center;
    margin-bottom: 10px;
    text-align: center;
  }

  body.phase1-foundation .artist-results-summary h2 {
    font-size: 1rem;
  }

  body.phase1-foundation .artist-results-summary p:not(.eyebrow) {
    font-size: .65rem;
  }

  body.phase1-foundation .artist-booking-checklist {
    padding: 9px;
  }

  body.phase1-foundation .artist-checklist-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation .artist-check-card {
    padding: 7px 4px;
  }

  body.phase1-foundation .artist-check-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
  }

  body.phase1-foundation .listing-icon-svg {
    width: 14px;
    height: 14px;
  }

  body.phase1-foundation .artist-check-card summary {
    font-size: .52rem;
  }

  body.phase1-foundation .artist-check-card summary span {
    width: 18px;
    height: 18px;
  }

  body.phase1-foundation .artist-check-card p {
    font-size: .5rem;
  }

  body.phase1-foundation .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation .artist-list-card {
    min-height: 154px;
    padding: 7px 4px;
    gap: 4px;
    border-radius: 7px;
  }

  body.phase1-foundation .artist-list-card .avatar {
    width: 30px;
    height: 30px;
  }

  body.phase1-foundation .artist-list-card .badge {
    font-size: .42rem;
    padding: 2px 4px;
  }

  body.phase1-foundation .artist-list-card h3 {
    font-size: .52rem;
  }

  body.phase1-foundation .artist-list-card p,
  body.phase1-foundation .artist-list-card small {
    font-size: .45rem;
  }

  body.phase1-foundation .artist-list-signals span {
    padding: 2px 3px;
    font-size: .4rem;
  }

  body.phase1-foundation .artist-list-card .card-actions {
    gap: 3px;
  }

  body.phase1-foundation .artist-list-card .button.small {
    min-height: 22px;
    padding: 3px 4px;
    font-size: .44rem;
  }

  body.phase1-foundation .footer-bg-video {
    opacity: .34 !important;
  }

  body.phase1-foundation .footer-video-overlay {
    background: rgba(28, 17, 12, .78) !important;
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell {
    background: var(--surface) !important;
    padding-top: 0 !important;
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell .hero-copy {
    transform: translateY(-20px);
    margin-bottom: -20px;
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell .eyebrow {
    transform: translateY(-24px);
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell h1 {
    transform: translateY(-12px);
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell .customer-search-box {
    margin-top: -6px !important;
  }
}

@media (max-width: 380px) {
  body.phase1-foundation .artist-filter-group a,
  body.phase1-foundation .artist-list-card p,
  body.phase1-foundation .artist-list-card small {
    font-size: .41rem;
  }

  body.phase1-foundation .artist-list-card .button.small {
    font-size: .4rem;
  }
}

/* Phase 14 corrections: visible view-more buttons, compact artist discovery, and cleaner mobile media. */
body.phase1-foundation .feature-view-more {
  min-width: 86px !important;
  background: #b0000d !important;
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(48, 12, 8, .34);
  box-shadow: 0 14px 28px rgba(176, 0, 13, .24), 0 0 0 4px rgba(255, 243, 230, .96) !important;
  animation: ms-view-more-glow 1.65s ease-in-out infinite !important;
}

body.phase1-foundation .feature-view-more span {
  color: inherit !important;
}

@keyframes ms-view-more-glow {
  0%, 100% { transform: translateY(0); box-shadow: 0 14px 28px rgba(176, 0, 13, .24), 0 0 0 4px rgba(255, 243, 230, .96); }
  50% { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(176, 0, 13, .38), 0 0 0 5px rgba(255, 243, 230, .72); }
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace-section,
body.phase1-foundation:is(.route-artists, .route-tutors) .compact-section,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section,
body.phase1-foundation:is(.route-artists, .route-tutors) .section.split {
  width: min(1780px, calc(100vw - 64px)) !important;
  max-width: min(1780px, calc(100vw - 64px)) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
  margin-top: 26px;
  padding: 34px 18px 28px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .eyebrow {
  margin-bottom: 8px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
  margin: 0;
  font-size: clamp(2.8rem, 5vw, 5.2rem);
}

body.phase1-foundation .directory-hero-note {
  max-width: 760px;
  margin: 12px auto 0;
  text-align: center;
}

body.phase1-foundation .directory-hero-note summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  list-style: none;
  cursor: pointer;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #fff7ed;
  color: #b0000d;
  font-weight: 900;
}

body.phase1-foundation .directory-hero-note summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation .directory-hero-note p {
  margin: 12px auto 0 !important;
  max-width: 760px !important;
  font-size: .98rem !important;
}

body.phase1-foundation .artist-directory-workspace {
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) !important;
  gap: 16px !important;
}

body.phase1-foundation .artist-filter-card {
  padding: 12px !important;
}

body.phase1-foundation .artist-filter-card h2 {
  margin-bottom: 10px !important;
  font-size: 1.32rem !important;
}

body.phase1-foundation .artist-filter-form {
  gap: 8px !important;
}

body.phase1-foundation .artist-filter-form :is(input, select) {
  min-height: 38px !important;
  padding: 7px 9px !important;
  font-size: .86rem !important;
}

body.phase1-foundation .artist-filter-form .button {
  min-height: 38px !important;
  padding: 7px 10px !important;
}

body.phase1-foundation .artist-filter-group {
  margin-top: 10px !important;
  padding-top: 10px !important;
  gap: 7px !important;
}

body.phase1-foundation .artist-filter-group > div:not(.quick-filter-checks) {
  max-height: 132px;
  overflow: auto;
  padding-right: 2px;
}

body.phase1-foundation .quick-filter-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px !important;
}

body.phase1-foundation .quick-filter-check {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  background: #fff8ee;
  color: #b0000d;
  font-size: .68rem;
  font-weight: 900;
  cursor: pointer;
}

body.phase1-foundation .quick-filter-check input {
  width: 12px;
  height: 12px;
  accent-color: #b0000d;
}

body.phase1-foundation .quick-filter-check.is-active {
  background: #b0000d;
  color: #fff;
}

body.phase1-foundation .artist-results-panel {
  padding: 12px !important;
}

body.phase1-foundation .artist-results-summary {
  justify-content: center !important;
  text-align: center !important;
  margin-bottom: 8px !important;
}

body.phase1-foundation .artist-results-summary h2 {
  margin: 0 !important;
  font-size: clamp(1.15rem, 1.5vw, 1.55rem) !important;
}

body.phase1-foundation .artist-booking-checklist {
  padding: 8px 10px !important;
  margin-bottom: 10px !important;
}

body.phase1-foundation .artist-checklist-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 7px !important;
}

body.phase1-foundation .artist-checklist-head .eyebrow,
body.phase1-foundation .artist-checklist-head h3 {
  margin: 0 !important;
}

body.phase1-foundation .artist-checklist-head h3 {
  font-size: clamp(.92rem, 1.25vw, 1.22rem) !important;
}

body.phase1-foundation .artist-check-card {
  padding: 7px 6px !important;
}

body.phase1-foundation .artist-check-icon {
  width: 26px !important;
  height: 26px !important;
  margin-bottom: 5px !important;
}

body.phase1-foundation .artist-check-card summary {
  font-size: .72rem !important;
}

body.phase1-foundation .artist-check-card summary span {
  width: 19px !important;
  height: 19px !important;
}

@media (min-width: 1280px) {
  body.phase1-foundation .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

body.phase1-foundation .artist-list-card {
  position: relative;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 18px 10px 10px !important;
  gap: 5px !important;
  overflow: hidden;
}

body.phase1-foundation .artist-card-tags {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
  pointer-events: none;
}

body.phase1-foundation .artist-card-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #0d8f44;
  color: #fff;
  font-size: .54rem;
  font-weight: 900;
}

body.phase1-foundation .artist-card-tags span:first-child {
  background: #b0000d;
}

body.phase1-foundation .artist-list-card .avatar {
  width: 48px !important;
  height: 48px !important;
}

body.phase1-foundation .artist-list-card h3 {
  font-size: .8rem !important;
}

body.phase1-foundation .artist-list-card p {
  -webkit-line-clamp: 2;
  font-size: .66rem !important;
}

body.phase1-foundation .artist-list-card small {
  font-size: .6rem !important;
}

body.phase1-foundation .artist-list-signals span {
  background: #fff0df !important;
  color: #6b2c00;
  font-size: .54rem !important;
}

body.phase1-foundation .artist-show-more-row .button {
  min-height: 34px;
  padding: 7px 16px;
  border-radius: 999px;
  font-size: .82rem;
}

body.phase1-foundation .artist-provider-merge {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  display: grid;
  gap: 12px;
  padding: 22px;
  border: 1px solid rgba(128, 58, 19, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 42px rgba(71, 35, 13, .08);
}

body.phase1-foundation .artist-provider-merge h2 {
  margin: 0;
  font-size: clamp(1.6rem, 2.4vw, 2.4rem);
}

body.phase1-foundation .artist-provider-merge details {
  border: 1px solid rgba(128, 58, 19, .16);
  border-radius: 10px;
  background: #fff;
  padding: 0;
}

body.phase1-foundation .artist-provider-merge summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  list-style: none;
  cursor: pointer;
  color: #b0000d;
  font-weight: 900;
}

body.phase1-foundation .artist-provider-merge summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation .artist-provider-merge :is(p, ul) {
  max-width: 700px;
  margin: 0 auto 14px;
  color: var(--muted);
}

body.phase1-foundation .artist-provider-merge .prompt-action-stack {
  justify-content: center;
}

body.phase1-foundation .artist-faq-section {
  grid-template-columns: 1fr !important;
  text-align: center;
}

body.phase1-foundation .artist-faq-section .faq-list {
  max-width: 900px;
  margin: 0 auto;
}

body.phase1-foundation .artist-faq-section details.is-hidden {
  display: none !important;
}

body.phase1-foundation .artist-faq-section details {
  text-align: left;
}

@media (max-width: 960px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace-section,
  body.phase1-foundation:is(.route-artists, .route-tutors) .compact-section,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section,
  body.phase1-foundation:is(.route-artists, .route-tutors) .section.split {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation .feature-view-more {
    min-width: 58px !important;
    right: 6px !important;
    top: -22px !important;
    padding: 3px 6px !important;
    color: #fff !important;
    font-size: .46rem !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(176, 0, 13, .25), 0 0 0 3px rgba(255, 243, 230, .94) !important;
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell .eyebrow {
    position: absolute !important;
    top: 6px !important;
    left: 8px !important;
    right: 8px !important;
    z-index: 4 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: center !important;
    font-size: .55rem !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
  }

  body.phase1-foundation .footer-bg-video {
    opacity: .18 !important;
  }

  body.phase1-foundation .footer-video-overlay {
    background: rgba(28, 17, 12, .88) !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
    margin-top: 12px;
    padding: 22px 10px 18px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
    font-size: clamp(2rem, 12vw, 3.3rem) !important;
  }

  body.phase1-foundation .directory-hero-note summary {
    min-height: 28px;
    padding: 5px 10px;
    font-size: .68rem;
  }

  body.phase1-foundation .directory-hero-note p {
    font-size: .68rem !important;
  }

  body.phase1-foundation .artist-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.phase1-foundation .artist-filter-form .button {
    min-height: 34px !important;
  }

  body.phase1-foundation .quick-filter-checks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.phase1-foundation .quick-filter-check {
    min-height: 22px;
    padding: 3px 5px;
    font-size: .48rem;
  }

  body.phase1-foundation .artist-checklist-head h3 {
    font-size: .78rem !important;
  }

  body.phase1-foundation .artist-list-card {
    aspect-ratio: 1 / 1.16 !important;
    padding: 12px 3px 4px !important;
  }

  body.phase1-foundation .artist-card-tags {
    top: 3px;
    left: 3px;
    right: 3px;
  }

  body.phase1-foundation .artist-card-tags span {
    min-height: 11px;
    padding: 1px 2px;
    font-size: .32rem;
  }

  body.phase1-foundation .artist-list-card .avatar {
    width: 26px !important;
    height: 26px !important;
  }

  body.phase1-foundation .artist-list-card h3 {
    font-size: .48rem !important;
  }

  body.phase1-foundation .artist-list-card p,
  body.phase1-foundation .artist-list-card small {
    font-size: .38rem !important;
  }

  body.phase1-foundation .artist-list-signals span {
    font-size: .34rem !important;
  }

  body.phase1-foundation .artist-list-card .button.small {
    min-height: 18px !important;
    font-size: .34rem !important;
  }
}

/* v108 artist directory polish and homepage mobile hero alignment */
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
  padding: 46px 20px 36px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
  margin-bottom: 8px !important;
}

body.phase1-foundation .directory-hero-note {
  margin-top: 8px !important;
  text-align: center;
}

body.phase1-foundation .directory-hero-note summary {
  width: 76px !important;
  min-height: 34px !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 0 !important;
}

body.phase1-foundation .directory-note-arrow {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-size: .9rem;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(176, 0, 13, .18);
}

body.phase1-foundation .directory-hero-note[open] .directory-note-arrow {
  transform: rotate(180deg);
}

body.phase1-foundation .artist-filter-card {
  max-height: calc(100dvh - 145px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(176, 0, 13, .45) rgba(255, 244, 232, .8);
}

body.phase1-foundation .artist-filter-card .eyebrow {
  display: block;
  width: 100%;
  text-align: center;
  color: #b0000d;
  font-size: .78rem;
}

body.phase1-foundation .artist-filter-card h2 {
  display: none !important;
}

body.phase1-foundation .artist-filter-form input[list] {
  padding-right: 34px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5' fill='none' stroke='%23803a13' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px 14px !important;
}

body.phase1-foundation .artist-filter-group > div,
body.phase1-foundation .artist-filter-group > div:not(.quick-filter-checks) {
  max-height: none !important;
  overflow: visible !important;
}

body.phase1-foundation .shortcut-filter-checks,
body.phase1-foundation .quick-filter-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body.phase1-foundation .quick-filter-check {
  justify-content: flex-start !important;
  min-width: 0;
  white-space: nowrap;
}

body.phase1-foundation .quick-filter-check span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.phase1-foundation .artist-filter-actions {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

body.phase1-foundation .artist-filter-actions .button {
  width: 100%;
}

body.phase1-foundation .artist-results-summary {
  justify-content: center !important;
  text-align: center;
}

body.phase1-foundation .artist-results-summary h2 {
  margin: 0 0 8px !important;
}

body.phase1-foundation .artist-booking-checklist {
  padding: 12px !important;
}

body.phase1-foundation .artist-checklist-head {
  margin-bottom: 10px !important;
}

body.phase1-foundation .artist-checklist-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.phase1-foundation .artist-check-card {
  min-height: 110px !important;
  padding: 12px 6px !important;
}

body.phase1-foundation .artist-check-icon {
  width: 36px !important;
  height: 36px !important;
  font-size: 1rem !important;
}

body.phase1-foundation .artist-check-card summary {
  font-size: .72rem !important;
}

body.phase1-foundation .artist-card-tags {
  align-items: flex-start !important;
}

body.phase1-foundation .artist-card-tags span {
  color: #fff !important;
}

body.phase1-foundation .artist-card-tags .is-featured {
  background: #b0000d !important;
  transform: rotate(-10deg);
  transform-origin: left center;
  box-shadow: 0 8px 18px rgba(176, 0, 13, .22);
}

body.phase1-foundation .artist-card-tags .is-verified {
  margin-left: auto !important;
  background: #108a43 !important;
}

body.phase1-foundation .artist-provider-merge {
  width: min(100%, 1530px) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

body.phase1-foundation .artist-provider-merge details {
  max-width: 1040px !important;
  margin: 0 auto !important;
}

body.phase1-foundation .artist-provider-merge .prompt-action-stack {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center !important;
}

body.phase1-foundation .artist-seo-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.phase1-foundation .artist-faq-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: -8px auto 16px;
}

body.phase1-foundation .artist-faq-tabs button {
  min-width: 190px;
  border: 1px solid rgba(128, 58, 19, .18);
  border-radius: 999px;
  background: #fff;
  color: #b0000d;
  padding: 13px 22px;
  font-weight: 900;
  cursor: pointer;
}

body.phase1-foundation .artist-faq-tabs button.is-active {
  background: #b0000d;
  color: #fff;
  box-shadow: 0 14px 28px rgba(176, 0, 13, .16);
}

body.phase1-foundation .artist-faq-panel[hidden] {
  display: none !important;
}

body.phase1-foundation .artist-faq-section {
  grid-template-columns: 1fr !important;
  text-align: center;
}

body.phase1-foundation .artist-faq-section .faq-list {
  max-width: 820px;
  margin: 0 auto;
}

body.phase1-foundation .artist-faq-section details {
  text-align: left;
}

body.phase1-foundation .artist-faq-section details.is-hidden {
  display: none !important;
}

body.phase1-foundation .artist-faq-section .artist-show-more-row {
  margin-top: 14px;
}

body.phase1-foundation .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell h1 {
    transform: translateY(12px) !important;
    margin-top: 14px !important;
  }

  body.phase1-foundation.page-home .home-hero-v4.hero-video-shell .customer-search-box {
    margin-top: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
    padding: 18px 10px 14px !important;
  }

  body.phase1-foundation .directory-hero-note summary {
    width: 58px !important;
    min-height: 28px !important;
  }

  body.phase1-foundation .directory-note-arrow {
    width: 24px;
    height: 24px;
    font-size: .72rem;
  }

  body.phase1-foundation .artist-filter-card {
    max-height: 56dvh;
  }

  body.phase1-foundation .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation .artist-check-card {
    min-height: 70px !important;
    padding: 7px 2px !important;
  }

  body.phase1-foundation .artist-check-icon {
    width: 24px !important;
    height: 24px !important;
  }

  body.phase1-foundation .artist-check-card summary {
    font-size: .38rem !important;
  }

  body.phase1-foundation .artist-check-card p {
    font-size: .5rem !important;
  }

  body.phase1-foundation .artist-card-tags .is-featured {
    transform: rotate(-8deg);
  }

  body.phase1-foundation .artist-provider-merge {
    width: 100% !important;
    padding: 14px 10px !important;
  }

  body.phase1-foundation .artist-provider-merge .prompt-action-stack {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.phase1-foundation .artist-faq-tabs {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  body.phase1-foundation .artist-faq-tabs button {
    width: min(260px, 88vw);
    min-width: 0;
    padding: 11px 18px;
  }
}

/* v110 artist page visibility and filter/FAQ cleanup */
body.phase1-foundation .directory-hero-note summary {
  width: 84px !important;
  min-height: 42px !important;
  border: 1px solid rgba(176, 0, 13, .28) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 28px rgba(176, 0, 13, .16) !important;
}

body.phase1-foundation .directory-note-arrow {
  width: 34px !important;
  height: 34px !important;
  background: #b0000d !important;
  color: #fff !important;
  font-size: 1.1rem !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body.phase1-foundation .artist-check-card summary span {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  background: #b0000d !important;
  color: #fff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(176, 0, 13, .14) !important;
}

body.phase1-foundation .artist-card-tags {
  z-index: 3 !important;
  pointer-events: none;
}

body.phase1-foundation .artist-card-tags .is-featured {
  min-width: 76px !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: #b0000d !important;
  color: #fff !important;
  font-size: .62rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  transform: rotate(-8deg) translateY(1px) !important;
  box-shadow: 0 12px 26px rgba(176, 0, 13, .24), 0 0 0 3px rgba(255, 255, 255, .92) !important;
}

body.phase1-foundation .artist-card-tags .is-verified {
  min-width: 72px !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: .62rem !important;
  font-weight: 900 !important;
}

body.phase1-foundation .artist-filter-group {
  text-align: center !important;
}

body.phase1-foundation .artist-filter-group strong {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  color: #b0000d !important;
  font-size: .74rem !important;
}

body.phase1-foundation .shortcut-filter-checks,
body.phase1-foundation .quick-filter-checks {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

body.phase1-foundation .quick-filter-check {
  width: 100% !important;
  min-height: 36px !important;
  justify-content: flex-start !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: .76rem !important;
  line-height: 1.1 !important;
}

body.phase1-foundation .quick-filter-check input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 0 8px 0 0 !important;
  accent-color: #b0000d;
}

body.phase1-foundation .quick-filter-check span {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  text-align: left !important;
  font-weight: 900 !important;
}

body.phase1-foundation .artist-faq-section .centered-head h2 {
  max-width: none !important;
  font-size: clamp(2rem, 4.2vw, 3.7rem) !important;
  line-height: 1.05 !important;
  white-space: nowrap;
}

body.phase1-foundation .artist-faq-categories {
  display: grid;
  gap: 12px;
  justify-items: center;
}

body.phase1-foundation .artist-faq-category {
  width: min(560px, 92vw);
}

body.phase1-foundation .artist-faq-category > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  padding: 14px 26px;
  border: 1px solid rgba(128, 58, 19, .2);
  border-radius: 999px;
  background: #fff;
  color: #b0000d;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  box-shadow: 0 12px 26px rgba(71, 35, 13, .06);
}

body.phase1-foundation .artist-faq-category > summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation .artist-faq-category > summary span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-size: .9rem;
}

body.phase1-foundation .artist-faq-category[open] > summary {
  background: #b0000d;
  color: #fff;
}

body.phase1-foundation .artist-faq-category[open] > summary span {
  background: #fff;
  color: #b0000d;
  transform: rotate(180deg);
}

body.phase1-foundation .artist-faq-category .artist-faq-panel {
  width: min(760px, 92vw);
  margin: 12px auto 0 !important;
}

body.phase1-foundation .artist-faq-category .artist-faq-panel details {
  max-width: 100%;
  margin-inline: auto;
  text-align: center !important;
}

body.phase1-foundation .artist-faq-category .artist-faq-panel details summary {
  text-align: center !important;
  justify-content: center;
}

@media (max-width: 760px) {
  body.phase1-foundation .directory-hero-note summary {
    width: 66px !important;
    min-height: 34px !important;
  }

  body.phase1-foundation .directory-note-arrow {
    width: 28px !important;
    height: 28px !important;
    font-size: .92rem !important;
  }

  body.phase1-foundation .artist-check-card summary span {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    font-size: .78rem !important;
  }

  body.phase1-foundation .quick-filter-check {
    min-height: 30px !important;
    padding: 6px 9px !important;
    font-size: .58rem !important;
  }

  body.phase1-foundation .quick-filter-check input {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin-right: 6px !important;
  }

  body.phase1-foundation .artist-faq-section .centered-head h2 {
    font-size: clamp(1.35rem, 7vw, 2rem) !important;
    white-space: normal;
  }

  body.phase1-foundation .artist-faq-category {
    width: min(300px, 92vw);
  }

  body.phase1-foundation .artist-faq-category > summary {
    min-height: 48px;
    padding: 11px 18px;
  }
}

/* v113 artist page final visibility and density adjustments */
body.phase1-foundation .directory-hero-note summary {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.phase1-foundation .directory-note-arrow {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  background: #b0000d !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(176, 0, 13, .24) !important;
}

body.phase1-foundation .artist-profile-grid {
  align-items: start !important;
}

body.phase1-foundation .artist-list-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 24px 12px 12px !important;
}

body.phase1-foundation .artist-list-card .card-actions {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

body.phase1-foundation .artist-list-card .button.small {
  min-height: 30px !important;
}

body.phase1-foundation .artist-card-tags {
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
}

body.phase1-foundation .artist-card-tags .is-featured {
  min-width: 72px !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #f2b705 !important;
  color: #2a1600 !important;
  transform: none !important;
  box-shadow: 0 10px 22px rgba(242, 183, 5, .22) !important;
}

body.phase1-foundation .artist-card-tags .is-verified {
  min-width: 72px !important;
  min-height: 24px !important;
}

body.phase1-foundation .shortcut-filter-checks .quick-filter-check,
body.phase1-foundation .quick-filter-checks .quick-filter-check {
  min-height: 36px !important;
  padding: 7px 9px !important;
}

body.phase1-foundation .shortcut-filter-checks .quick-filter-check span {
  font-size: .64rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation .quick-filter-checks .quick-filter-check span {
  font-size: .7rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation .shortcut-filter-checks .quick-filter-check input,
body.phase1-foundation .quick-filter-checks .quick-filter-check input {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
}

body.phase1-foundation .artist-faq-section .centered-head h2 {
  max-width: 980px !important;
  margin-inline: auto !important;
  font-size: clamp(1.65rem, 2.6vw, 2.35rem) !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  body.phase1-foundation .directory-note-arrow {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  body.phase1-foundation .artist-list-card {
    padding: 16px 4px 6px !important;
  }

  body.phase1-foundation .artist-list-card .card-actions {
    margin-top: 5px !important;
  }

  body.phase1-foundation .artist-card-tags {
    top: 4px !important;
    left: 4px !important;
    right: 4px !important;
  }

  body.phase1-foundation .artist-card-tags .is-featured,
  body.phase1-foundation .artist-card-tags .is-verified {
    min-width: 38px !important;
    min-height: 13px !important;
    padding: 1px 3px !important;
    font-size: .34rem !important;
  }

  body.phase1-foundation .shortcut-filter-checks .quick-filter-check span {
    font-size: .52rem !important;
  }

  body.phase1-foundation .quick-filter-checks .quick-filter-check span {
    font-size: .56rem !important;
  }

  body.phase1-foundation .artist-faq-section .centered-head h2 {
    max-width: 300px !important;
    font-size: clamp(1.3rem, 6vw, 1.8rem) !important;
  }
}

/* v114 artist directory final polish */
body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note[open] summary {
  width: max-content !important;
  min-width: 0 !important;
  max-width: max-content !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary::before,
body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary::after {
  display: none !important;
  content: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-note-arrow {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  background: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(176, 0, 13, .24) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  aspect-ratio: 1 / .82 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 24px 12px 10px !important;
  gap: 5px !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
  width: 44px !important;
  height: 44px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
  font-size: .78rem !important;
  line-height: 1.1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
  font-size: .64rem !important;
  line-height: 1.28 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
  font-size: .58rem !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
  min-height: 28px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  top: 7px !important;
  left: 7px !important;
  right: 7px !important;
  align-items: flex-start !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  min-width: 68px !important;
  min-height: 22px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #f2b705 !important;
  color: #2a1600 !important;
  transform: none !important;
  box-shadow: 0 10px 18px rgba(242, 183, 5, .22) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  min-width: 68px !important;
  min-height: 22px !important;
  margin-left: auto !important;
  background: #108a43 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 1rem !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card .eyebrow,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-group > strong {
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks,
body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks {
  grid-template-columns: 1fr !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check,
body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  gap: 8px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check span,
body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check span {
  font-size: clamp(.5rem, .56vw, .64rem) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check span {
  font-size: clamp(.56rem, .64vw, .7rem) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check input,
body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check input {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  margin: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 980px !important;
  font-size: clamp(1.7rem, 2.45vw, 3rem) !important;
  line-height: 1.06 !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-note-arrow {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    aspect-ratio: 1 / 1.08 !important;
    padding: 12px 3px 4px !important;
    gap: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 26px !important;
    height: 26px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    font-size: .46rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    font-size: .36rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    margin-top: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 18px !important;
    font-size: .33rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    top: 3px !important;
    left: 3px !important;
    right: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
    min-width: 34px !important;
    min-height: 12px !important;
    padding: 1px 3px !important;
    font-size: .3rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: .8rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check,
  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check {
    min-height: 30px !important;
    padding: 5px 8px !important;
    grid-template-columns: 16px minmax(0, 1fr);
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check span {
    font-size: .52rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check span {
    font-size: .56rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: 310px !important;
    font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
  }
}

/* v115 artist directory mobile parity and live filtering */
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  aspect-ratio: auto !important;
  min-height: 282px !important;
  padding: 25px 14px 18px !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  align-self: stretch !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card.is-filtered-out,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid.is-hidden,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state.is-hidden,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-show-more-row.is-hidden {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state {
  width: min(760px, 92%) !important;
  margin: 16px auto !important;
  padding: 36px 28px !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state h3,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state p {
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state .card-actions {
  justify-content: center !important;
  grid-template-columns: repeat(2, minmax(170px, 240px)) !important;
  max-width: 520px;
  margin: 18px auto 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card {
  scroll-behavior: smooth;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form {
  grid-template-columns: 1fr !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form label {
  min-width: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form input,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form select {
  min-width: 0 !important;
}

@media (min-width: 1280px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    min-height: 294px !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace-section {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    padding-inline: 0 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace {
    display: grid !important;
    grid-template-columns: minmax(118px, 38%) minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: start !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-panel {
    position: sticky !important;
    top: calc(var(--header-height, 76px) + 6px) !important;
    min-width: 0 !important;
    z-index: 2;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-panel {
    padding: 7px !important;
    border-radius: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card {
    max-height: 64dvh !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card .eyebrow {
    font-size: .62rem !important;
    margin-bottom: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form label span {
    font-size: .42rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form input,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form select {
    min-height: 28px !important;
    padding: 5px 22px 5px 7px !important;
    font-size: .58rem !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-group {
    margin-top: 8px !important;
    padding-top: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-group > strong {
    font-size: .58rem !important;
    margin-bottom: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check,
  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check {
    min-height: 26px !important;
    padding: 4px 6px !important;
    grid-template-columns: 13px minmax(0, 1fr) !important;
    gap: 5px !important;
    border-radius: 999px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check span {
    font-size: .44rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check span {
    font-size: .48rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks .quick-filter-check input,
  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks .quick-filter-check input {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-actions .button {
    min-height: 30px !important;
    font-size: .58rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-summary h2 {
    font-size: .82rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist {
    padding: 5px !important;
    margin-bottom: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head {
    gap: 3px !important;
    margin-bottom: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head .eyebrow {
    font-size: .43rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head h3 {
    font-size: .58rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 74px !important;
    padding: 5px 2px !important;
    gap: 2px !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-icon {
    width: 20px !important;
    height: 20px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    font-size: .36rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    font-size: .6rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    min-height: 118px !important;
    aspect-ratio: auto !important;
    padding: 11px 2px 6px !important;
    gap: 2px !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 22px !important;
    height: 22px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    font-size: .28rem !important;
    padding: 1px 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    font-size: .36rem !important;
    line-height: 1.02 !important;
    -webkit-line-clamp: 2;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    font-size: .31rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    gap: 2px !important;
    margin-top: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 16px !important;
    padding: 2px 2px !important;
    font-size: .28rem !important;
    border-radius: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    top: 2px !important;
    left: 2px !important;
    right: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
    min-width: 28px !important;
    min-height: 10px !important;
    padding: 1px 2px !important;
    font-size: .23rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state {
    width: 96% !important;
    padding: 14px 8px !important;
    margin: 8px auto !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state h3 {
    font-size: .8rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state p {
    font-size: .58rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state .card-actions {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
}

/* v116 artist mobile filter drawer and desktop-parity scaling */
body.phase1-foundation:is(.route-artists, .route-tutors) .mobile-filter-toggle {
  display: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-empty-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #fff3e6;
  color: #b0000d;
  box-shadow: 0 14px 28px rgba(176, 0, 13, .12);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-empty-icon .listing-icon-svg {
  width: 25px;
  height: 25px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .hero-search,
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .filter-summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .trust-strip,
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .intent-chips,
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .mobile-search-coach,
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .marketplace-command-strip {
  display: none !important;
}

body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .hero-search,
body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .filter-summary,
body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .trust-strip,
body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .intent-chips,
body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .mobile-search-coach,
body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .marketplace-command-strip {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  display: grid !important;
  grid-template-rows: auto auto auto auto auto auto 1fr auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  transform: none !important;
  background: #e0a100 !important;
  color: #21150f !important;
  box-shadow: 0 12px 26px rgba(224, 161, 0, .20), 0 0 0 3px rgba(255, 255, 255, .9) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  transform: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  align-self: end !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
    padding: 18px 8px 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
    white-space: nowrap !important;
    font-size: clamp(2rem, 13.2vw, 3rem) !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .hero-search,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .filter-summary,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .trust-strip,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .intent-chips,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .mobile-search-coach,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .marketplace-command-strip {
    display: none !important;
  }

  body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .hero-search,
  body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .filter-summary,
  body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .trust-strip,
  body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .intent-chips,
  body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .mobile-search-coach,
  body.phase1-foundation.page-public:not(.page-home).route-artists .discovery-page-hero .marketplace-command-strip {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note {
    margin-top: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace-section {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .mobile-filter-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    justify-self: start;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid rgba(176, 0, 13, .2);
    border-radius: 999px;
    background: #fff7ed;
    color: #b0000d;
    font-size: .66rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(71, 35, 13, .08);
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .mobile-filter-toggle span,
  body.phase1-foundation:is(.route-artists, .route-tutors) .mobile-filter-toggle .listing-icon-svg {
    display: inline-grid;
    place-items: center;
    width: 14px;
    height: 14px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .mobile-filter-toggle.is-active {
    background: #b0000d;
    color: #fff;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-panel {
    display: none !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
    z-index: auto !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-panel.is-mobile-open {
    display: block !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card {
    max-height: 62dvh !important;
    overflow: auto !important;
    padding: 8px !important;
    border-radius: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 7px !important;
    border-radius: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-summary h2 {
    font-size: 1rem !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist {
    padding: 5px !important;
    margin-bottom: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    margin-bottom: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head .eyebrow {
    font-size: .4rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head h3 {
    font-size: .58rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 86px !important;
    padding: 6px 2px !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-icon {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    font-size: .38rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    aspect-ratio: 1 / 1.45 !important;
    min-height: 0 !important;
    padding: 13px 3px 5px !important;
    gap: 2px !important;
    border-radius: 6px !important;
    grid-template-rows: auto auto auto auto auto auto 1fr auto !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 26px !important;
    height: 26px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    font-size: .3rem !important;
    padding: 1px 3px !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    font-size: .42rem !important;
    line-height: 1.04 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    font-size: .33rem !important;
    line-height: 1.04 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    gap: 2px !important;
    margin-top: 2px !important;
    align-self: end !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 18px !important;
    padding: 2px !important;
    font-size: .3rem !important;
    border-radius: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    top: 2px !important;
    left: 2px !important;
    right: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
    min-width: 30px !important;
    min-height: 12px !important;
    padding: 1px 3px !important;
    font-size: .27rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state {
    width: 96% !important;
    padding: 16px 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-empty-icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state .card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge h2 {
    white-space: nowrap !important;
    font-size: clamp(1.02rem, 5.1vw, 1.28rem) !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge summary {
    white-space: nowrap !important;
    font-size: .72rem !important;
    line-height: 1.05 !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    white-space: nowrap !important;
    max-width: 100% !important;
    font-size: clamp(.82rem, 4.4vw, 1.05rem) !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    white-space: nowrap !important;
    font-size: .8rem !important;
  }
}

/* v119 artist directory: live filters, compact cards, mobile parity, and trust upgrades */
body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note[open] summary {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .18) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note p {
  max-width: 880px;
  margin-inline: auto;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card {
  position: relative;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-close {
  display: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-mobile-grid {
  display: grid;
  gap: 12px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-helper-select {
  display: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-city-suggestions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-city-suggestions button {
  min-width: 0;
  min-height: 30px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 999px;
  background: #fff8ef;
  color: #9d0d11;
  font-weight: 900;
  line-height: 1.05;
  cursor: pointer;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-panel {
  width: min(1540px, 100%);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head {
  gap: 8px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
  align-content: start;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 1.1rem !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
  max-width: 960px;
  margin: 12px auto 0;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 999px;
  padding: 9px 14px;
  background: rgba(255, 247, 236, .86);
  color: #4c372c;
  text-align: center;
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.35;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
  align-items: stretch;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  min-height: 274px !important;
  padding: 30px 16px 14px !important;
  overflow: hidden;
  grid-template-rows: auto auto auto minmax(34px, auto) auto auto auto auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  align-self: end !important;
  margin-top: 8px !important;
  padding-bottom: 2px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
  min-height: 36px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
  display: flex;
  justify-content: center;
  gap: 5px;
  min-height: 20px;
  margin-top: 2px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
  width: 27px;
  height: 20px;
  overflow: hidden;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 5px;
  background:
    radial-gradient(circle at 28% 34%, rgba(176, 0, 13, .22) 0 18%, transparent 19%),
    radial-gradient(circle at 70% 66%, rgba(224, 161, 0, .32) 0 16%, transparent 17%),
    #fff5e8;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  min-height: 24px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
  border-radius: 999px;
  padding: 3px 7px;
  background: #fff0dc;
  color: #7c2b00;
  font-size: .68rem;
  font-weight: 900;
  line-height: 1.05;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  background: #f4be16 !important;
  color: #21150f !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state {
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state .card-actions {
  justify-content: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge > .eyebrow {
  color: #b0000d !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .artist-faq-categories {
  margin-top: 20px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 1180px !important;
  margin-inline: auto !important;
  font-size: clamp(2.1rem, 4.1vw, 4.15rem) !important;
  line-height: 1.02 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  max-width: 760px !important;
  margin-inline: auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-compare-tray {
  position: fixed;
  left: 50%;
  bottom: 22px;
  z-index: 76;
  display: flex;
  align-items: center;
  gap: 10px;
  transform: translateX(-50%);
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  padding: 8px 10px 8px 14px;
  background: rgba(255, 250, 244, .98);
  box-shadow: 0 18px 42px rgba(71, 35, 13, .18);
  color: #3b231c;
  font-weight: 900;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-compare-tray[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: clamp(1.58rem, 10.2vw, 2.42rem) !important;
    line-height: .98 !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary,
  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note[open] summary {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note p {
    font-size: .68rem !important;
    line-height: 1.24 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: #b0000d;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 900;
    cursor: pointer;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card {
    max-height: 58dvh !important;
    padding: 12px 9px 10px !important;
    overflow: auto !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-card > .eyebrow {
    margin-bottom: 8px !important;
    text-align: center !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-mobile-grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form {
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form label span,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-group > strong {
    text-align: center !important;
    font-size: .45rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form input,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form select,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-helper-select {
    display: block !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 4px 7px !important;
    font-size: .5rem !important;
    line-height: 1 !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-helper-select {
    margin-top: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-nearby-group {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-group {
    margin-top: 7px !important;
    padding-top: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-checks,
  body.phase1-foundation:is(.route-artists, .route-tutors) .shortcut-filter-checks {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-check {
    min-height: 26px !important;
    padding: 3px 6px !important;
    border-radius: 999px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-check input {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .quick-filter-check span {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .45rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-actions .button {
    min-height: 32px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-panel {
    padding: 7px 5px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-summary h2 {
    font-size: 1rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist {
    padding: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 4px !important;
    align-items: center !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head h3 {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: .52rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    aspect-ratio: 1 / 1.04 !important;
    min-height: 0 !important;
    padding: 4px 2px !important;
    align-content: center !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-icon {
    width: 19px !important;
    height: 19px !important;
    margin-bottom: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    min-height: 37px !important;
    display: grid !important;
    place-items: center !important;
    gap: 2px !important;
    font-size: .34rem !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    font-size: .75rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
    margin-top: 6px !important;
    padding: 5px 6px !important;
    border-radius: 8px !important;
    font-size: .45rem !important;
    line-height: 1.12 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    aspect-ratio: 1 / 1.08 !important;
    min-height: 0 !important;
    padding: 12px 2px 4px !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 0 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
    font-size: .24rem !important;
    padding: 1px 2px !important;
    margin-bottom: 0 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    min-height: 16px !important;
    font-size: .31rem !important;
    line-height: 1.02 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    font-size: .27rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
    min-height: 7px !important;
    gap: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
    width: 10px !important;
    height: 7px !important;
    border-radius: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
    gap: 1px !important;
    min-height: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    padding: 1px 2px !important;
    font-size: .22rem !important;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-bottom: 0 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 12px !important;
    padding: 1px !important;
    font-size: .22rem !important;
    line-height: 1 !important;
    border-radius: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    top: 2px !important;
    left: 2px !important;
    right: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured,
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
    min-width: 24px !important;
    min-height: 9px !important;
    padding: 1px 2px !important;
    font-size: .2rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge > .eyebrow {
    color: #b0000d !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge h2 {
    white-space: nowrap !important;
    font-size: clamp(.94rem, 4.5vw, 1.08rem) !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge summary {
    min-height: 34px !important;
    white-space: nowrap !important;
    font-size: .66rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: clamp(.86rem, 4.2vw, 1.02rem) !important;
    line-height: 1.02 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .artist-faq-categories {
    margin-top: 14px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    min-height: 44px !important;
    white-space: nowrap !important;
    font-size: .72rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-live-empty-state {
    width: 92% !important;
    margin-inline: auto !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-compare-tray {
    bottom: 76px;
    max-width: calc(100vw - 24px);
    padding: 6px 8px 6px 10px;
    font-size: .62rem;
  }
}


/* v122: product/gallery directory workspace aligned with artist discovery */
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
  padding-top: clamp(34px, 4vw, 58px);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-workspace {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 28px);
  align-items: start;
  width: min(1640px, calc(100vw - 48px));
  margin: 0 auto;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 18px 44px rgba(71, 35, 13, .08);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
  position: sticky;
  top: 106px;
  padding: 18px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card h3 {
  margin: 0 0 14px;
  font-size: clamp(1.18rem, 1.7vw, 1.65rem);
  line-height: 1.08;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form {
  display: grid;
  gap: 10px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form label {
  display: grid;
  gap: 5px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts strong {
  color: #635248;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form input,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(96, 51, 28, .22);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fffdf9;
  color: #261914;
  font: inherit;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .button {
  width: 100%;
  min-height: 42px;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts {
  display: grid;
  gap: 7px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(96, 51, 28, .12);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  padding: 5px 10px;
  background: #fff8ef;
  color: #9d0d11;
  font-size: .78rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
  min-width: 0;
  padding: clamp(12px, 1.7vw, 22px);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 250, 244, .84);
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist details {
  border: 1px solid rgba(96, 51, 28, .14);
  border-radius: 8px;
  padding: 9px;
  background: #fffdf9;
  text-align: center;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary {
  display: grid;
  gap: 5px;
  color: #1f130f;
  font-size: .84rem;
  font-weight: 950;
  cursor: pointer;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary span {
  display: inline-grid;
  place-items: center;
  justify-self: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist p {
  margin: 8px 0 0;
  color: #5e4b41;
  font-size: .78rem;
  line-height: 1.35;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.phase1-foundation.route-products .marketplace-result-card {
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

body.phase1-foundation.route-products .marketplace-result-card .product-image {
  width: 58px;
  height: 58px;
  margin: 0 auto 8px;
  border-radius: 50%;
}

body.phase1-foundation.route-products .marketplace-result-card h3,
body.phase1-foundation.route-gallery .marketplace-result-card strong,
body.phase1-foundation.route-gallery .marketplace-result-card span {
  overflow-wrap: anywhere;
}

body.phase1-foundation.route-products .marketplace-result-card p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
  margin-top: auto;
}

body.phase1-foundation.route-gallery .marketplace-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.phase1-foundation.route-gallery .marketplace-result-card {
  min-height: 250px;
}

body.phase1-foundation.route-gallery .marketplace-result-card .gallery-item {
  aspect-ratio: 1 / .78;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
    padding-inline: 6px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-workspace {
    width: 100% !important;
    grid-template-columns: minmax(82px, .36fr) minmax(0, .64fr) !important;
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
    position: sticky;
    top: 72px;
    max-height: 62dvh;
    overflow: auto;
    padding: 8px 5px !important;
    border-radius: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card h3 {
    margin-bottom: 7px !important;
    font-size: .72rem !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form {
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts strong {
    text-align: center !important;
    font-size: .42rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form input,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form select {
    min-height: 25px !important;
    padding: 3px 5px !important;
    border-radius: 6px !important;
    font-size: .48rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .button {
    min-height: 28px !important;
    padding: 4px !important;
    font-size: .52rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts {
    gap: 4px !important;
    margin-top: 7px !important;
    padding-top: 7px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts a {
    min-height: 23px !important;
    padding: 3px 5px !important;
    font-size: .43rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
    padding: 5px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin: 6px 0 !important;
    padding: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist details {
    aspect-ratio: 1 / 1.05 !important;
    min-height: 0 !important;
    padding: 3px 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary {
    font-size: .33rem !important;
    line-height: 1.02 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist summary span {
    width: 18px !important;
    height: 18px !important;
    font-size: .65rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist p {
    font-size: .36rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar {
    gap: 4px !important;
    padding: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar strong {
    font-size: .58rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar small,
  body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar-actions {
    display: none !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card,
  body.phase1-foundation.route-gallery .marketplace-result-card {
    min-height: 0 !important;
    aspect-ratio: 1 / 1.1 !important;
    padding: 4px 2px !important;
    border-radius: 6px !important;
    gap: 1px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card .product-image {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 1px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card .badge,
  body.phase1-foundation.route-gallery .marketplace-result-card .badge {
    font-size: .23rem !important;
    padding: 1px 2px !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card h3 {
    min-height: 14px !important;
    font-size: .32rem !important;
    line-height: 1.02 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.phase1-foundation.route-products .marketplace-result-card p,
  body.phase1-foundation.route-products .marketplace-result-card .quality-meter,
  body.phase1-foundation.route-products .marketplace-result-card .profile-signal-row {
    display: none !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button {
    min-height: 12px !important;
    padding: 1px !important;
    font-size: .22rem !important;
    line-height: 1 !important;
    border-radius: 4px !important;
  }

  body.phase1-foundation.route-gallery .marketplace-result-card .gallery-item {
    aspect-ratio: 1 / .78 !important;
    border-radius: 5px !important;
  }

  body.phase1-foundation.route-gallery .marketplace-result-card .gallery-item span,
  body.phase1-foundation.route-gallery .marketplace-result-card .gallery-card-meta {
    font-size: .25rem !important;
    line-height: 1 !important;
  }
}

/* v123: artist/tutor final alignment and tutor page consolidation */
body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin-top: 12px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 50%;
  background: #b40812;
  color: #fff;
  box-shadow: 0 14px 32px rgba(180, 8, 18, .22);
  cursor: pointer;
  list-style: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note[open] summary {
  background: #6f2119;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note .directory-note-arrow {
  display: grid;
  place-items: center;
  font-size: 1.05rem;
  line-height: 1;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note[open] .directory-note-arrow {
  transform: rotate(180deg);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note p {
  max-width: 860px;
  margin: 0;
  color: #4c392d;
  font-weight: 850;
  line-height: 1.45;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
  display: block;
  width: min(100%, 1080px);
  max-width: 1080px;
  min-height: 44px;
  margin: 14px auto 0;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  background: #5a1712;
  color: #fff;
  box-shadow: 0 16px 34px rgba(90, 23, 18, .14);
  font-size: .84rem;
  font-weight: 950;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
  align-items: stretch;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  min-height: 312px;
  height: 100%;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card > * {
  min-width: 0;
  max-width: 100%;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
  width: 100%;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
  min-height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
  min-height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
  width: 100%;
  min-height: 28px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
  width: 100%;
  min-width: 0;
  justify-content: center;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge {
  width: min(100%, var(--directory-shell, 1180px));
  max-width: min(100%, var(--directory-shell, 1180px));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge details {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge .check-list {
  max-width: 760px;
  margin: 10px auto 0;
  text-align: left;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge .prompt-action-stack {
  justify-content: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section {
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
  margin-bottom: 18px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  margin-top: 16px;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note {
    margin-top: 8px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note summary {
    width: 34px;
    height: 34px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note .directory-note-arrow {
    font-size: .75rem;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .directory-hero-note p {
    max-width: min(100%, calc(100vw - 28px));
    font-size: .58rem;
    line-height: 1.24;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
    width: min(100%, calc(100vw - 24px));
    min-height: 26px;
    margin-top: 8px;
    padding: 7px 8px;
    font-size: .44rem;
    line-height: 1;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    min-height: 136px;
    padding: 6px 4px 7px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    min-height: 20px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    min-height: 18px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    gap: 3px;
    padding-top: 4px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge {
    padding: 14px 10px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge h2 {
    white-space: nowrap;
    font-size: .96rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge summary {
    white-space: nowrap;
    font-size: .58rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-provider-merge .prompt-action-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
    margin-bottom: 12px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: calc(100vw - 24px);
    font-size: 1.04rem !important;
    line-height: 1.06 !important;
    white-space: normal;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
    margin-top: 10px;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    min-height: 44px;
    font-size: .74rem !important;
    white-space: nowrap;
  }
}

/* v124: production card slot alignment and homepage-style directory FAQ */
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 28px 50px 22px 44px 38px 18px 28px 34px 42px !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  justify-items: center !important;
  grid-column: auto !important;
  justify-self: stretch !important;
  place-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  min-height: 334px !important;
  height: 100% !important;
  padding: 12px 14px 14px !important;
  gap: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card > * {
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
  position: static !important;
  transform: none !important;
  min-width: 0 !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 20px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: .58rem !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 24px rgba(118, 50, 8, .12) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  grid-column: 1 !important;
  justify-self: start !important;
  background: #f2bf00 !important;
  color: #2b170c !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  grid-column: 2 !important;
  justify-self: end !important;
  margin: 0 !important;
  background: #0f8d43 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
  grid-row: 3 !important;
  justify-self: center !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
  grid-row: 4 !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  text-align: center !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
  grid-row: 5 !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  text-align: center !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
  grid-row: 6 !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
  grid-row: 7 !important;
  width: 100% !important;
  min-height: 22px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
  grid-row: 8 !important;
  width: 100% !important;
  min-height: 28px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  grid-row: 9 !important;
  align-self: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section {
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  font-size: clamp(2.05rem, 4vw, 3.15rem) !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: normal !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
  width: min(100%, 640px) !important;
  max-width: 640px !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  width: 100% !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border-radius: 999px !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  margin: 10px auto 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-show-more-row {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 14px 24px 12px 24px 18px 10px 13px 20px 22px !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    place-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    min-height: 168px !important;
    padding: 4px 3px 5px !important;
    border-radius: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    min-height: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
    min-height: 11px !important;
    padding: 2px 3px !important;
    font-size: .25rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 21px !important;
    height: 21px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
    font-size: .25rem !important;
    padding: 1px 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    font-size: .36rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    font-size: .3rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    font-size: .28rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
    min-height: 10px !important;
    gap: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
    width: 9px !important;
    height: 9px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
    min-height: 16px !important;
    gap: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    max-width: 100% !important;
    padding: 1px 2px !important;
    font-size: .24rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    gap: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 17px !important;
    padding: 2px 1px !important;
    border-radius: 5px !important;
    font-size: .26rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
    gap: 7px !important;
    margin-bottom: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: calc(100vw - 30px) !important;
    font-size: 1.15rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
    max-width: calc(100vw - 36px) !important;
    margin-top: 8px !important;
    gap: 10px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
    max-width: calc(100vw - 36px) !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: .72rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
    max-width: calc(100vw - 44px) !important;
    gap: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
    min-height: 38px !important;
    padding: 9px 10px !important;
    font-size: .64rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
    font-size: .58rem !important;
    line-height: 1.35 !important;
  }
}

/* v125: production parity fixes for FAQ, mobile cards, checklist arrows, and current location */
@keyframes mehndisathiLocationPulse {
  0%, 100% {
    box-shadow: 0 10px 24px rgba(180, 8, 18, .12);
    transform: translateZ(0) scale(1);
  }
  50% {
    box-shadow: 0 16px 36px rgba(180, 8, 18, .28);
    transform: translateZ(0) scale(1.015);
  }
}

body.phase1-foundation .location-button {
  animation: mehndisathiLocationPulse 1.6s ease-in-out infinite;
}

body.phase1-foundation.page-home .location-button .compact-label {
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-location-row {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-location-row .location-button {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border-color: rgba(180, 8, 18, .22);
  color: #b40812;
  background: #fff7ee;
  font-size: .78rem;
  font-weight: 950;
  white-space: nowrap;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-location-row .location-status {
  color: #5d473b;
  font-size: .62rem;
  line-height: 1.25;
  text-align: center;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  padding-inline: 10px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
  align-items: stretch !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details {
  width: 100% !important;
  height: 100% !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
  width: 100% !important;
  min-height: 100% !important;
  display: grid !important;
  grid-template-rows: minmax(24px, 1fr) 36px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 6px !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
  position: static !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #b40812 !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(180, 8, 18, .22) !important;
  font-size: .9rem !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
  gap: 8px !important;
  margin-bottom: 16px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
  color: #a6060e !important;
  font-size: .78rem !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 980px !important;
  font-size: clamp(2.5rem, 4.7vw, 4.05rem) !important;
  line-height: 1.02 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  gap: 12px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
  width: min(100%, 360px) !important;
  max-width: 360px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  min-height: 52px !important;
  width: 100% !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 18px 36px rgba(106, 27, 18, .12) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1)[open] > summary {
  background: #b40812 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2)[open] > summary {
  background: #261710 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
  width: 26px !important;
  height: 26px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
  width: min(100vw - 32px, 640px) !important;
  max-width: 640px !important;
  margin-top: 12px !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
  width: min(100%, 560px) !important;
  border: 1px solid rgba(214, 184, 151, .78) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: 6px !important;
  padding: 12px 14px !important;
  color: #20140f !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary::-webkit-details-marker {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .faq-question-arrow {
  width: 18px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #b40812 !important;
  font-size: .78rem !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details[open] .faq-question-arrow {
  transform: rotate(90deg) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 16px 16px !important;
  text-align: center !important;
  color: #4c392d !important;
}

@media (max-width: 760px) {
  body.phase1-foundation.page-home .location-button .wide-label {
    display: none !important;
  }

  body.phase1-foundation.page-home .location-button .compact-label {
    display: inline !important;
    font-size: .58rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
    width: calc(100% - 14px) !important;
    padding: 18px 8px 20px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
    font-size: clamp(2rem, 10vw, 2.55rem) !important;
    line-height: 1.06 !important;
    padding-inline: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .filter-summary,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .trust-strip,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .intent-chips {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-location-row {
    margin-bottom: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-location-row .location-button {
    min-height: 28px !important;
    padding: 5px 7px !important;
    border-radius: 8px !important;
    font-size: .52rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 4px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 76px !important;
    padding: 3px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card .artist-check-icon {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    grid-template-rows: minmax(26px, 1fr) 20px !important;
    gap: 2px !important;
    font-size: .31rem !important;
    line-height: 1.03 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 18px !important;
    height: 18px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
    position: static !important;
    width: 100% !important;
    margin-top: 4px !important;
    padding: 5px 6px !important;
    font-size: .36rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    padding-inline: 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-rows: 10px 16px 8px 18px 8px 9px 10px 14px !important;
    padding: 3px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    grid-row: 5 !important;
    font-size: .23rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
    grid-row: 6 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
    grid-row: 7 !important;
    min-height: 9px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    grid-row: 8 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
    padding: 1px 2px !important;
    font-size: .2rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 15px !important;
    height: 15px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
    font-size: .19rem !important;
    padding: 1px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    font-size: .27rem !important;
    line-height: 1.02 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
    width: 6px !important;
    height: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    font-size: .18rem !important;
    padding: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 11px !important;
    border-radius: 3px !important;
    font-size: .19rem !important;
    padding: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
    font-size: .5rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: calc(100vw - 30px) !important;
    font-size: 1.95rem !important;
    line-height: 1.04 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
    width: min(100%, 310px) !important;
    max-width: 310px !important;
    gap: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: .72rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
    width: 22px !important;
    height: 22px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
    width: min(100vw - 38px, 300px) !important;
    max-width: 300px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
    min-height: 36px !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    padding: 8px 9px !important;
    font-size: .58rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
    padding: 0 10px 10px !important;
    font-size: .52rem !important;
    line-height: 1.32 !important;
  }
}

/* v126 final override: keep artist/tutor parity after older blocks */
body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
  max-width: min(100%, 980px) !important;
  margin-inline: auto !important;
  text-align: center !important;
  overflow: visible !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  position: absolute !important;
  inset: 12px 12px auto 12px !important;
  width: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
  border-radius: 999px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(105, 47, 8, .12) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  background: #f2b705 !important;
  color: #2a170d !important;
  transform: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  background: #0d8f45 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  position: relative !important;
  text-align: center !important;
  justify-items: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-self: end !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions > * {
  width: 100% !important;
  min-width: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
  width: min(100%, 1040px) !important;
  margin: 14px auto 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #7c1410 !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(124, 20, 16, .18) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
  position: static !important;
  box-sizing: border-box !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section {
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
  color: #a6060e !important;
  font-size: .78rem !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 900px !important;
  margin-inline: auto !important;
  font-size: clamp(2.65rem, 4.5vw, 4.05rem) !important;
  line-height: 1.02 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  margin-inline: auto !important;
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
  width: 100% !important;
  max-width: 360px !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  width: 100% !important;
  min-height: 48px !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 18px 36px rgba(106, 27, 18, .12) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1)[open] > summary {
  background: #b40812 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2)[open] > summary {
  background: #261710 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
  width: min(92vw, 620px) !important;
  max-width: 620px !important;
  margin-top: 12px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  border: 1px solid rgba(214, 184, 151, .78) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
  min-height: 48px !important;
  padding: 11px 14px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
  color: #20140f !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary::-webkit-details-marker {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .faq-question-arrow {
  width: 18px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #b40812 !important;
  font-size: .75rem !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details[open] .faq-question-arrow {
  transform: rotate(90deg) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 16px 16px !important;
  text-align: center !important;
  color: #4c392d !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero {
    width: calc(100% - 14px) !important;
    padding: 18px 10px 22px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero h1 {
    max-width: calc(100vw - 34px) !important;
    font-size: clamp(2rem, 9.2vw, 2.5rem) !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .filter-summary,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .trust-strip,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .intent-chips,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .mobile-search-coach,
  body.phase1-foundation:is(.route-artists, .route-tutors) .discovery-page-hero .marketplace-command-strip {
    display: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 78px !important;
    padding: 4px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-icon {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    min-height: 48px !important;
    grid-template-rows: minmax(25px, 1fr) 18px !important;
    gap: 2px !important;
    font-size: .3rem !important;
    line-height: 1.03 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 17px !important;
    height: 17px !important;
    font-size: .58rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
    margin-top: 5px !important;
    padding: 5px 7px !important;
    font-size: .33rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    align-items: start !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 4px 3px !important;
    grid-template-rows: 11px 16px 8px minmax(16px, 20px) minmax(10px, 12px) 8px 10px 13px !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    inset: 3px 3px auto 3px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
    padding: 1px 2px !important;
    font-size: .18rem !important;
    max-width: 31px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
    width: 15px !important;
    height: 15px !important;
    grid-row: 2 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
    grid-row: 3 !important;
    font-size: .18rem !important;
    padding: 1px 2px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
    grid-row: 4 !important;
    max-width: 100% !important;
    font-size: .27rem !important;
    line-height: 1.02 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
    grid-row: 5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: .2rem !important;
    line-height: 1.05 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
    grid-row: 6 !important;
    font-size: .18rem !important;
    line-height: 1 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
    grid-row: 7 !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
    width: 5px !important;
    height: 5px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
    grid-row: 7 !important;
    align-self: end !important;
    min-height: 8px !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
    font-size: .15rem !important;
    padding: 1px !important;
    max-width: 32px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    grid-row: 8 !important;
    gap: 2px !important;
    align-self: end !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 11px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    font-size: .18rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
    font-size: .48rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
    max-width: calc(100vw - 30px) !important;
    font-size: clamp(1.55rem, 7.2vw, 1.9rem) !important;
    line-height: 1.07 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
    width: min(100%, 236px) !important;
    max-width: 236px !important;
    gap: 8px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
    max-width: 236px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
    width: min(100vw - 34px, 286px) !important;
    max-width: 286px !important;
    gap: 7px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
    max-width: 260px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
    min-height: 34px !important;
    padding: 7px 9px !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    font-size: .54rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .faq-question-arrow {
    width: 15px !important;
    height: 15px !important;
    font-size: .62rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
    padding: 0 9px 9px !important;
    font-size: .5rem !important;
    line-height: 1.3 !important;
  }
}

/* A2 source: assets/css/global.v141-final.css */
/* Final artist/tutor review overrides loaded after global.v126.css. */

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  position: absolute !important;
  inset: 12px 12px auto 12px !important;
  width: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* v133: product and gallery discovery pages aligned to the accepted Artist/Tutor pattern. */
body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
  width: min(100% - 48px, 1720px) !important;
  min-height: 282px !important;
  margin: 28px auto 24px !important;
  padding: 54px 28px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 16px !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero h1 {
  max-width: 1180px !important;
  margin: 0 auto !important;
  font-size: clamp(3.2rem, 5.1vw, 5.6rem) !important;
  line-height: 1.02 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero > p:not(.eyebrow),
body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero :is(.hero-search, .filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip) {
  display: none !important;
  visibility: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note {
  margin: 0 !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note > summary {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #b40812 !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(180, 8, 18, .18) !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  list-style: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note > summary::-webkit-details-marker {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note[open] > summary .directory-note-arrow {
  transform: rotate(180deg) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note p {
  width: min(86vw, 820px) !important;
  margin: 14px auto 0 !important;
  color: #5b473c !important;
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-support {
  display: none !important;
  visibility: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
  width: min(100% - 48px, 1720px) !important;
  margin: 0 auto !important;
  padding: 0 0 34px !important;
  background: transparent !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  margin: 0 0 16px !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head .eyebrow {
  color: #a6060e !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head h2 {
  margin: 0 !important;
  font-size: clamp(2rem, 2.6vw, 2.55rem) !important;
  line-height: 1.05 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-workspace {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(230px, 286px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
  position: sticky !important;
  top: 104px !important;
  max-height: calc(100vh - 126px) !important;
  overflow: auto !important;
  padding: 18px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card > h3 {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card > .eyebrow,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts > strong {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  color: #a6060e !important;
  font-weight: 950 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form {
  display: grid !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form label {
  display: grid !important;
  gap: 5px !important;
  font-weight: 900 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form input,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form select {
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 8px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .button {
  width: 100% !important;
  min-height: 42px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(214, 184, 151, .75) !important;
  display: grid !important;
  gap: 8px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts a {
  min-height: 32px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(180, 8, 18, .22) !important;
  border-radius: 999px !important;
  background: #fff9f0 !important;
  color: #a6060e !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  display: grid !important;
  place-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
  min-width: 0 !important;
  border: 1px solid rgba(214, 184, 151, .75) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 20px !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist {
  margin: 0 0 18px !important;
  padding: 14px !important;
  border: 1px solid rgba(214, 184, 151, .75) !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)) !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details {
  min-width: 0 !important;
  min-height: 110px !important;
  border: 1px solid rgba(214, 184, 151, .72) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary {
  min-height: 110px !important;
  padding: 14px 10px !important;
  display: grid !important;
  place-items: center !important;
  gap: 9px !important;
  text-align: center !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #b40812 !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details p {
  margin: -8px auto 12px !important;
  max-width: 90% !important;
  color: #5a473d !important;
  font-size: .86rem !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 315px !important;
  padding: 18px 14px 58px !important;
  border-radius: 8px !important;
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body.phase1-foundation.route-products .product-image {
  width: 70px !important;
  height: 70px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto !important;
}

body.phase1-foundation.route-products .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.phase1-foundation.route-gallery .gallery-item {
  width: 100% !important;
  display: grid !important;
  gap: 6px !important;
  justify-items: center !important;
  text-align: center !important;
}

body.phase1-foundation.route-gallery .gallery-item img {
  width: min(100%, 185px) !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card h3,
body.phase1-foundation:is(.route-products, .route-gallery) .gallery-item span {
  max-width: 100% !important;
  margin: 0 auto !important;
  font-size: .98rem !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card p,
body.phase1-foundation:is(.route-products, .route-gallery) .gallery-card-meta {
  max-width: 100% !important;
  margin: 0 auto !important;
  color: #5a473d !important;
  font-size: .8rem !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge {
  width: min(100% - 48px, 920px) !important;
  margin: 28px auto !important;
  padding: 28px 22px !important;
  border: 1px solid rgba(214, 184, 151, .75) !important;
  border-radius: 10px !important;
  background: #fff !important;
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  gap: 14px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge .eyebrow {
  margin: 0 !important;
  color: #a6060e !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge h2 {
  max-width: 780px !important;
  margin: 0 auto !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 1.08 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge details {
  width: min(100%, 720px) !important;
  border: 1px solid rgba(214, 184, 151, .75) !important;
  border-radius: 8px !important;
  background: #fffdfa !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge summary {
  min-height: 48px !important;
  padding: 12px 18px !important;
  color: #a6060e !important;
  font-weight: 950 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge p:not(.eyebrow) {
  max-width: 660px !important;
  margin: 0 auto !important;
  padding: 0 18px 16px !important;
  color: #5a473d !important;
  line-height: 1.45 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge .prompt-action-stack {
  width: min(100%, 420px) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section {
  margin-top: 18px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head h2 {
  max-width: 900px !important;
  margin-inline: auto !important;
  font-size: clamp(2.5rem, 4vw, 3.7rem) !important;
  line-height: 1.04 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-categories {
  width: 100% !important;
  display: grid !important;
  justify-items: center !important;
  gap: 12px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
  width: min(100%, 360px) !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category > summary {
  width: 100% !important;
  min-height: 48px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category:nth-child(1) > summary,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category:nth-child(1)[open] > summary {
  background: #b40812 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category:nth-child(2) > summary,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category:nth-child(2)[open] > summary {
  background: #261710 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category > summary span {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .18) !important;
  display: grid !important;
  place-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel {
  width: min(92vw, 620px) !important;
  margin-top: 12px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details {
  width: min(100%, 560px) !important;
  border: 1px solid rgba(214, 184, 151, .78) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details summary {
  min-height: 48px !important;
  padding: 11px 14px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
  color: #20140f !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .faq-question-arrow {
  width: 18px !important;
  height: 18px !important;
  color: #b40812 !important;
  display: grid !important;
  place-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details[open] .faq-question-arrow {
  transform: rotate(90deg) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details p {
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 16px 16px !important;
  color: #4c392d !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
    width: calc(100% - 16px) !important;
    height: 172px !important;
    min-height: 170px !important;
    max-height: 172px !important;
    margin: 8px auto 12px !important;
    padding: 24px 10px !important;
    gap: 12px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero h1 {
    max-width: calc(100vw - 38px) !important;
    font-size: clamp(1.7rem, 7.4vw, 2.35rem) !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note > summary {
    width: 34px !important;
    height: 34px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-hero-note p {
    width: min(88vw, 320px) !important;
    font-size: .68rem !important;
    line-height: 1.35 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
    width: calc(100% - 12px) !important;
    padding-bottom: 18px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head {
    margin-bottom: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head h2 {
    font-size: 1.12rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-workspace {
    display: block !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-panel {
    margin: 0 0 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
    position: relative !important;
    top: auto !important;
    max-height: 260px !important;
    padding: 10px !important;
    border-radius: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form label span {
    font-size: .42rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form input,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form select {
    min-height: 30px !important;
    padding: 5px 7px !important;
    border-radius: 6px !important;
    font-size: .55rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .button,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .location-button {
    min-height: 30px !important;
    padding: 5px 7px !important;
    border-radius: 7px !important;
    font-size: .56rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form .artist-filter-location-row,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-form button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts {
    max-height: 110px !important;
    overflow: auto !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    margin-top: 9px !important;
    padding-top: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts > strong {
    font-size: .56rem !important;
    margin-bottom: 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-shortcuts a {
    min-height: 24px !important;
    padding: 4px 6px !important;
    font-size: .5rem !important;
    line-height: 1.1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel {
    padding: 8px !important;
    border-radius: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 5px !important;
    margin-bottom: 7px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details,
  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary {
    min-height: 52px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary {
    padding: 4px 2px !important;
    gap: 3px !important;
    font-size: .34rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary span {
    width: 16px !important;
    height: 16px !important;
    font-size: .42rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details p {
    margin: -2px auto 5px !important;
    font-size: .34rem !important;
    line-height: 1.15 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 4px 3px 14px !important;
    gap: 1px !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation.route-products .product-image {
    width: 19px !important;
    height: 19px !important;
    border-radius: 4px !important;
    font-size: .18rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation.route-gallery .gallery-item {
    gap: 1px !important;
  }

  body.phase1-foundation.route-gallery .gallery-item img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .badge,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-card-meta span,
  body.phase1-foundation:is(.route-products, .route-gallery) .profile-signal-row span {
    padding: 1px 2px !important;
    font-size: .16rem !important;
    line-height: 1 !important;
    border-radius: 999px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card h3,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-item span {
    font-size: .25rem !important;
    line-height: 1.05 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card p,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-card-meta,
  body.phase1-foundation:is(.route-products, .route-gallery) .quality-meter {
    font-size: .18rem !important;
    line-height: 1.05 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .profile-signal-row,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    left: 3px !important;
    right: 3px !important;
    bottom: 3px !important;
    gap: 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.small,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.tiny {
    min-height: 9px !important;
    height: 9px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    font-size: .15rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge {
    width: calc(100% - 22px) !important;
    margin: 18px auto !important;
    padding: 18px 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge h2 {
    font-size: 1.12rem !important;
    line-height: 1.12 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge summary {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: .7rem !important;
    line-height: 1.15 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge p:not(.eyebrow) {
    font-size: .64rem !important;
    line-height: 1.3 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge .prompt-action-stack {
    width: min(100%, 280px) !important;
    gap: 6px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge .button {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: .7rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head h2 {
    max-width: 280px !important;
    font-size: 1.65rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-categories {
    gap: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
    width: min(100%, 236px) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category > summary {
    width: 236px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    font-size: .64rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category > summary span {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel {
    width: min(86vw, 270px) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details {
    width: 100% !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details summary {
    min-height: 50px !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    padding: 8px 10px !important;
    font-size: .48rem !important;
    line-height: 1.15 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details p {
    padding: 0 12px 12px !important;
    font-size: .5rem !important;
    line-height: 1.28 !important;
  }
}

/* v140: final product/gallery marketplace polish. */
body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
  width: calc(100% - 48px) !important;
  max-width: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel .marketplace-panel-title {
  width: 100% !important;
  margin: 0 0 14px !important;
  color: #0f0c0a !important;
  font-size: clamp(1.45rem, 1.8vw, 1.95rem) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer-section {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
  top: 82px !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .card-social-rail {
  top: 68px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon {
  width: 14px !important;
  height: 14px !important;
  display: grid !important;
  place-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action[data-engagement-action].is-active .social-icon svg,
body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action[data-engagement-action]:hover .social-icon svg {
  fill: currentColor !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge details p {
  max-width: 820px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head {
  margin-bottom: 24px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-categories {
  margin-top: 0 !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
  width: min(100%, 560px) !important;
  margin-inline: auto !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category .artist-faq-panel {
  width: min(100%, 720px) !important;
  margin: 18px auto 0 !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details {
  width: min(100%, 680px) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details summary {
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
    width: calc(100% - 12px) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel .marketplace-panel-title {
    margin-bottom: 8px !important;
    font-size: clamp(.92rem, 4.2vw, 1.1rem) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
    top: 20px !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .card-social-rail {
    top: 24px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 4px !important;
    height: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head {
    margin-bottom: 16px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
    width: min(100%, 260px) !important;
  }
}

body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  top: 82px !important;
}

body.phase1-foundation.route-gallery .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  top: 48px !important;
}

@media (max-width: 760px) {
  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 20px !important;
  }

  body.phase1-foundation.route-gallery .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 18px !important;
  }
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
  border-radius: 999px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  background: #f2b705 !important;
  color: #2a170d !important;
  transform: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  background: #0d8f45 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  position: relative !important;
  text-align: center !important;
  justify-items: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-self: end !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions > * {
  width: 100% !important;
  min-width: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
  width: min(100%, 1040px) !important;
  margin: 14px auto 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #7c1410 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card .artist-filter-location-row {
  display: grid !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card .artist-filter-location-row .location-button {
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-color: rgba(180, 8, 18, .22) !important;
  color: #b40812 !important;
  background: #fff7ee !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card .artist-filter-location-row .location-status {
  color: #5d473b !important;
  font-size: .62rem !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
  position: static !important;
  box-sizing: border-box !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: .82rem !important;
  transform: translateY(-16px) !important;
  margin-bottom: 4px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section {
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
  gap: 8px !important;
  margin-bottom: 18px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head .eyebrow {
  color: #a6060e !important;
  font-size: .78rem !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head h2 {
  max-width: 900px !important;
  margin-inline: auto !important;
  font-size: clamp(2.65rem, 4.5vw, 4.05rem) !important;
  line-height: 1.02 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  width: min(100%, 360px) !important;
  max-width: 360px !important;
  margin-inline: auto !important;
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
  width: 100% !important;
  max-width: 360px !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  width: 100% !important;
  min-height: 48px !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(1)[open] > summary {
  background: #b40812 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2) > summary,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category:nth-child(2)[open] > summary {
  background: #261710 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary span {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
  width: min(92vw, 620px) !important;
  max-width: 620px !important;
  margin-top: 12px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  border: 1px solid rgba(214, 184, 151, .78) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
  min-height: 48px !important;
  padding: 11px 14px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
  color: #20140f !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary::-webkit-details-marker {
  display: none !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .faq-question-arrow {
  width: 18px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #b40812 !important;
  font-size: .75rem !important;
  line-height: 1 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details[open] .faq-question-arrow {
  transform: rotate(90deg) !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 16px 16px !important;
  text-align: center !important;
  color: #4c392d !important;
}

@media (max-width: 760px) {
  body.route-artists.phase1-foundation .discovery-page-hero :is(.filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip),
  body.route-tutors.phase1-foundation .discovery-page-hero :is(.filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip) {
    display: none !important;
    visibility: hidden !important;
  }

  body.route-artists.phase1-foundation .discovery-page-hero,
  body.route-tutors.phase1-foundation .discovery-page-hero {
    width: calc(100% - 14px) !important;
    padding: 18px 10px 22px !important;
  }

  body.route-artists.phase1-foundation .discovery-page-hero h1,
  body.route-tutors.phase1-foundation .discovery-page-hero h1 {
    max-width: calc(100vw - 34px) !important;
    font-size: clamp(2rem, 9.2vw, 2.5rem) !important;
    line-height: 1.08 !important;
  }

  body.route-artists.phase1-foundation .artist-profile-grid,
  body.route-tutors.phase1-foundation .artist-profile-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card,
  body.route-tutors.phase1-foundation .artist-list-card {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1px !important;
    padding: 4px 3px !important;
    overflow: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    width: 15px !important;
    height: 15px !important;
    margin: 14px auto 0 !important;
    flex: 0 0 15px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .badge,
  body.route-tutors.phase1-foundation .artist-list-card .badge {
    font-size: .18rem !important;
    padding: 1px 2px !important;
    line-height: 1 !important;
    margin: 0 auto !important;
    flex: 0 0 auto !important;
  }

  body.route-artists.phase1-foundation .artist-list-card h3,
  body.route-tutors.phase1-foundation .artist-list-card h3 {
    width: 100% !important;
    min-height: 18px !important;
    margin: 0 auto !important;
    font-size: .27rem !important;
    line-height: 1.02 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-list-card p,
  body.route-tutors.phase1-foundation .artist-list-card p {
    width: 100% !important;
    min-height: 10px !important;
    margin: 0 auto !important;
    font-size: .19rem !important;
    line-height: 1.02 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-list-card small,
  body.route-tutors.phase1-foundation .artist-list-card small {
    width: 100% !important;
    margin: 0 auto !important;
    font-size: .18rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-artists.phase1-foundation .artist-mini-portfolio,
  body.route-tutors.phase1-foundation .artist-mini-portfolio {
    display: none !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals,
  body.route-tutors.phase1-foundation .artist-list-signals {
    width: 100% !important;
    min-height: 8px !important;
    gap: 1px !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals span,
  body.route-tutors.phase1-foundation .artist-list-signals span {
    max-width: 34px !important;
    padding: 1px !important;
    font-size: .15rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .card-actions,
  body.route-tutors.phase1-foundation .artist-list-card .card-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px !important;
    margin: auto auto 0 !important;
    align-self: stretch !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 11px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    font-size: .18rem !important;
    line-height: 1 !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags,
  body.route-tutors.phase1-foundation .artist-card-tags {
    inset: 3px 3px auto 3px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags span,
  body.route-tutors.phase1-foundation .artist-card-tags span {
    max-width: 32px !important;
    padding: 1px 2px !important;
    font-size: .18rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-artists.phase1-foundation .artist-check-card,
  body.route-tutors.phase1-foundation .artist-check-card {
    min-height: 84px !important;
    display: grid !important;
    grid-template-rows: 20px 1fr !important;
    place-items: center !important;
    padding: 4px 2px !important;
  }

  body.route-artists.phase1-foundation .artist-check-card details,
  body.route-tutors.phase1-foundation .artist-check-card details {
    width: 100% !important;
    height: auto !important;
  }

  body.route-artists.phase1-foundation .artist-check-card summary,
  body.route-tutors.phase1-foundation .artist-check-card summary {
    min-height: 50px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 0 !important;
    font-size: .29rem !important;
    line-height: 1.04 !important;
    overflow: hidden !important;
  }

  body.route-artists.phase1-foundation .artist-check-card summary span,
  body.route-tutors.phase1-foundation .artist-check-card summary span {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin: 0 auto 3px !important;
    font-size: .58rem !important;
    transform: translateY(-12px) !important;
  }

  body.route-artists.phase1-foundation .artist-faq-section .centered-head h2,
  body.route-tutors.phase1-foundation .artist-faq-section .centered-head h2 {
    max-width: calc(100vw - 30px) !important;
    font-size: clamp(1.55rem, 7.2vw, 1.9rem) !important;
    line-height: 1.07 !important;
  }

  body.route-artists.phase1-foundation .artist-faq-categories,
  body.route-tutors.phase1-foundation .artist-faq-categories {
    width: min(100%, 236px) !important;
    max-width: 236px !important;
    gap: 8px !important;
  }

  body.route-artists.phase1-foundation .artist-faq-category > summary,
  body.route-tutors.phase1-foundation .artist-faq-category > summary {
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: .62rem !important;
  }

  body.route-artists.phase1-foundation .discovery-page-hero :is(.filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip),
  body.route-tutors.phase1-foundation .discovery-page-hero :is(.filter-summary, .trust-strip, .intent-chips, .mobile-search-coach, .marketplace-command-strip) {
    position: absolute !important;
    inset: auto !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    margin-top: 12px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card h3,
  body.route-tutors.phase1-foundation .artist-list-card h3 {
    min-height: 16px !important;
    font-size: .25rem !important;
  }

  body.route-artists.phase1-foundation .artist-list-card p,
  body.route-tutors.phase1-foundation .artist-list-card p {
    min-height: 8px !important;
    font-size: .17rem !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals,
  body.route-tutors.phase1-foundation .artist-list-signals {
    min-height: 7px !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals span,
  body.route-tutors.phase1-foundation .artist-list-signals span {
    font-size: .14rem !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    min-height: 9px !important;
    font-size: .16rem !important;
  }
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist,
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details {
  min-width: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details[open] {
  height: auto !important;
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) {
  min-height: 258px !important;
  padding-bottom: 16px !important;
  overflow: hidden !important;
  align-content: start !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) summary {
  min-height: auto !important;
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details[open] p {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 8px auto 0 !important;
  padding: 0 10px !important;
  color: #4c392d !important;
  font-size: .92rem !important;
  line-height: 1.34 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist {
    padding: 6px !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 82px !important;
    aspect-ratio: auto !important;
    display: grid !important;
    grid-template-rows: 18px minmax(0, 1fr) !important;
    place-items: center !important;
    padding: 5px 2px 7px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card .artist-check-icon {
    width: 16px !important;
    height: 16px !important;
    margin: 0 auto 1px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    width: 100% !important;
    min-height: 50px !important;
    display: grid !important;
    grid-template-rows: minmax(20px, 1fr) 20px !important;
    gap: 2px !important;
    place-items: center !important;
    padding: 0 !important;
    font-size: .45rem !important;
    line-height: 1.04 !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 auto !important;
    font-size: .62rem !important;
    transform: translateY(-4px) !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) {
    min-height: 154px !important;
    grid-template-rows: 18px auto !important;
    padding-bottom: 7px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) details {
    height: auto !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) summary {
    min-height: 42px !important;
    grid-template-rows: minmax(17px, auto) 18px !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details[open] p {
    margin: 3px auto 0 !important;
    padding: 0 3px !important;
    font-size: .45rem !important;
    line-height: 1.14 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note {
    margin-top: 6px !important;
  }
}

/* v130: keep artist/tutor checklist six-across on mobile and keep badges clear of avatars. */
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
  inset: 16px 24px auto 24px !important;
  width: calc(100% - 48px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
  position: static !important;
  transform: none !important;
  flex: 0 0 auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-featured {
  margin-right: auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags .is-verified {
  margin-left: auto !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .artist-card-tags {
  left: 24px !important;
  right: 24px !important;
  top: 16px !important;
  bottom: auto !important;
  width: calc(100% - 48px) !important;
  inline-size: calc(100% - 48px) !important;
  max-width: none !important;
  transform: none !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist {
    padding: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 3px !important;
    align-items: stretch !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card {
    min-height: 78px !important;
    aspect-ratio: auto !important;
    grid-template-rows: 15px minmax(0, 1fr) !important;
    padding: 3px 1px 5px !important;
    border-radius: 6px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card .artist-check-icon {
    width: 13px !important;
    height: 13px !important;
    margin: 0 auto !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary {
    min-height: 48px !important;
    display: grid !important;
    grid-template-rows: minmax(22px, 1fr) 16px !important;
    gap: 1px !important;
    place-items: center !important;
    padding: 0 !important;
    font-size: .28rem !important;
    line-height: 1.02 !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary span {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    margin: 0 auto !important;
    font-size: .52rem !important;
    transform: translateY(-2px) !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) {
    min-height: 152px !important;
    grid-template-rows: 14px auto !important;
    padding-bottom: 5px !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) details {
    height: auto !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card:has(details[open]) summary {
    min-height: 38px !important;
    grid-template-rows: minmax(18px, auto) 15px !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details[open] p {
    margin: 2px auto 0 !important;
    padding: 0 2px !important;
    font-size: .32rem !important;
    line-height: 1.12 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags {
    inset: 4px 5px auto 5px !important;
    width: calc(100% - 10px) !important;
    justify-content: space-between !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .artist-card-tags {
    left: 5px !important;
    right: 5px !important;
    top: 4px !important;
    bottom: auto !important;
    width: calc(100% - 10px) !important;
    inline-size: calc(100% - 10px) !important;
    max-width: none !important;
    transform: none !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-card-tags span {
    max-width: 36px !important;
    padding: 1px 2px !important;
    font-size: .14rem !important;
    line-height: 1 !important;
  }
}

/* v132: mobile card actions stay inside square cards; FAQ tabs keep homepage-like fixed pills. */
body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section {
  overflow-x: hidden !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  display: grid !important;
  justify-items: center !important;
  gap: 12px !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
  width: min(100%, 340px) !important;
  max-width: 340px !important;
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
  width: 100% !important;
  max-width: 340px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
  width: min(92vw, 620px) !important;
  max-width: 620px !important;
  margin-top: 12px !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
  width: 100% !important;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) 22px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 4px !important;
  padding: 10px 14px !important;
  text-align: center !important;
  overflow: visible !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary .faq-question-arrow {
  grid-column: 1 !important;
  justify-self: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary span:last-child {
  grid-column: 2 !important;
  justify-self: center !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 16px 16px !important;
  text-align: center !important;
  overflow: visible !important;
  max-height: none !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    padding-bottom: 14px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
    position: absolute !important;
    left: 3px !important;
    right: 3px !important;
    bottom: 3px !important;
    width: auto !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2px !important;
    align-self: auto !important;
    z-index: 3 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .button.small {
    min-height: 10px !important;
    height: 10px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    font-size: .15rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-section .centered-head {
    margin-bottom: 12px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-categories {
    gap: 10px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category {
    width: min(100%, 236px) !important;
    max-width: 236px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary {
    width: 236px !important;
    max-width: 236px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    font-size: .64rem !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category > summary > span:not(.faq-question-arrow) {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel {
    width: min(86vw, 270px) !important;
    max-width: 270px !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details {
    width: 100% !important;
    max-width: 270px !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details summary {
    min-height: 50px !important;
    grid-template-columns: 18px minmax(0, 1fr) 18px !important;
    padding: 8px 10px !important;
    font-size: .48rem !important;
    line-height: 1.15 !important;
  }

  body.phase1-foundation:is(.route-artists, .route-tutors) .artist-faq-category .artist-faq-panel details p {
    padding: 0 12px 12px !important;
    font-size: .5rem !important;
    line-height: 1.28 !important;
  }
}

/* v133 final cascade lock for product/gallery card grids after legacy .cards rules. */
body.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
body.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
  min-height: 318px !important;
  max-height: 340px !important;
  padding: 18px 14px 58px !important;
  overflow: hidden !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card > p:not(.meta) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .quality-meter {
  width: 100% !important;
  max-width: 150px !important;
  margin-inline: auto !important;
}

@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    padding: 4px 3px 14px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .card-actions,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .card-actions {
    left: 3px !important;
    right: 3px !important;
    bottom: 3px !important;
    gap: 2px !important;
  }
}

/* v136 Product/Gallery improvements: signals, previews, SEO drawers, lightbox and lazy reveal. */
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-extra-item {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-show-more-row {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: center !important;
  margin: 18px auto 0 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-trust-note {
  width: min(100%, 920px) !important;
  margin: 10px auto 16px !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  background: #8f120d !important;
  color: #fff !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-empty-state {
  grid-column: 1 / -1 !important;
  width: min(100%, 760px) !important;
  margin: 18px auto !important;
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  gap: 14px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-empty-state .empty-state-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: #fff1e6 !important;
  color: #b40812 !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 950 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-empty-state .card-actions {
  width: min(100%, 560px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
  position: absolute !important;
  inset: 10px 12px auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  pointer-events: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-mini-signals span {
  border-radius: 999px !important;
  padding: 4px 8px !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
  background: #f4bd08 !important;
  color: #24150f !important;
  box-shadow: 0 10px 26px rgba(244, 189, 8, .26) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-verified {
  margin-left: auto !important;
  background: #0c8f43 !important;
  color: #fff !important;
}

body.phase1-foundation.route-products .product-card.marketplace-result-card {
  padding-top: 44px !important;
}

body.phase1-foundation.route-products .marketplace-mini-signals {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 4px !important;
}

body.phase1-foundation.route-products .marketplace-mini-signals span {
  background: #fff1e6 !important;
  color: #7b2f08 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-preview {
  width: min(100%, 230px) !important;
  border: 1px solid rgba(214, 184, 151, .72) !important;
  border-radius: 7px !important;
  background: #fffdfa !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-preview summary {
  min-height: 28px !important;
  padding: 5px 8px !important;
  color: #a6060e !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-preview p {
  padding: 0 8px 8px !important;
  font-size: .72rem !important;
  line-height: 1.32 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer-section {
  padding-top: 0 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer {
  width: min(100% - 48px, 980px) !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
  border: 1px solid rgba(214, 184, 151, .75) !important;
  border-radius: 10px !important;
  background: #fff !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer summary {
  min-height: 52px !important;
  padding: 14px 18px !important;
  color: #a6060e !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer .capability-grid {
  padding: 0 16px 14px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer p {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 18px 18px !important;
  color: #5a473d !important;
}

body.phase1-foundation.route-gallery .gallery-card-meta strong {
  width: 100% !important;
  color: #7b2f08 !important;
  font-size: .72rem !important;
  line-height: 1.15 !important;
}

body.phase1-foundation.route-gallery .gallery-preview-dialog {
  width: min(92vw, 760px) !important;
  border: 1px solid rgba(214, 184, 151, .82) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  background: #fffdfa !important;
  box-shadow: 0 24px 70px rgba(32, 20, 15, .22) !important;
}

body.phase1-foundation.route-gallery .gallery-preview-dialog::backdrop {
  background: rgba(32, 20, 15, .42) !important;
}

body.phase1-foundation.route-gallery .gallery-preview-dialog img {
  width: 100% !important;
  max-height: 68vh !important;
  border-radius: 8px !important;
  object-fit: contain !important;
  background: #fff !important;
}

body.phase1-foundation.route-gallery .gallery-preview-dialog div {
  margin-top: 12px !important;
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  text-align: center !important;
}

body.phase1-foundation.route-gallery .gallery-preview-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #b40812 !important;
  color: #fff !important;
  font-size: 1.35rem !important;
  cursor: pointer !important;
}

body.phase1-foundation.route-gallery .gallery-item-card.marketplace-result-card .card-actions {
  grid-template-columns: 1fr 1fr !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-trust-note {
    margin: 6px auto 8px !important;
    padding: 5px 6px !important;
    font-size: .42rem !important;
    line-height: 1.15 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    inset: 2px 3px auto !important;
    gap: 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span {
    padding: 1px 2px !important;
    font-size: .13rem !important;
    line-height: 1 !important;
    max-width: 38px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.phase1-foundation.route-products .product-card.marketplace-result-card {
    padding-top: 10px !important;
  }

  body.phase1-foundation.route-products .marketplace-mini-signals,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-preview {
    display: none !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-empty-state {
    padding: 14px 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-empty-state .card-actions {
    grid-template-columns: 1fr !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-show-more-row {
    margin-top: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer {
    width: calc(100% - 22px) !important;
    margin-bottom: 16px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer summary {
    min-height: 38px !important;
    padding: 9px 10px !important;
    font-size: .7rem !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer p {
    padding: 0 10px 12px !important;
    font-size: .62rem !important;
    line-height: 1.28 !important;
  }

  body.phase1-foundation.route-gallery .gallery-card-meta strong {
    font-size: .18rem !important;
    line-height: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.route-gallery .gallery-preview-dialog {
    width: calc(100vw - 24px) !important;
    padding: 12px !important;
  }
}

/* v137: buyer-first Product and design-first Gallery polish. */
body.phase1-foundation.route-products .product-directory-section .section-head h2,
body.phase1-foundation.route-gallery .gallery-directory-section .section-head h2 {
  letter-spacing: 0 !important;
}

body.phase1-foundation.route-products .ecommerce-product-card,
body.phase1-foundation.route-gallery .design-gallery-card {
  align-content: start !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .product-image {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  border: 1px solid rgba(214, 184, 151, .8) !important;
  border-radius: 10px !important;
  background: #fffdfa !important;
  box-shadow: 0 14px 34px rgba(32, 20, 15, .08) !important;
}

body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo,
body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo img {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  object-fit: cover !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .badge {
  background: #fff1e6 !important;
  color: #7b2f08 !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row,
body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  text-align: center !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row strong,
body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row span,
body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals span,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta span,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #fff1e6 !important;
  color: #7b2f08 !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row strong {
  background: #8f120d !important;
  color: #fff !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .button.is-added {
  background: #0c8f43 !important;
  border-color: #0c8f43 !important;
  color: #fff !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-item img {
  width: min(100%, 172px) !important;
  border: 1px solid rgba(214, 184, 151, .75) !important;
  box-shadow: 0 14px 34px rgba(32, 20, 15, .08) !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta strong {
  width: auto !important;
  background: #fffdfa !important;
  border: 1px solid rgba(214, 184, 151, .72) !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-badges {
  display: none !important;
}

@media (min-width: 761px) {
  body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card,
  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    min-height: 330px !important;
    padding-bottom: 64px !important;
  }

  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    min-height: 355px !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card,
  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    aspect-ratio: 1 / 1 !important;
    padding: 3px 2px 14px !important;
    gap: 1px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .product-image {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
    border-radius: 4px !important;
  }

  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo,
  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo img {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
    object-fit: cover !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .gallery-item img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 4px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .badge,
  body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row strong,
  body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row span,
  body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals span,
  body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta span,
  body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta strong {
    min-height: 7px !important;
    padding: 1px 2px !important;
    font-size: .14rem !important;
    line-height: 1 !important;
    max-width: 42px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card > p:not(.meta) {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals,
  body.phase1-foundation.route-gallery .design-gallery-card .marketplace-card-preview {
    display: none !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .card-actions .button,
  body.phase1-foundation.route-gallery .design-gallery-card .card-actions .button {
    min-height: 9px !important;
    height: 9px !important;
    padding: 1px !important;
    font-size: .13rem !important;
    line-height: 1 !important;
  }
}

/* v138: product/gallery buyer actions, clean gallery cards and zoom-stable rows. */
body.phase1-foundation.route-products .ecommerce-product-card,
body.phase1-foundation.route-gallery .design-gallery-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-preview,
body.phase1-foundation.route-gallery .design-gallery-card .marketplace-card-preview,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-meta {
  display: none !important;
}

body.phase1-foundation.route-products .ecommerce-product-card > p:not(.meta) {
  width: 100% !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row,
body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-tags,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-social-actions {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-item {
  position: static !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  background: transparent !important;
  color: #24150f !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-item span {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #24150f !important;
  box-shadow: none !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-tags span,
body.phase1-foundation:is(.route-products, .route-gallery) .social-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(214, 184, 151, .78) !important;
  border-radius: 999px !important;
  background: #fff8ef !important;
  color: #8f120d !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .social-action {
  cursor: pointer !important;
  gap: 4px !important;
  box-shadow: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .social-action span {
  color: inherit !important;
  font-weight: 950 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .social-action.is-active {
  background: #b40812 !important;
  border-color: #b40812 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button {
  width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 761px) {
  body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card,
  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    min-height: 360px !important;
    max-height: none !important;
    padding: 16px 14px 14px !important;
    gap: 7px !important;
  }

  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    min-height: 370px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .marketplace-social-actions,
  body.phase1-foundation.route-gallery .design-gallery-card .marketplace-social-actions {
    margin-top: auto !important;
  }
}

@media (max-width: 760px) {
  body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card,
  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    padding: 3px 2px !important;
    gap: 1px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .product-image,
  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo,
  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .gallery-item img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card > p:not(.meta),
  body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals {
    display: none !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .badge,
  body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row strong,
  body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row span,
  body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-tags span,
  body.phase1-foundation:is(.route-products, .route-gallery) .social-action {
    min-height: 6px !important;
    height: 6px !important;
    max-width: 42px !important;
    padding: 0 1px !important;
    border-radius: 999px !important;
    font-size: .12rem !important;
    line-height: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-social-actions {
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card h3,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-item span {
    font-size: .2rem !important;
    line-height: 1.02 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    position: static !important;
    margin-top: auto !important;
    width: 100% !important;
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button {
    min-height: 7px !important;
    height: 7px !important;
    padding: 0 1px !important;
    border-radius: 3px !important;
    font-size: .11rem !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }
}

/* v139: ecommerce-style product/gallery cards and tighter discovery fold. */
body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
  min-height: 220px !important;
  margin: 16px auto 14px !important;
  padding: 36px 24px !important;
  gap: 12px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero h1 {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(3rem, 4.45vw, 5rem) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
  margin-top: 0 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head {
  text-align: center !important;
  justify-items: center !important;
  margin-bottom: 12px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head .eyebrow,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head h2 {
  width: 100% !important;
  text-align: center !important;
}

body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card,
body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding: 14px 12px 12px !important;
  gap: 6px !important;
  overflow: hidden !important;
}

body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card {
  padding-top: 28px !important;
}

body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
  padding-top: 18px !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-badges,
body.phase1-foundation.route-products .ecommerce-product-card .ecommerce-card-badges {
  position: absolute !important;
  inset: 8px auto auto 8px !important;
  width: auto !important;
  display: flex !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-badges span,
body.phase1-foundation.route-products .ecommerce-product-card .ecommerce-card-badges span {
  min-height: 20px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #f4bd08 !important;
  color: #24150f !important;
  font-size: .65rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(244, 189, 8, .22) !important;
  white-space: nowrap !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .product-image,
body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo,
body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo img {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
  border-radius: 8px !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-item {
  gap: 6px !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .gallery-item img {
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  min-height: 118px !important;
  max-width: 118px !important;
  max-height: 118px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

body.phase1-foundation.route-products .ecommerce-product-card > p:not(.meta),
body.phase1-foundation.route-products .ecommerce-product-card .product-buy-row,
body.phase1-foundation.route-products .ecommerce-product-card .product-commerce-signals,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-design-tags {
  display: none !important;
}

body.phase1-foundation.route-products .ecommerce-product-card .badge {
  max-width: calc(100% - 8px) !important;
  min-height: 18px !important;
  padding: 4px 8px !important;
  font-size: .62rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation.route-products .ecommerce-product-card h3,
body.phase1-foundation.route-gallery .design-gallery-card .gallery-item span {
  width: 100% !important;
  max-width: calc(100% - 8px) !important;
  display: block !important;
  min-height: 18px !important;
  margin: 0 auto !important;
  color: #24150f !important;
  font-size: clamp(.62rem, .78vw, .78rem) !important;
  line-height: 1.08 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
  position: absolute !important;
  right: 10px !important;
  top: 92px !important;
  width: auto !important;
  display: grid !important;
  grid-auto-flow: row !important;
  gap: 6px !important;
  z-index: 5 !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .card-social-rail {
  top: 112px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 3px !important;
  display: grid !important;
  place-items: center !important;
  gap: 0 !important;
  border-radius: 999px !important;
  background: #fffdfa !important;
  border: 1px solid rgba(214, 184, 151, .86) !important;
  color: #a6060e !important;
  box-shadow: 0 8px 18px rgba(32, 20, 15, .08) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon {
  display: block !important;
  font-size: .92rem !important;
  line-height: .9 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
  display: block !important;
  font-size: .48rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action.is-active {
  background: #b40812 !important;
  border-color: #b40812 !important;
  color: #fff !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
  margin-top: auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 6px 8px !important;
  border-radius: 7px !important;
  font-size: .66rem !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
    margin: 8px auto 10px !important;
    padding: 22px 8px !important;
    gap: 9px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero h1 {
    max-width: none !important;
    font-size: clamp(1.35rem, 6.2vw, 1.9rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation.route-products .product-directory-section .product-card.marketplace-result-card,
  body.phase1-foundation.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card {
    aspect-ratio: 1 / 1 !important;
    padding: 3px 2px !important;
    gap: 1px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-badges,
  body.phase1-foundation.route-products .ecommerce-product-card .ecommerce-card-badges {
    inset: 2px auto auto 2px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-badges span,
  body.phase1-foundation.route-products .ecommerce-product-card .ecommerce-card-badges span {
    min-height: 5px !important;
    max-width: 24px !important;
    padding: 1px 2px !important;
    font-size: .1rem !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .product-image,
  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo,
  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo img {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .gallery-item {
    gap: 1px !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .gallery-item img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }

  body.phase1-foundation.route-products .ecommerce-product-card .badge,
  body.phase1-foundation.route-products .ecommerce-product-card h3,
  body.phase1-foundation.route-gallery .design-gallery-card .gallery-item span {
    min-height: 5px !important;
    max-width: 52px !important;
    padding: 0 1px !important;
    font-size: .12rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
    right: 2px !important;
    top: 24px !important;
    gap: 1px !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .card-social-rail {
    top: 30px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 9px !important;
    height: 9px !important;
    min-height: 9px !important;
    padding: 0 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon {
    font-size: .17rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
    font-size: .09rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    gap: 1px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button {
    min-height: 7px !important;
    height: 7px !important;
    padding: 0 1px !important;
    border-radius: 3px !important;
    font-size: .1rem !important;
    line-height: 1 !important;
  }
}

/* v141 final order guard: keep product/gallery polish after all legacy overrides. */
body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
  width: calc(100% - 48px) !important;
  max-width: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel .marketplace-panel-title {
  width: 100% !important;
  margin: 0 0 14px !important;
  color: #0f0c0a !important;
  font-size: clamp(1.45rem, 1.8vw, 1.95rem) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer-section {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
  top: 82px !important;
}

body.phase1-foundation.route-gallery .design-gallery-card .card-social-rail {
  top: 68px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon {
  width: 14px !important;
  height: 14px !important;
  display: grid !important;
  place-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action[data-engagement-action].is-active .social-icon svg,
body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action[data-engagement-action]:hover .social-icon svg {
  fill: currentColor !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge details p {
  max-width: 820px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head {
  margin-bottom: 24px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-categories {
  margin-top: 0 !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
  width: min(100%, 560px) !important;
  margin-inline: auto !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category .artist-faq-panel {
  width: min(100%, 720px) !important;
  margin: 18px auto 0 !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details {
  width: min(100%, 680px) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details summary {
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
    width: calc(100% - 12px) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel .marketplace-panel-title {
    margin-bottom: 8px !important;
    font-size: clamp(.92rem, 4.2vw, 1.1rem) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
    top: 20px !important;
  }

  body.phase1-foundation.route-gallery .design-gallery-card .card-social-rail {
    top: 24px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 4px !important;
    height: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head {
    margin-bottom: 16px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
    width: min(100%, 260px) !important;
  }
}

/* A2 source: assets/css/global.v141-guard.css */
/* Product/Gallery final guard: loaded after global.v141-final.css. */
body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
  width: calc(100% - 48px) !important;
  max-width: none !important;
}

/* v151 remaining public pages polish: requests, pricing, auth, footer role pages. */
body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero {
  width: min(1160px, calc(100% - 40px)) !important;
  margin: 28px auto 24px !important;
  padding: 58px 28px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background-color: rgba(255, 252, 246, .96) !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1 {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 4rem !important;
  line-height: 1.04 !important;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero > p:not(.eyebrow) {
  max-width: 820px !important;
  margin: 14px auto 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .section {
  width: min(1160px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .section-head {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body.phase1-foundation.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .feature-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.phase1-foundation.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .feature-stack .panel,
body.phase1-foundation.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .action-card,
body.phase1-foundation.page-public:is(.route-contact, .route-legal) .panel {
  border-radius: 8px !important;
  border-color: rgba(122, 70, 28, .22) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 249, 240, .94)) !important;
}

body.phase1-foundation .role-faq-section,
body.phase1-foundation .pricing-faq-section {
  display: block !important;
  text-align: center !important;
}

body.phase1-foundation .role-faq-section > div,
body.phase1-foundation .pricing-faq-section > div {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.phase1-foundation .role-faq-section .faq-list,
body.phase1-foundation .pricing-faq-section .faq-list {
  max-width: 760px !important;
  margin: 20px auto 0 !important;
}

body.phase1-foundation .role-faq-section .faq-list details,
body.phase1-foundation .pricing-faq-section .faq-list details,
body.phase1-foundation.page-public:is(.route-legal, .route-contact) .faq-list details {
  border-radius: 8px !important;
  text-align: center !important;
}

body.route-login.phase1-foundation .auth-command-wrap {
  width: min(1120px, calc(100% - 40px)) !important;
  min-height: auto !important;
  margin: 34px auto !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .8fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 246, .96) !important;
}

body.route-login.phase1-foundation .auth-intro-panel,
body.route-login.phase1-foundation .auth-card {
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #fff7ec) !important;
  box-shadow: 0 18px 40px rgba(64, 29, 9, .08) !important;
}

body.route-login.phase1-foundation .auth-intro-panel {
  padding: 28px !important;
  display: grid !important;
  align-content: center !important;
  gap: 16px !important;
}

body.route-login.phase1-foundation .auth-intro-panel h1 {
  margin: 0 !important;
  color: #241711 !important;
  font-size: 3rem !important;
  line-height: 1.08 !important;
}

body.route-login.phase1-foundation .auth-intro-panel > p:not(.eyebrow) {
  max-width: 680px !important;
  color: #604437 !important;
  font-size: 1.02rem !important;
  line-height: 1.6 !important;
}

body.route-login.phase1-foundation .auth-role-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.route-login.phase1-foundation .auth-role-grid article {
  min-height: 142px !important;
  padding: 16px !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .88) !important;
}

body.route-login.phase1-foundation .auth-role-grid span {
  display: inline-flex !important;
  margin-bottom: 10px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #fff0db !important;
  color: #9b0008 !important;
  font-weight: 900 !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
}

body.route-login.phase1-foundation .auth-role-grid strong,
body.route-login.phase1-foundation .auth-role-grid small {
  display: block !important;
}

body.route-login.phase1-foundation .auth-role-grid strong {
  color: #241711 !important;
  font-weight: 900 !important;
}

body.route-login.phase1-foundation .auth-role-grid small {
  margin-top: 6px !important;
  color: #604437 !important;
  line-height: 1.45 !important;
}

body.route-login.phase1-foundation .auth-card {
  width: 100% !important;
  max-width: none !important;
  padding: 28px !important;
}

body.route-login.phase1-foundation .auth-card h2 {
  margin: 0 0 14px !important;
  color: #241711 !important;
  font-size: 2rem !important;
}

body.route-login.phase1-foundation .auth-help-note {
  margin-bottom: 0 !important;
  color: #604437 !important;
  font-size: .9rem !important;
}

body.phase1-foundation .site-footer .footer-grid {
  gap: 36px !important;
}

@media (max-width: 900px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .section,
  body.route-login.phase1-foundation .auth-command-wrap {
    width: min(100% - 18px, 760px) !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero {
    margin-top: 10px !important;
    padding: 34px 14px !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1,
  body.route-login.phase1-foundation .auth-intro-panel h1 {
    font-size: 2.35rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .feature-stack,
  body.route-login.phase1-foundation .auth-command-wrap,
  body.route-login.phase1-foundation .auth-role-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-login.phase1-foundation .auth-command-wrap {
    padding: 10px !important;
  }

  body.route-login.phase1-foundation .auth-intro-panel,
  body.route-login.phase1-foundation .auth-card {
    padding: 18px !important;
  }
}

@media (max-width: 520px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1,
  body.route-login.phase1-foundation .auth-intro-panel h1 {
    font-size: 1.9rem !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero > p:not(.eyebrow) {
    font-size: .92rem !important;
  }

  body.route-login.phase1-foundation .auth-role-grid article {
    min-height: 0 !important;
  }
}

/* v144 high-specificity mobile polish guard. */
@media (max-width: 760px) {
  body.route-artists.route-artists.phase1-foundation .artist-card-tags .is-featured,
  body.route-artists.route-artists.phase1-foundation .artist-card-tags .is-verified,
  body.route-tutors.route-tutors.phase1-foundation .artist-card-tags .is-featured,
  body.route-tutors.route-tutors.phase1-foundation .artist-card-tags .is-verified {
    min-width: 42px !important;
    max-width: 68px !important;
    height: auto !important;
    padding: 3px 7px !important;
    font-size: .42rem !important;
    line-height: 1.05 !important;
  }

  body.route-artists.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.route-tutors.phase1-foundation .artist-list-card .button.small {
    font-size: .5rem !important;
    letter-spacing: 0 !important;
  }

  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image.has-photo,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image img {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item img {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
  }

  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges .is-featured {
    min-width: 56px !important;
    max-width: 88px !important;
    height: auto !important;
    padding: 4px 8px !important;
    font-size: .44rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  body.route-products.route-products.phase1-foundation .marketplace-result-card .button.small,
  body.route-products.route-products.phase1-foundation .marketplace-result-card .button.tiny,
  body.route-gallery.route-gallery.phase1-foundation .marketplace-result-card .button.small,
  body.route-gallery.route-gallery.phase1-foundation .marketplace-result-card .button.tiny {
    font-size: .48rem !important;
    letter-spacing: 0 !important;
  }
}

/* v144 final mobile cascade override. Keep after all older mobile guards. */
@media (max-width: 760px) {
  body.route-artists.phase1-foundation .artist-list-card {
    background: linear-gradient(180deg, #fffaf4 0%, #fff2e8 100%) !important;
    border-color: rgba(176, 0, 13, .18) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .1) !important;
  }

  body.route-tutors.phase1-foundation .artist-list-card {
    background: linear-gradient(180deg, #f8fcff 0%, #eff8ff 100%) !important;
    border-color: rgba(0, 91, 140, .16) !important;
    box-shadow: 0 12px 24px rgba(23, 63, 90, .1) !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
    background: linear-gradient(180deg, #fffff8 0%, #fff8df 100%) !important;
    border-color: rgba(176, 0, 13, .2) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .1) !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    background: linear-gradient(180deg, #fff9fb 0%, #f7f2ff 100%) !important;
    border-color: rgba(176, 0, 13, .16) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .09) !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    margin: 18px auto 1px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags,
  body.route-tutors.phase1-foundation .artist-card-tags {
    inset: 5px 8px auto 8px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags span,
  body.route-tutors.phase1-foundation .artist-card-tags span {
    min-width: 42px !important;
    max-width: 66px !important;
    padding: 3px 7px !important;
    font-size: .4rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .badge,
  body.route-tutors.phase1-foundation .artist-list-card .badge {
    font-size: .39rem !important;
    padding: 2px 5px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    font-size: .42rem !important;
    font-weight: 800 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image {
    width: 58px !important;
    height: 58px !important;
    margin: 4px auto 1px !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item img {
    width: 66px !important;
    height: 66px !important;
    margin: 3px auto 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 6px !important;
    left: 8px !important;
    right: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
    min-width: 50px !important;
    max-width: 82px !important;
    padding: 4px 8px !important;
    font-size: .44rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .badge {
    font-size: .38rem !important;
    padding: 3px 6px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 48px !important;
    right: 8px !important;
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-color: rgba(176, 0, 13, .28) !important;
    background: rgba(255, 253, 248, .96) !important;
    box-shadow: 0 8px 16px rgba(176, 0, 13, .1) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 10px !important;
    height: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
    font-size: .31rem !important;
    font-weight: 900 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.small,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.tiny {
    font-size: .39rem !important;
    font-weight: 850 !important;
  }
}

/* v145 live-final marketplace card polish. Keep this as the last override. */
body.route-artists.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #fff6f7 0%, #ffe7ea 100%) !important;
  border-color: rgba(151, 18, 28, .24) !important;
}

body.route-tutors.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #f7fff3 0%, #e8f8de 100%) !important;
  border-color: rgba(47, 125, 59, .22) !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
  background: linear-gradient(180deg, #fffdf0 0%, #fff1c7 100%) !important;
  border-color: rgba(214, 153, 16, .34) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
  background: linear-gradient(180deg, #fff8f1 0%, #ffe4cf 100%) !important;
  border-color: rgba(208, 101, 47, .26) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
  top: 12px !important;
  left: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
  min-width: 74px !important;
  max-width: 118px !important;
  height: auto !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #8f1119 !important;
  color: #fff7e9 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(143, 17, 25, .16) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
  background: #2f7d3b !important;
  color: #fff !important;
}

body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  right: 18px !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
  max-width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    padding-bottom: 34px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 9px !important;
    left: 10px !important;
    right: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges .is-featured,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
    min-width: 58px !important;
    max-width: 86px !important;
    padding: 4px 8px !important;
    font-size: .48rem !important;
    line-height: 1.05 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    right: 14px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    max-width: calc(100% - 14px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
  }
}

/* v145 final EOF guard: logo-palette cards, inner rails, non-cut product/gallery actions. */
body.route-artists.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #fff6f7 0%, #ffe7ea 100%) !important;
  border-color: rgba(151, 18, 28, .2) !important;
}

body.route-tutors.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #f6fff4 0%, #e7f7df 100%) !important;
  border-color: rgba(37, 114, 50, .18) !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
  background: linear-gradient(180deg, #fffdf0 0%, #fff1c7 100%) !important;
  border-color: rgba(209, 145, 0, .28) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
  background: linear-gradient(180deg, #fff8f0 0%, #ffe4cf 100%) !important;
  border-color: rgba(208, 101, 47, .22) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
  top: 12px !important;
  left: 14px !important;
  right: 14px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
  min-width: 74px !important;
  max-width: 118px !important;
  height: auto !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #8f1119 !important;
  color: #fff7e9 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(143, 17, 25, .16) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
  background: #2f7d3b !important;
  color: #fff !important;
}

body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  right: 18px !important;
}

@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    padding-bottom: 34px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 9px !important;
    left: 10px !important;
    right: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges .is-featured,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
    min-width: 58px !important;
    max-width: 86px !important;
    padding: 4px 8px !important;
    font-size: .48rem !important;
    line-height: 1.05 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    right: 14px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    max-width: calc(100% - 12px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
  }
}

/* v145 final marketplace card polish: logo-palette cards, safer badges, inner social rails. */
body.route-artists.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #fff6f7 0%, #ffe7ea 100%) !important;
  border-color: rgba(151, 18, 28, .2) !important;
}

body.route-tutors.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #f6fff4 0%, #e7f7df 100%) !important;
  border-color: rgba(37, 114, 50, .18) !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
  background: linear-gradient(180deg, #fffdf0 0%, #fff1c7 100%) !important;
  border-color: rgba(209, 145, 0, .28) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
  background: linear-gradient(180deg, #fff8f0 0%, #ffe4cf 100%) !important;
  border-color: rgba(208, 101, 47, .22) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
  top: 12px !important;
  left: 14px !important;
  right: 14px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
  min-width: 74px !important;
  max-width: 118px !important;
  height: auto !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #8f1119 !important;
  color: #fff7e9 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(143, 17, 25, .16) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
  background: #2f7d3b !important;
  color: #fff !important;
}

body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  right: 18px !important;
}

@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    padding-bottom: 34px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 9px !important;
    left: 10px !important;
    right: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
    min-width: 58px !important;
    max-width: 86px !important;
    padding: 4px 8px !important;
    font-size: .48rem !important;
    line-height: 1.05 !important;
  }

  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges .is-featured,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
    min-width: 58px !important;
    max-width: 86px !important;
    padding: 4px 8px !important;
    font-size: .48rem !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    right: 14px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    max-width: calc(100% - 12px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
  }
}

/* v144 exact mobile element overrides for class-specific legacy rules. */
@media (max-width: 760px) {
  body.route-artists.phase1-foundation .artist-card-tags .is-featured,
  body.route-artists.phase1-foundation .artist-card-tags .is-verified,
  body.route-tutors.phase1-foundation .artist-card-tags .is-featured,
  body.route-tutors.phase1-foundation .artist-card-tags .is-verified {
    min-width: 42px !important;
    max-width: 68px !important;
    height: auto !important;
    padding: 3px 7px !important;
    font-size: .42rem !important;
    line-height: 1.05 !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    font-size: .5rem !important;
    letter-spacing: 0 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image,
  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image.has-photo {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image img {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item img {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.phase1-foundation .product-directory-section .marketplace-card-badges .is-featured {
    min-width: 56px !important;
    max-width: 88px !important;
    height: auto !important;
    padding: 4px 8px !important;
    font-size: .44rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.small,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.tiny {
    font-size: .48rem !important;
    letter-spacing: 0 !important;
  }
}

/* v144 mobile card finishing: larger media/actions, clearer badges, distinct card surfaces. */
@media (max-width: 760px) {
  body.route-artists.phase1-foundation .artist-list-card {
    background: linear-gradient(180deg, #fffaf4 0%, #fff2e8 100%) !important;
    border-color: rgba(176, 0, 13, .18) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .1) !important;
  }

  body.route-tutors.phase1-foundation .artist-list-card {
    background: linear-gradient(180deg, #f8fcff 0%, #eff8ff 100%) !important;
    border-color: rgba(0, 91, 140, .16) !important;
    box-shadow: 0 12px 24px rgba(23, 63, 90, .1) !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
    background: linear-gradient(180deg, #fffff8 0%, #fff8df 100%) !important;
    border-color: rgba(176, 0, 13, .2) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .1) !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    background: linear-gradient(180deg, #fff9fb 0%, #f7f2ff 100%) !important;
    border-color: rgba(176, 0, 13, .16) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .09) !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    margin: 18px auto 1px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags,
  body.route-tutors.phase1-foundation .artist-card-tags {
    inset: 5px 8px auto 8px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags span,
  body.route-tutors.phase1-foundation .artist-card-tags span {
    min-width: 42px !important;
    max-width: 66px !important;
    padding: 3px 7px !important;
    font-size: .4rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .badge,
  body.route-tutors.phase1-foundation .artist-list-card .badge {
    font-size: .39rem !important;
    padding: 2px 5px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    font-size: .42rem !important;
    font-weight: 800 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image {
    width: 58px !important;
    height: 58px !important;
    margin: 4px auto 1px !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item img {
    width: 66px !important;
    height: 66px !important;
    margin: 3px auto 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 6px !important;
    left: 8px !important;
    right: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
    min-width: 50px !important;
    max-width: 82px !important;
    padding: 4px 8px !important;
    font-size: .44rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .badge {
    font-size: .38rem !important;
    padding: 3px 6px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 48px !important;
    right: 8px !important;
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-color: rgba(176, 0, 13, .28) !important;
    background: rgba(255, 253, 248, .96) !important;
    box-shadow: 0 8px 16px rgba(176, 0, 13, .1) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 10px !important;
    height: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
    font-size: .31rem !important;
    font-weight: 900 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.small,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.tiny {
    font-size: .39rem !important;
    font-weight: 850 !important;
  }
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section > .section-head {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel .marketplace-panel-title {
  width: 100% !important;
  margin: 0 0 14px !important;
  color: #0f0c0a !important;
  font-size: clamp(1.45rem, 1.8vw, 1.95rem) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-seo-drawer-section {
  display: none !important;
}

body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  top: 48px !important;
}

body.phase1-foundation.route-gallery .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  top: 48px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon {
  width: 14px !important;
  height: 14px !important;
  display: grid !important;
  place-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action[data-engagement-action].is-active .social-icon svg,
body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action[data-engagement-action]:hover .social-icon svg {
  fill: currentColor !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-provider-merge details p {
  max-width: 820px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head {
  margin-bottom: 24px !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-categories {
  margin-top: 0 !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
  width: min(100%, 560px) !important;
  margin-inline: auto !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category .artist-faq-panel {
  width: min(100%, 720px) !important;
  margin: 18px auto 0 !important;
  display: grid !important;
  justify-items: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details {
  width: min(100%, 680px) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-panel details summary {
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .discovery-page-hero {
    width: calc(100% - 12px) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel .marketplace-panel-title {
    margin-bottom: 8px !important;
    font-size: clamp(.92rem, 4.2vw, 1.1rem) !important;
  }

  body.phase1-foundation.route-products .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 20px !important;
  }

  body.phase1-foundation.route-gallery .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 18px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 10px !important;
    height: 10px !important;
    min-height: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 4px !important;
    height: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .centered-head {
    margin-bottom: 16px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-faq-section .artist-faq-category {
    width: min(100%, 260px) !important;
  }
}

/* v143 mobile directory parity for product/gallery filters and 2-column cards. */
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-mobile-filter-toggle,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-close {
  display: none !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details[open] p {
  display: block !important;
}

@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-mobile-filter-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: auto !important;
    min-height: 28px !important;
    margin: 0 0 8px 3px !important;
    padding: 5px 11px !important;
    border: 1px solid rgba(176, 0, 13, .26) !important;
    border-radius: 999px !important;
    background: #fff8ef !important;
    color: #a6060e !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgba(71, 35, 13, .08) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-mobile-filter-toggle .listing-icon-svg {
    width: 13px !important;
    height: 13px !important;
    display: block !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-mobile-filter-toggle.is-active {
    background: #b0000d !important;
    color: #fff !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-panel {
    display: none !important;
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    margin: 0 0 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-panel.is-mobile-open {
    display: block !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-panel.is-mobile-open .marketplace-filter-close {
    display: inline-grid !important;
    place-items: center !important;
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    border: 1px solid rgba(176, 0, 13, .18) !important;
    border-radius: 50% !important;
    background: #fff8ef !important;
    color: #a6060e !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-filter-card {
    position: relative !important;
  }

  body.route-artists.phase1-foundation .artist-profile-grid,
  body.route-tutors.phase1-foundation .artist-profile-grid,
  body.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card,
  body.route-tutors.phase1-foundation .artist-list-card {
    aspect-ratio: 1 / 1 !important;
    padding: 6px 5px !important;
    gap: 2px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    margin: 18px auto 1px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .badge,
  body.route-tutors.phase1-foundation .artist-list-card .badge {
    font-size: .36rem !important;
    padding: 2px 4px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card h3,
  body.route-tutors.phase1-foundation .artist-list-card h3 {
    min-height: 30px !important;
    font-size: .47rem !important;
    line-height: 1.05 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.route-artists.phase1-foundation .artist-list-card p,
  body.route-tutors.phase1-foundation .artist-list-card p {
    min-height: 20px !important;
    font-size: .32rem !important;
    line-height: 1.08 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.route-artists.phase1-foundation .artist-list-card small,
  body.route-tutors.phase1-foundation .artist-list-card small {
    font-size: .3rem !important;
  }

  body.route-artists.phase1-foundation .artist-list-signals span,
  body.route-tutors.phase1-foundation .artist-list-signals span {
    max-width: 66px !important;
    padding: 2px 4px !important;
    font-size: .28rem !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    min-height: 18px !important;
    padding: 2px !important;
    border-radius: 5px !important;
    font-size: .31rem !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags,
  body.route-tutors.phase1-foundation .artist-card-tags {
    inset: 4px 5px auto 5px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags span,
  body.route-tutors.phase1-foundation .artist-card-tags span {
    max-width: 58px !important;
    padding: 2px 5px !important;
    font-size: .3rem !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    padding: 8px 6px 28px !important;
    gap: 2px !important;
    border-radius: 8px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image {
    width: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
    margin: 2px auto 1px !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 8px !important;
    margin: 1px auto 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .badge,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-card-meta span,
  body.phase1-foundation:is(.route-products, .route-gallery) .profile-signal-row span {
    font-size: .3rem !important;
    padding: 2px 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card h3,
  body.phase1-foundation:is(.route-products, .route-gallery) .gallery-item span {
    font-size: .47rem !important;
    line-height: 1.07 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 42px !important;
    right: 6px !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 8px !important;
    height: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
    font-size: .26rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    gap: 4px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.small,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.tiny {
    min-height: 19px !important;
    height: 19px !important;
    padding: 2px !important;
    border-radius: 5px !important;
    font-size: .32rem !important;
    line-height: 1 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details,
  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary {
    min-height: 60px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details p {
    margin: -1px auto 4px !important;
    max-width: 92% !important;
    font-size: .27rem !important;
    line-height: 1.12 !important;
  }
}

/* v144 final mobile cascade override. Keep after all older mobile guards. */
@media (max-width: 760px) {
  body.route-artists.phase1-foundation .artist-list-card {
    background: linear-gradient(180deg, #fffaf4 0%, #fff2e8 100%) !important;
    border-color: rgba(176, 0, 13, .18) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .1) !important;
  }

  body.route-tutors.phase1-foundation .artist-list-card {
    background: linear-gradient(180deg, #f8fcff 0%, #eff8ff 100%) !important;
    border-color: rgba(0, 91, 140, .16) !important;
    box-shadow: 0 12px 24px rgba(23, 63, 90, .1) !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
    background: linear-gradient(180deg, #fffff8 0%, #fff8df 100%) !important;
    border-color: rgba(176, 0, 13, .2) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .1) !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    background: linear-gradient(180deg, #fff9fb 0%, #f7f2ff 100%) !important;
    border-color: rgba(176, 0, 13, .16) !important;
    box-shadow: 0 12px 24px rgba(71, 35, 13, .09) !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .avatar,
  body.route-tutors.phase1-foundation .artist-list-card .avatar {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    margin: 18px auto 1px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags,
  body.route-tutors.phase1-foundation .artist-card-tags {
    inset: 5px 8px auto 8px !important;
  }

  body.route-artists.phase1-foundation .artist-card-tags span,
  body.route-tutors.phase1-foundation .artist-card-tags span {
    min-width: 42px !important;
    max-width: 66px !important;
    padding: 3px 7px !important;
    font-size: .4rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .badge,
  body.route-tutors.phase1-foundation .artist-list-card .badge {
    font-size: .39rem !important;
    padding: 2px 5px !important;
  }

  body.route-artists.phase1-foundation .artist-list-card .button.small,
  body.route-tutors.phase1-foundation .artist-list-card .button.small {
    font-size: .42rem !important;
    font-weight: 800 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .product-image {
    width: 58px !important;
    height: 58px !important;
    margin: 4px auto 1px !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item img {
    width: 66px !important;
    height: 66px !important;
    margin: 3px auto 2px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 6px !important;
    left: 8px !important;
    right: 8px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
    min-width: 50px !important;
    max-width: 82px !important;
    padding: 4px 8px !important;
    font-size: .44rem !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .badge {
    font-size: .38rem !important;
    padding: 3px 6px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 48px !important;
    right: 8px !important;
    gap: 5px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-color: rgba(176, 0, 13, .28) !important;
    background: rgba(255, 253, 248, .96) !important;
    box-shadow: 0 8px 16px rgba(176, 0, 13, .1) !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
    width: 10px !important;
    height: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
    font-size: .31rem !important;
    font-weight: 900 !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.small,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .button.tiny {
    font-size: .39rem !important;
    font-weight: 850 !important;
  }
}

/* v145 live-final marketplace card polish. Keep this as the last override. */
body.route-artists.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #fff6f7 0%, #ffe7ea 100%) !important;
  border-color: rgba(151, 18, 28, .24) !important;
}

body.route-tutors.phase1-foundation .artist-list-card {
  background: linear-gradient(180deg, #f7fff3 0%, #e8f8de 100%) !important;
  border-color: rgba(47, 125, 59, .22) !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card {
  background: linear-gradient(180deg, #fffdf0 0%, #fff1c7 100%) !important;
  border-color: rgba(214, 153, 16, .34) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
  background: linear-gradient(180deg, #fff8f1 0%, #ffe4cf 100%) !important;
  border-color: rgba(208, 101, 47, .26) !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
  top: 12px !important;
  left: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
}

body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured {
  min-width: 74px !important;
  max-width: 118px !important;
  height: auto !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #8f1119 !important;
  color: #fff7e9 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(143, 17, 25, .16) !important;
}

body.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
  background: #2f7d3b !important;
  color: #fff !important;
}

body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
  right: 18px !important;
}

body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
  max-width: calc(100% - 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    padding-bottom: 34px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges {
    top: 9px !important;
    left: 10px !important;
    right: 10px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges .is-featured,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
    min-width: 58px !important;
    max-width: 86px !important;
    padding: 4px 8px !important;
    font-size: .48rem !important;
    line-height: 1.05 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    right: 14px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    max-width: calc(100% - 14px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
  }
}
/* v146 mobile product/gallery title and rail finish. */
@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 34px !important;
    right: 14px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    min-height: 17px !important;
    max-height: 18px !important;
    max-width: calc(100% - 18px) !important;
    font-size: .43rem !important;
    line-height: 1.12 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    min-height: 12px !important;
    max-height: 16px !important;
    max-width: calc(100% - 18px) !important;
    line-height: 1.12 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}
/* v147 mobile product/gallery finishing and safe card edges. */
@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
  body.route-products.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid {
    width: 100% !important;
    box-sizing: border-box !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 10px 10px !important;
    overflow: visible !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .marketplace-card-badges {
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span,
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
    min-width: 58px !important;
    max-width: 88px !important;
    padding: 4px 8px !important;
    font-size: .5rem !important;
    line-height: 1.08 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .badge,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 11px !important;
    max-width: calc(100% - 46px) !important;
    margin: 2px auto 1px !important;
    padding: 2px 5px !important;
    font-size: .4rem !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3 {
    min-height: 22px !important;
    max-height: 24px !important;
    max-width: calc(100% - 14px) !important;
    margin-top: 2px !important;
    font-size: .46rem !important;
    line-height: 1.12 !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    min-height: 16px !important;
    max-height: 18px !important;
    max-width: calc(100% - 18px) !important;
    margin: 3px auto 0 !important;
    font-size: .46rem !important;
    line-height: 1.12 !important;
    color: #2a1a12 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    top: 40px !important;
    right: 18px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-result-card .card-actions,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .marketplace-result-card .card-actions {
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
    gap: 4px !important;
  }
}
/* v148 mobile marketplace button text lock. */
@media (max-width: 760px) {
  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-result-card .card-actions .button,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .marketplace-result-card .card-actions .button {
    white-space: nowrap !important;
    min-width: 0 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: .39rem !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }
}
/* v149 mobile marketplace width balance. */
@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
  body.route-products.route-products.phase1-foundation .product-directory-section .cards.marketplace-card-grid,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-grid.marketplace-card-grid {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3 {
    max-width: calc(100% - 12px) !important;
    font-size: .44rem !important;
    line-height: 1.1 !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    max-width: calc(100% - 42px) !important;
    font-size: .44rem !important;
    line-height: 1.12 !important;
  }
}

/* v150 final mobile Product/Gallery card polish. */
@media (max-width: 760px) {
  body.route-products.phase1-foundation .product-directory-section .marketplace-card-badges,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-card-badges,
  body.route-gallery.phase1-foundation .gallery-directory-section .marketplace-card-badges,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .marketplace-card-badges {
    top: 9px !important;
    left: 10px !important;
    right: 10px !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-card-badges .is-featured,
  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-card-badges .is-featured {
    min-height: 14px !important;
    padding: 4px 9px !important;
    font-size: .52rem !important;
    line-height: 1.05 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .badge,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card .badge {
    min-height: 12px !important;
    max-width: calc(100% - 38px) !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    font-size: .46rem !important;
    line-height: 1.05 !important;
  }

  body.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3,
  body.route-products.route-products.phase1-foundation .product-directory-section .product-card.marketplace-result-card h3 {
    min-height: 17px !important;
    max-height: 17px !important;
    margin-top: 1px !important;
    margin-bottom: 0 !important;
    font-size: .45rem !important;
    line-height: 1.08 !important;
    overflow: hidden !important;
  }

  body.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
    min-height: 20px !important;
    max-height: 21px !important;
    width: auto !important;
    max-width: none !important;
    margin: 4px 34px 0 10px !important;
    font-size: .48rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: hidden !important;
  }

  body.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-products.route-products.phase1-foundation .product-directory-section .ecommerce-product-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .design-gallery-card.marketplace-result-card .marketplace-social-actions.card-social-rail {
    right: 13px !important;
  }

  body.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions,
  body.route-products.route-products.phase1-foundation .product-directory-section .marketplace-result-card .card-actions,
  body.route-gallery.route-gallery.phase1-foundation .gallery-directory-section .marketplace-result-card .card-actions {
    left: 7px !important;
    right: 7px !important;
    bottom: 6px !important;
  }
}

/* v152 remaining pages final override position. */
body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero {
  width: min(1160px, calc(100% - 40px)) !important;
  margin: 28px auto 24px !important;
  padding: 58px 28px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background-color: rgba(255, 252, 246, .96) !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1 {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 4rem !important;
  line-height: 1.04 !important;
}

body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .section {
  width: min(1160px, calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.phase1-foundation.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .feature-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.phase1-foundation .role-faq-section,
body.phase1-foundation .pricing-faq-section {
  display: block !important;
  text-align: center !important;
}

body.phase1-foundation .role-faq-section .faq-list,
body.phase1-foundation .pricing-faq-section .faq-list {
  max-width: 760px !important;
  margin: 20px auto 0 !important;
}

body.route-login.phase1-foundation .auth-command-wrap {
  width: min(1120px, calc(100% - 40px)) !important;
  min-height: auto !important;
  margin: 34px auto !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .8fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 246, .96) !important;
}

body.route-login.phase1-foundation .auth-intro-panel,
body.route-login.phase1-foundation .auth-card {
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #fff7ec) !important;
  box-shadow: 0 18px 40px rgba(64, 29, 9, .08) !important;
}

body.route-login.phase1-foundation .auth-intro-panel {
  padding: 28px !important;
  display: grid !important;
  align-content: center !important;
  gap: 16px !important;
}

body.route-login.phase1-foundation .auth-intro-panel h1 {
  margin: 0 !important;
  color: #241711 !important;
  font-size: 3rem !important;
  line-height: 1.08 !important;
}

body.route-login.phase1-foundation .auth-role-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.route-login.phase1-foundation .auth-role-grid article {
  min-height: 142px !important;
  padding: 16px !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .88) !important;
}

body.route-login.phase1-foundation .auth-role-grid span {
  display: inline-flex !important;
  margin-bottom: 10px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #fff0db !important;
  color: #9b0008 !important;
  font-weight: 900 !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
}

body.route-login.phase1-foundation .auth-card {
  width: 100% !important;
  max-width: none !important;
  padding: 28px !important;
}

@media (max-width: 900px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .section,
  body.route-login.phase1-foundation .auth-command-wrap {
    width: min(100% - 18px, 760px) !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero {
    margin-top: 10px !important;
    padding: 34px 14px !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1,
  body.route-login.phase1-foundation .auth-intro-panel h1 {
    font-size: 2.35rem !important;
    line-height: 1.08 !important;
  }

  body.phase1-foundation.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .feature-stack,
  body.route-login.phase1-foundation .auth-command-wrap,
  body.route-login.phase1-foundation .auth-role-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-login.phase1-foundation .auth-command-wrap {
    padding: 10px !important;
  }

  body.route-login.phase1-foundation .auth-intro-panel,
  body.route-login.phase1-foundation .auth-card {
    padding: 18px !important;
  }
}

@media (max-width: 520px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1,
  body.route-login.phase1-foundation .auth-intro-panel h1 {
    font-size: 1.9rem !important;
  }
}

/* v153 mobile overflow guard for remaining pages only. */
@media (max-width: 760px) {
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about),
  body.route-login.phase1-foundation.page-auth {
    overflow-x: hidden !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .section,
  body.route-login.phase1-foundation .auth-command-wrap {
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero h1,
  body.route-login.phase1-foundation .auth-intro-panel h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.75rem !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing, .route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal, .route-how-it-works, .route-about) .page-hero > p:not(.eyebrow),
  body.route-login.phase1-foundation .auth-intro-panel > p {
    max-width: 100% !important;
    font-size: .88rem !important;
    line-height: 1.48 !important;
    overflow-wrap: anywhere !important;
  }

  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .page-hero .trust-strip,
  body.phase1-foundation.page-public.route-requests .marketplace-command-strip,
  body.phase1-foundation.page-public.route-requests .hero-actions,
  body.phase1-foundation.page-public.route-pricing .pricing-decision-strip,
  body.phase1-foundation.page-public.route-pricing .plan-recommender,
  body.phase1-foundation.page-public.route-requests .lead-next-steps,
  body.phase1-foundation.page-public:is(.route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) :is(.action-grid, .legal-assurance-grid, .trust-command-grid, .trust-status-grid, .cards, .capability-grid),
  body.phase1-foundation.page-public:is(.route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .split,
  body.phase1-foundation.page-public:is(.route-contact, .route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors, .route-for-suppliers, .route-trust-safety, .route-quality-guidelines, .route-legal) .visual-band {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body.phase1-foundation.page-public.route-requests .hero-actions .button,
  body.phase1-foundation.page-public:is(.route-requests, .route-pricing) .page-hero .trust-strip span,
  body.phase1-foundation.page-public.route-requests .marketplace-command-card,
  body.phase1-foundation.page-public.route-pricing .pricing-decision-strip article,
  body.phase1-foundation.page-public.route-pricing .plan-recommender article {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.route-login.phase1-foundation .auth-intro-panel,
  body.route-login.phase1-foundation .auth-card,
  body.route-login.phase1-foundation .auth-role-grid article {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* A2 source: assets/css/remaining.v153.css */
/* Remaining page polish loaded last. Keep approved directory pages untouched. */
body.route-requests.page-public,
body.route-pricing.page-public,
body.route-contact.page-public,
body.route-for-customers.page-public,
body.route-for-artists.page-public,
body.route-for-tutors.page-public,
body.route-for-students.page-public,
body.route-for-vendors.page-public,
body.route-for-suppliers.page-public,
body.route-trust-safety.page-public,
body.route-quality-guidelines.page-public,
body.route-legal.page-public,
body.route-how-it-works.page-public,
body.route-about.page-public,
body.route-login.page-auth {
  --remaining-shell: min(1160px, calc(100% - 40px));
}

/* Auth account pages final polish */
body.page-auth:is(.route-login, .route-register) {
  --auth-shell-width: min(1160px, calc(100vw - 36px));
}

body.page-auth:is(.route-login, .route-register) :is(.auth-command-wrap, .auth-split) {
  width: var(--auth-shell-width) !important;
  max-width: var(--auth-shell-width) !important;
  min-height: auto !important;
  margin: clamp(16px, 3vw, 34px) auto !important;
  padding: clamp(12px, 1.6vw, 18px) !important;
  display: grid !important;
  grid-template-columns: minmax(230px, .68fr) minmax(440px, 1.32fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 246, .96) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context, .auth-card) {
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #fff7ec) !important;
  box-shadow: 0 18px 40px rgba(64, 29, 9, .08) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) {
  padding: clamp(18px, 2vw, 26px) !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 14px !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(20px, 2.3vw, 32px) !important;
  display: grid !important;
  gap: 14px !important;
  align-content: center !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-logo-card, .auth-form-brand) {
  width: min(280px, 100%) !important;
  min-height: 88px !important;
  display: grid !important;
  place-items: center !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(122, 70, 28, .16) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(64, 29, 9, .08) !important;
  box-sizing: border-box !important;
}

body.page-auth:is(.route-login, .route-register) .auth-form-brand {
  margin: 0 auto 4px !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-logo-card, .auth-form-brand) img {
  width: 230px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) h1 {
  margin: 0 !important;
  color: #241711 !important;
  font-size: clamp(2rem, 3.2vw, 3rem) !important;
  line-height: 1.08 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) > p:not(.eyebrow) {
  max-width: 34rem !important;
  margin: 0 !important;
  color: #604437 !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card h2 {
  margin: 0 0 4px !important;
  color: #241711 !important;
  font-size: clamp(1.75rem, 2.4vw, 2.35rem) !important;
  text-align: center !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  color: #241711 !important;
  font-weight: 900 !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card :is(input, select) {
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card .button {
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-role-grid, .mini-steps) {
  display: none !important;
}

@media (max-width: 900px) {
  body.page-auth:is(.route-login, .route-register) :is(.auth-command-wrap, .auth-split) {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    padding: 8px !important;
    gap: 10px !important;
  }

  body.route-login.page-auth .auth-intro-panel,
  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) {
    display: grid !important;
    padding: 16px !important;
    text-align: center !important;
    justify-items: center !important;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) h1 {
    font-size: clamp(1.75rem, 7vw, 2.35rem) !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-card {
    padding: 18px !important;
  }
}

@media (max-width: 520px) {
  body.page-auth:is(.route-login, .route-register) .auth-logo-card {
    display: none !important;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) {
    padding-block: 14px !important;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) > p:not(.eyebrow) {
    font-size: .9rem !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-form-brand {
    width: min(240px, 100%) !important;
    min-height: 78px !important;
  }
}

/* Final layer for single auth and community FAQ */
body.page-auth:is(.route-login, .route-register) .auth-single {
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: min(760px, calc(100vw - 36px)) !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

body.route-register.page-auth .auth-single {
  width: min(820px, calc(100vw - 36px)) !important;
  max-width: min(820px, calc(100vw - 36px)) !important;
}

body.page-auth:is(.route-login, .route-register) .auth-single .auth-card {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: clamp(22px, 5vw, 58px) !important;
}

body.route-login.page-auth .auth-login-single .auth-card {
  max-width: 700px !important;
  margin-inline: auto !important;
}

body.route-login.page-auth .auth-login-single .eyebrow {
  width: min(520px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.page-auth:is(.route-login, .route-register) .auth-page-title {
  margin: 0 !important;
  color: #241711 !important;
  font-size: clamp(2rem, 4vw, 2.75rem) !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

body.page-auth:is(.route-login, .route-register) .auth-page-copy {
  max-width: 44rem !important;
  margin: -4px auto 8px !important;
  color: #604437 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.route-login.page-auth .auth-login-single .auth-card label,
body.route-login.page-auth .auth-login-single .auth-card .button,
body.route-login.page-auth .auth-login-single .auth-card > p:not(.eyebrow):not(.auth-page-copy) {
  width: min(520px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.route-register.page-auth .auth-section-title {
  margin: 0 0 10px !important;
  color: #9b0008 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.route-register.page-auth .register-role-picker {
  display: grid !important;
  gap: 10px !important;
}

body.route-register.page-auth .register-role-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.route-register.page-auth .register-role-card {
  min-height: 118px !important;
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  padding: 14px 10px !important;
  border: 1px solid rgba(176, 0, 13, .2) !important;
  border-radius: 8px !important;
  background: #fffdfa !important;
  color: #2a1a13 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(64, 29, 9, .07) !important;
}

body.route-register.page-auth .register-role-card.is-active {
  border-color: rgba(176, 0, 13, .58) !important;
  background: linear-gradient(180deg, #fff4e5, #fff) !important;
  box-shadow: inset 0 0 0 2px rgba(176, 0, 13, .42), 0 16px 34px rgba(176, 0, 13, .16) !important;
}

body.route-register.page-auth .register-role-card strong {
  font-size: .95rem !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body.route-register.page-auth .role-card-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(64, 29, 9, .12) !important;
}

body.route-register.page-auth .role-card-icon svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.route-register.page-auth .customer-icon {
  background: linear-gradient(135deg, #b0000d, #e56a2f) !important;
}

body.route-register.page-auth .student-icon {
  background: linear-gradient(135deg, #d99b05, #6f9d45) !important;
}

body.route-register.page-auth .provider-icon {
  background: linear-gradient(135deg, #198754, #b0000d) !important;
}

body.route-register.page-auth .provider-role-panel[hidden] {
  display: none !important;
}

body.route-register.page-auth .provider-role-panel,
body.route-register.page-auth .role-detail-panel {
  display: block !important;
}

body.route-register.page-auth .role-detail-panel[hidden] {
  display: none !important;
}

body.route-register.page-auth .role-detail-panel,
body.route-register.page-auth .provider-role-panel {
  padding: 10px !important;
  border: 1px solid rgba(176, 0, 13, .14) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffaf4, #fffdfa) !important;
}

body.route-requests.page-public .community-faq-section {
  width: min(960px, calc(100vw - 36px)) !important;
  margin: clamp(24px, 4vw, 44px) auto !important;
  text-align: center !important;
}

body.route-requests.page-public .community-faq-section .section-head h2 {
  font-size: clamp(2.2rem, 5vw, 4.2rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 18px !important;
}

body.route-requests.page-public .community-faq-tabs {
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs {
  width: min(560px, 100%) !important;
  display: grid !important;
  gap: 10px !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs button {
  min-height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  background: #fffdfa !important;
  color: #b0000d !important;
  font-weight: 900 !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs button.is-active {
  background: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .18) !important;
}

body.route-requests.page-public .community-faq-panel {
  width: min(720px, 100%) !important;
  margin-inline: auto !important;
}

body.route-requests.page-public .community-faq-tabs,
body.route-requests.page-public .community-faq-tabs .faq-tabs,
body.route-requests.page-public .community-faq-tabs .faq-tabs button,
body.route-requests.page-public .community-faq-panel {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 760px) {
  body.page-auth:is(.route-login, .route-register) .auth-single,
  body.route-register.page-auth .auth-single {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-single .auth-card {
    padding-inline: 16px !important;
  }

  body.route-register.page-auth .register-role-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.route-register.page-auth .register-role-card {
    min-height: 100px !important;
    padding: 10px 6px !important;
  }

  body.route-register.page-auth .role-card-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body.route-register.page-auth .role-card-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body.route-register.page-auth .register-role-card strong {
    font-size: .72rem !important;
  }

  body.route-register.page-auth .compact-form-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-requests.page-public .community-faq-section {
    width: calc(100vw - 16px) !important;
  }

  body.route-requests.page-public .community-faq-section .section-head h2 {
    font-size: clamp(1.9rem, 9vw, 2.7rem) !important;
  }
}

/* Auth final polish: login blank state and register role clarity */
body.route-login.page-auth .auth-login-single .eyebrow {
  width: min(520px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.route-register.page-auth .register-role-card.is-active {
  border-color: rgba(176, 0, 13, .72) !important;
  box-shadow: inset 0 0 0 2px rgba(176, 0, 13, .48), 0 16px 34px rgba(176, 0, 13, .16) !important;
}

body.route-register.page-auth .provider-role-panel,
body.route-register.page-auth .role-detail-panel {
  display: block !important;
  padding: 10px !important;
  border: 1px solid rgba(176, 0, 13, .14) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffaf4, #fffdfa) !important;
}

body.route-register.page-auth .provider-role-panel[hidden],
body.route-register.page-auth .role-detail-panel[hidden] {
  display: none !important;
}

/* Absolute final city mobile polish */
body.route-cities.page-public .city-intent-card .card-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.route-cities.page-public .city-intent-card .card-actions .button {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.route-cities.page-public .city-hero-title {
    font-size: clamp(1.12rem, 5.15vw, 1.52rem) !important;
    line-height: 1.08 !important;
  }

  body.route-cities.page-public .city-hero-title span,
  body.route-cities.page-public .city-hero-copy span {
    white-space: nowrap !important;
  }

  body.route-cities.page-public .city-hero-copy {
    font-size: clamp(.7rem, 2.45vw, .82rem) !important;
    line-height: 1.28 !important;
  }

  body.route-cities.page-public .city-hero-search {
    grid-template-columns: minmax(0, 1.14fr) minmax(0, .96fr) minmax(0, .72fr) minmax(58px, .56fr) !important;
    gap: 5px !important;
    align-items: stretch !important;
  }

  body.route-cities.page-public .city-hero-search select,
  body.route-cities.page-public .city-hero-search button[type="submit"] {
    min-height: 42px !important;
    height: 42px !important;
    padding: 6px 7px !important;
    font-size: .62rem !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-cities.page-public .city-hero-search button[type="submit"],
  body.route-cities.page-public .city-location-actions .button {
    grid-column: auto !important;
  }

  body.route-cities.page-public .city-location-actions {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  body.route-cities.page-public .city-location-actions .button {
    min-height: 42px !important;
    height: 42px !important;
    padding: 7px 8px !important;
    font-size: .78rem !important;
  }

  body.route-cities.page-public .city-nearby-icon,
  body.route-cities.page-public .city-nearby-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  body.route-cities.page-public .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.route-cities.page-public .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
    font-size: .78rem !important;
  }

  body.route-cities.page-public .city-intent-card {
    text-align: center !important;
    padding: 18px 12px !important;
  }

  body.route-cities.page-public .city-intent-card .card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.route-cities.page-public .city-intent-card .card-actions .button {
    min-height: 34px !important;
    padding: 6px 4px !important;
    font-size: .66rem !important;
  }
}

/* Absolute final support footer page overrides */
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.section, .page-hero) {
  box-sizing: border-box !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-page-hero, .role-page-hero, .legal-page-hero) {
  width: min(1360px, calc(100vw - 32px)) !important;
  max-width: min(1360px, calc(100vw - 32px)) !important;
  min-height: clamp(340px, 33vw, 520px) !important;
  margin-inline: auto !important;
  overflow: hidden !important;
}

body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.role-page-hero, .legal-page-hero) h1,
body.page-public.route-contact .support-page-hero h1 {
  max-width: 980px !important;
  margin-inline: auto !important;
  font-size: clamp(2.45rem, 5.5vw, 5.6rem) !important;
  line-height: 1.05 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.page-public .support-flip-card {
  min-width: 0 !important;
  min-height: 230px !important;
  border: 0 !important;
  background: transparent !important;
  perspective: 1200px !important;
}

body.page-public .support-flip-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;
  transform-style: preserve-3d !important;
  animation: supportAutoFlip 10s ease-in-out infinite !important;
  animation-delay: calc(var(--support-card-index, 0) * .75s) !important;
}

body.page-public .support-flip-card:is(:hover, :focus-within) .support-flip-inner {
  animation-play-state: paused !important;
  transform: rotateY(180deg) !important;
}

body.page-public .support-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .09) !important;
  text-align: center !important;
  backface-visibility: hidden !important;
  overflow: hidden !important;
}

body.page-public .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #fff0df) !important;
}

body.page-public .support-flip-back {
  transform: rotateY(180deg) !important;
  background: linear-gradient(145deg, #fff7ea, #edf7ea) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #f4f8e8) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-back {
  background: linear-gradient(145deg, #fff7ef, #fff0f2) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #fff4d8) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-back {
  background: linear-gradient(145deg, #fff7ef, #eef8f0) !important;
}

body.page-public .support-flip-face h3,
body.page-public .support-report-card h3,
body.page-public .trust-command-card h3,
body.page-public .trust-status-card h3 {
  margin: 0 !important;
  color: #281c15 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.32rem) !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body.page-public .support-flip-face p,
body.page-public .support-report-card p,
body.page-public .trust-command-card p,
body.page-public .trust-status-card p {
  max-width: 24rem !important;
  margin: 0 !important;
  color: #5e4538 !important;
  font-size: clamp(.9rem, 1vw, 1rem) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.page-public .support-report-card,
body.page-public .trust-command-card,
body.page-public .trust-status-card,
body.page-public.route-legal .legal-assurance-card {
  min-width: 0 !important;
  border: 1px solid rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff8ef) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08) !important;
  text-align: center !important;
}

body.page-public .support-report-card,
body.page-public .trust-command-card,
body.page-public .trust-status-card {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

body.page-public .trust-command-card > span,
body.page-public .trust-status-card > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #fff0df !important;
  color: #b0000d !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr) !important;
  gap: clamp(14px, 2vw, 24px) !important;
  align-items: stretch !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split > * {
  min-width: 0 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.panel, .form-card, .readable) {
  border-color: rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .07) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack .panel,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack .panel {
  margin: 0 !important;
  padding: 18px !important;
  text-align: center !important;
}

body.page-public.route-legal .readable,
body.page-public.route-legal .section.split:not(.role-faq-section) {
  width: min(1060px, calc(100vw - 32px)) !important;
  text-align: center !important;
}

body.page-public.route-legal .legal-link-cloud {
  max-width: 980px !important;
  margin-inline: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  body.page-public .support-flip-inner {
    animation: none !important;
  }
}

@media (max-width: 900px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
  body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-page-hero, .role-page-hero, .legal-page-hero) {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    min-height: clamp(260px, 58vw, 380px) !important;
    padding-inline: 12px !important;
  }

  body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.role-page-hero, .legal-page-hero) h1,
  body.page-public.route-contact .support-page-hero h1 {
    font-size: clamp(1.9rem, 9vw, 3rem) !important;
    line-height: 1.05 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
  body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-public .support-flip-card,
  body.page-public .support-flip-inner {
    min-height: 205px !important;
  }

  body.page-public .support-flip-face {
    padding: 16px 12px !important;
  }

  body.page-public .support-flip-face p,
  body.page-public .support-report-card p,
  body.page-public .trust-command-card p,
  body.page-public .trust-status-card p {
    font-size: .84rem !important;
  }

  body.page-public.route-contact .support-hero-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public.route-legal .section.split:not(.role-faq-section),
  body.page-public.route-legal .readable {
    width: calc(100vw - 14px) !important;
  }
}

/* Section D member journey: final containment for authenticated Community FAQ controls. */
html body.route-requests.page-public .community-faq-tabs,
html body.route-requests.page-public .community-faq-tabs .faq-tabs,
html body.route-requests.page-public .community-faq-tabs .faq-tabs button,
html body.route-requests.page-public .community-faq-panel {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Final support pages mobile and WhatsApp cleanup */
body.route-whatsapp.page-public .whatsapp-hero-mark {
  width: 72px !important;
  height: 72px !important;
  margin: 10px auto 16px !important;
  background: #e9f8ef !important;
  color: #128c55 !important;
}

body.route-whatsapp.page-public .role-page-hero .hero-actions {
  display: none !important;
}

body.route-legal.page-public .legal-page-hero .trust-strip {
  display: none !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid > article {
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  text-align: center !important;
}

body.route-contact.page-public .support-form-card {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.route-contact.page-public .support-form-card :is(.eyebrow, h2, .form-note, label:has(textarea), button, .honeypot-field, input[name="_started_at"]) {
  grid-column: 1 / -1 !important;
}

@media (max-width: 760px) {
  body.route-trust-safety.page-public .role-page-hero h1 {
    white-space: nowrap !important;
    font-size: clamp(1.04rem, 4.8vw, 1.34rem) !important;
  }

  body.route-contact.page-public .support-page-hero h1,
  body.route-quality-guidelines.page-public .role-page-hero h1,
  body.route-whatsapp.page-public .role-page-hero h1,
  body.route-legal.page-public .legal-page-hero h1 {
    white-space: nowrap !important;
    font-size: clamp(1.42rem, 6.3vw, 2rem) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-route-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-card,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-inner {
    min-height: 154px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face, .support-route-card, .support-report-card, .support-detail-section .support-detail-grid > article) {
    min-height: 148px !important;
    padding: 8px 4px !important;
    gap: 5px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 3px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face h3, .support-route-card strong, .support-report-card h3, .support-detail-section .support-detail-grid h3) {
    font-size: .58rem !important;
    line-height: 1.1 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face p, .support-route-card small, .support-report-card p, .support-detail-section .support-detail-grid p) {
    font-size: .46rem !important;
    line-height: 1.22 !important;
  }

  body.route-contact.page-public .support-form-card {
    grid-template-columns: 1fr !important;
  }

  body.route-contact.page-public .support-direct-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Support request pass: compact support pages */
body.route-contact.page-public .support-page-hero .support-hero-strip {
  display: none !important;
}

body.route-contact.page-public .support-direct-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.route-contact.page-public .support-direct-action {
  min-width: 0 !important;
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 16px 10px !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff7ef) !important;
  color: #2b170f !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: 0 16px 34px rgba(82, 42, 18, .08) !important;
}

body.route-contact.page-public .support-direct-whatsapp {
  background: linear-gradient(180deg, #f4fff7, #fffefa) !important;
}

body.route-contact.page-public .support-direct-action strong {
  color: #9b0008 !important;
  font-weight: 950 !important;
}

body.route-contact.page-public .support-direct-action small {
  color: #5e4538 !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-card:nth-child(1) .support-flip-front,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-report-card:nth-child(1),
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-detail-grid > article:nth-child(1) {
  background: linear-gradient(145deg, #fff8dc, #fffefa) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-card:nth-child(2) .support-flip-front,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-report-card:nth-child(2),
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-detail-grid > article:nth-child(2) {
  background: linear-gradient(145deg, #eef8e8, #fffefa) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-card:nth-child(3) .support-flip-front,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-report-card:nth-child(3),
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-detail-grid > article:nth-child(3) {
  background: linear-gradient(145deg, #fff0f2, #fffefa) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-detail-grid > article {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  text-align: center !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .role-final-cta,
body.route-trust-safety.page-public .support-report-section .section-cta {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

body.route-whatsapp.page-public .whatsapp-support-builder {
  width: min(980px, calc(100vw - 32px)) !important;
  text-align: center !important;
}

body.route-whatsapp.page-public .whatsapp-support-form {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding: clamp(16px, 2vw, 24px) !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff7ef) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08) !important;
}

body.route-whatsapp.page-public .whatsapp-support-form label {
  display: grid !important;
  gap: 7px !important;
  color: #2b170f !important;
  font-weight: 950 !important;
  text-align: left !important;
}

body.route-whatsapp.page-public .whatsapp-support-form :is(select, input) {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 8px !important;
}

@media (max-width: 760px) {
  body.route-trust-safety.page-public .role-page-hero h1 {
    white-space: nowrap !important;
    font-size: clamp(1.18rem, 5.05vw, 1.42rem) !important;
  }

  body.route-contact.page-public .support-page-hero h1,
  body.route-quality-guidelines.page-public .role-page-hero h1,
  body.route-whatsapp.page-public .role-page-hero h1 {
    white-space: nowrap !important;
    font-size: clamp(1.45rem, 6.8vw, 2rem) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-detail-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-report-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-route-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-card,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-inner {
    min-height: 150px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-flip-face,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-report-card,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-detail-grid > article,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-route-card {
    min-height: 140px !important;
    padding: 8px 4px !important;
    gap: 5px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-card-icon {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 3px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .support-card-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) :is(.support-flip-face h3, .support-report-card h3, .support-detail-grid h3, .support-route-card strong) {
    font-size: .58rem !important;
    line-height: 1.1 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) :is(.support-flip-face p, .support-report-card p, .support-detail-grid p, .support-route-card small) {
    font-size: .46rem !important;
    line-height: 1.22 !important;
  }

  body.route-contact.page-public .support-direct-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.route-whatsapp.page-public .whatsapp-support-builder {
    width: calc(100vw - 14px) !important;
  }

  body.route-whatsapp.page-public .whatsapp-support-form {
    grid-template-columns: 1fr !important;
  }
}

/* Final support footer page overhaul */
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) {
  --support-red: #b0000d;
  --support-brown: #2b170f;
  --support-cream: #fff8ec;
  --support-line: rgba(122, 70, 28, .2);
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.section, .page-hero) {
  box-sizing: border-box !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-page-hero, .role-page-hero, .legal-page-hero) {
  width: min(1360px, calc(100vw - 32px)) !important;
  max-width: min(1360px, calc(100vw - 32px)) !important;
  min-height: clamp(340px, 33vw, 520px) !important;
  margin-inline: auto !important;
  overflow: hidden !important;
}

body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.role-page-hero, .legal-page-hero) h1 {
  max-width: 980px !important;
  margin-inline: auto !important;
  font-size: clamp(2.5rem, 5.6vw, 5.7rem) !important;
  line-height: 1.05 !important;
}

body.page-public.route-contact .support-page-hero h1 {
  font-size: clamp(2.45rem, 4.8vw, 5rem) !important;
  line-height: 1.05 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.page-public.route-legal .legal-assurance-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.page-public .support-flip-card {
  min-width: 0 !important;
  min-height: 230px !important;
  border: 0 !important;
  background: transparent !important;
  perspective: 1200px !important;
}

body.page-public .support-flip-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;
  transform-style: preserve-3d !important;
  animation: supportAutoFlip 10s ease-in-out infinite !important;
  animation-delay: calc(var(--support-card-index, 0) * .75s) !important;
}

body.page-public .support-flip-card:is(:hover, :focus-within) .support-flip-inner {
  animation-play-state: paused !important;
  transform: rotateY(180deg) !important;
}

body.page-public .support-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border: 1px solid var(--support-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .09) !important;
  text-align: center !important;
  backface-visibility: hidden !important;
  overflow: hidden !important;
}

body.page-public .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #fff0df) !important;
}

body.page-public .support-flip-back {
  transform: rotateY(180deg) !important;
  background: linear-gradient(145deg, #fff7ea, #edf7ea) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #f4f8e8) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-back {
  background: linear-gradient(145deg, #fff7ef, #fff0f2) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #fff4d8) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-back {
  background: linear-gradient(145deg, #fff7ef, #eef8f0) !important;
}

body.page-public .support-flip-face h3,
body.page-public .support-report-card h3,
body.page-public .trust-command-card h3,
body.page-public .trust-status-card h3 {
  margin: 0 !important;
  color: #281c15 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.32rem) !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body.page-public .support-flip-face p,
body.page-public .support-report-card p,
body.page-public .trust-command-card p,
body.page-public .trust-status-card p {
  max-width: 24rem !important;
  margin: 0 !important;
  color: #5e4538 !important;
  font-size: clamp(.9rem, 1vw, 1rem) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.page-public .support-card-icon.role-icon-message,
body.page-public .support-card-icon.role-icon-default {
  background: #fff0df !important;
  color: var(--support-red) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon {
  flex: 0 0 auto !important;
}

body.page-public .support-report-card,
body.page-public .trust-command-card,
body.page-public .trust-status-card,
body.page-public.route-legal .legal-assurance-card {
  min-width: 0 !important;
  border: 1px solid rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff8ef) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08) !important;
  text-align: center !important;
}

body.page-public .support-report-card,
body.page-public .trust-command-card,
body.page-public .trust-status-card {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

body.page-public .trust-command-card > span,
body.page-public .trust-status-card > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #fff0df !important;
  color: var(--support-red) !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr) !important;
  gap: clamp(14px, 2vw, 24px) !important;
  align-items: stretch !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split > * {
  min-width: 0 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.panel, .form-card, .readable) {
  border-color: rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .07) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack .panel,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack .panel {
  margin: 0 !important;
  padding: 18px !important;
  text-align: center !important;
}

body.page-public.route-legal .readable {
  width: min(980px, calc(100vw - 32px)) !important;
  text-align: center !important;
}

body.page-public.route-legal .section.split:not(.role-faq-section) {
  width: min(1060px, calc(100vw - 32px)) !important;
}

body.page-public.route-legal .legal-link-cloud {
  max-width: 980px !important;
  margin-inline: auto !important;
}

@keyframes supportAutoFlip {
  0%, 42% {
    transform: rotateY(0deg);
  }
  50%, 92% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-public .support-flip-inner {
    animation: none !important;
  }
}

@media (max-width: 900px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
  body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-page-hero, .role-page-hero, .legal-page-hero) {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    min-height: clamp(260px, 58vw, 380px) !important;
    padding-inline: 12px !important;
  }

  body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.role-page-hero, .legal-page-hero) h1,
  body.page-public.route-contact .support-page-hero h1 {
    font-size: clamp(1.9rem, 9vw, 3rem) !important;
    line-height: 1.05 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
  body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-public .support-flip-card,
  body.page-public .support-flip-inner {
    min-height: 205px !important;
  }

  body.page-public .support-flip-face {
    padding: 16px 12px !important;
  }

  body.page-public .support-flip-face p,
  body.page-public .support-report-card p,
  body.page-public .trust-command-card p,
  body.page-public .trust-status-card p {
    font-size: .84rem !important;
  }

  body.page-public.route-contact .support-hero-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public.route-legal .section.split:not(.role-faq-section),
  body.page-public.route-legal .readable {
    width: calc(100vw - 14px) !important;
  }
}

/* Support footer pages polish */
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .section {
  width: min(1180px, calc(100vw - 32px)) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .section-head {
  text-align: center !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-public .support-page-hero,
body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp) .role-page-hero,
body.page-public.route-legal .legal-page-hero {
  width: min(1360px, calc(100vw - 32px)) !important;
  max-width: min(1360px, calc(100vw - 32px)) !important;
}

body.page-public .support-action-grid,
body.page-public .support-route-grid,
body.page-public .support-detail-grid,
body.page-public .legal-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-public .support-action-card,
body.page-public .support-route-card,
body.page-public .support-mini-card {
  min-width: 0 !important;
  padding: clamp(16px, 2vw, 24px) !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff7ef) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08) !important;
  text-align: center !important;
}

body.page-public .support-route-card {
  display: grid !important;
  gap: 10px !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.page-public .support-route-card strong,
body.page-public .support-action-card h3,
body.page-public .support-mini-card h3 {
  color: #281c15 !important;
  font-size: clamp(1rem, 1.45vw, 1.22rem) !important;
  line-height: 1.15 !important;
}

body.page-public .support-route-card small,
body.page-public .support-action-card p,
body.page-public .support-mini-card p {
  color: #5e4b40 !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
}

body.page-public .support-card-icon {
  width: 58px !important;
  height: 58px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin: 0 auto 12px !important;
  border-radius: 50% !important;
  background: #fff0df !important;
  color: #b0000d !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .12) !important;
}

body.page-public .support-card-icon svg {
  width: 29px !important;
  height: 29px !important;
}

body.page-public .support-whatsapp-icon,
body.page-public .support-card-icon.role-icon-whatsapp {
  background: #e9f8ef !important;
  color: #128c55 !important;
}

body.page-public .support-card-icon.role-icon-product {
  background: #fff5d9 !important;
  color: #b37600 !important;
}

body.page-public .support-card-icon.role-icon-trust,
body.page-public .support-card-icon.role-icon-payment {
  background: #fff0f2 !important;
  color: #b0000d !important;
}

body.page-public .support-contact-shell {
  align-items: stretch !important;
}

body.page-public .support-form-card,
body.page-public .support-direct-panel {
  border-radius: 8px !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08) !important;
}

body.page-public .support-form-card :is(input, select, textarea) {
  min-height: 48px !important;
  border-radius: 8px !important;
}

body.page-public .support-direct-panel {
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 12px !important;
}

body.page-public .support-panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

body.page-public .support-read-more,
body.page-public .legal-policy-details {
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .07) !important;
  overflow: hidden !important;
}

body.page-public .support-read-more > summary,
body.page-public .legal-policy-details > summary {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 18px !important;
  cursor: pointer !important;
  color: #b0000d !important;
  font-weight: 950 !important;
  text-align: center !important;
  list-style: none !important;
}

body.page-public .support-read-more > summary::-webkit-details-marker,
body.page-public .legal-policy-details > summary::-webkit-details-marker {
  display: none !important;
}

body.page-public .support-read-more .feature-stack,
body.page-public .legal-policy-details .feature-stack {
  padding: 0 16px 16px !important;
}

body.page-public .support-detail-section .support-detail-grid {
  margin-top: 14px !important;
}

body.page-public .legal-support-focus-section {
  margin-top: clamp(24px, 4vw, 44px) !important;
}

body.page-public .legal-faq-section .faq-list,
body.page-public .support-faq-section .faq-list {
  width: min(720px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-public.route-contact .support-hero-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 760px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .section,
  body.page-public .support-page-hero,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp) .role-page-hero,
  body.page-public.route-legal .legal-page-hero {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
  }

  body.page-public .support-action-grid,
  body.page-public .support-route-grid,
  body.page-public .support-detail-grid,
  body.page-public .legal-quick-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-public .support-action-card,
  body.page-public .support-route-card,
  body.page-public .support-mini-card {
    padding: 14px 10px !important;
  }

  body.page-public .support-card-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 8px !important;
  }

  body.page-public .support-card-icon svg {
    width: 23px !important;
    height: 23px !important;
  }

  body.page-public .support-route-card strong,
  body.page-public .support-action-card h3,
  body.page-public .support-mini-card h3 {
    font-size: .94rem !important;
  }

  body.page-public .support-route-card small,
  body.page-public .support-action-card p,
  body.page-public .support-mini-card p {
    font-size: .76rem !important;
  }

  body.page-public.route-contact .support-hero-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public .support-panel-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  body.page-public .support-panel-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
  }

  body.page-public .support-read-more > summary,
  body.page-public .legal-policy-details > summary {
    min-height: 48px !important;
    padding: 12px 10px !important;
    font-size: .9rem !important;
  }
}

/* Join role pages improvement scope */
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-workflow-section, .role-dashboard-preview-section, .role-proof-section) {
  width: min(1120px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-workflow-section, .role-proof-section) .section-head h2,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2 {
  max-width: 900px !important;
  margin-inline: auto !important;
  font-size: clamp(2rem, 4vw, 3.45rem) !important;
  line-height: 1.08 !important;
  text-wrap: balance !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-grid,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-proof-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-step-card, .role-proof-card) {
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 12px !important;
  padding: clamp(18px, 2.2vw, 26px) !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fffdfa, #fff0df) !important;
  box-shadow: 0 18px 42px rgba(64, 29, 9, .08) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card:nth-child(2),
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-proof-card:nth-child(2) {
  background: linear-gradient(145deg, #f4fff5, #fffaf0) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card:nth-child(3),
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-proof-card:nth-child(3) {
  background: linear-gradient(145deg, #fff8e1, #eef6ff) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-number {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #b0000d !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 24px rgba(176, 0, 13, .18) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-step-card, .role-proof-card) h3 {
  margin: 0 !important;
  color: #241711 !important;
  font-size: clamp(1.08rem, 1.5vw, 1.28rem) !important;
  line-height: 1.2 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-step-card, .role-proof-card) p {
  margin: 0 !important;
  color: #604437 !important;
  font-weight: 700 !important;
  line-height: 1.48 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-shell {
  display: grid !important;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: clamp(18px, 2.8vw, 34px) !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #fffdfa, #fff2df) !important;
  box-shadow: 0 22px 52px rgba(64, 29, 9, .1) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy p {
  margin-inline: 0 !important;
  text-align: left !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card {
  min-width: 0 !important;
  min-height: 168px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: 16px 10px !important;
  border: 1px solid rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 14px 30px rgba(64, 29, 9, .08) !important;
  text-align: center !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card strong {
  color: #241711 !important;
  font-size: .98rem !important;
  line-height: 1.18 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card small {
  color: #7a461c !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

@media (max-width: 760px) {
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-workflow-section, .role-dashboard-preview-section, .role-proof-section) {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-workflow-section, .role-proof-section) .section-head h2,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2 {
    font-size: clamp(1.6rem, 7.5vw, 2.25rem) !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-grid,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-proof-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card {
    min-height: 156px !important;
    gap: 6px !important;
    padding: 10px 5px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-number {
    width: 24px !important;
    height: 24px !important;
    font-size: .72rem !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card .role-feature-icon,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card .role-feature-icon {
    width: 34px !important;
    height: 34px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card .role-feature-icon svg,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card .role-feature-icon svg {
    width: 19px !important;
    height: 19px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card h3 {
    font-size: .74rem !important;
    line-height: 1.12 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-step-card p {
    font-size: .57rem !important;
    line-height: 1.22 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-shell {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    text-align: center !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy p {
    text-align: center !important;
    margin-inline: auto !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card {
    min-height: 118px !important;
    gap: 6px !important;
    padding: 10px 5px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card strong {
    font-size: .68rem !important;
    line-height: 1.12 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-card small {
    font-size: .58rem !important;
    line-height: 1.12 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-proof-card {
    padding: 14px 12px !important;
  }
}

/* Join role pages final structure */
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero {
  padding-block: clamp(42px, 7vw, 92px) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero h1 {
  max-width: 1120px !important;
  margin-inline: auto !important;
  line-height: 1.05 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-hero-overview {
  width: min(620px, 100%) !important;
  margin: 18px auto 0 !important;
  text-align: center !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-hero-overview summary,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-details > summary {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 12px 22px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 999px !important;
  background: #fffdfa !important;
  color: #b0000d !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  list-style: none !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-hero-overview summary::-webkit-details-marker,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-details > summary::-webkit-details-marker {
  display: none !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-hero-overview p {
  max-width: 620px !important;
  margin: 14px auto 0 !important;
  color: #4f392f !important;
  font-weight: 700 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section {
  width: min(1120px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section .section-head h2,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .section-head h2 {
  max-width: 100% !important;
  white-space: normal !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  font-size: clamp(2.1rem, 4.1vw, 3.7rem) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-card {
  min-height: 190px !important;
  color: #241711 !important;
  text-decoration: none !important;
  perspective: 1000px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-inner {
  width: 100% !important;
  height: 100% !important;
  min-height: 190px !important;
  position: relative !important;
  display: block !important;
  transform-style: preserve-3d !important;
  animation: roleAutoFlip 8s ease-in-out infinite !important;
  animation-delay: var(--flip-delay, 0s) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-card:hover .role-flip-inner {
  animation-play-state: paused !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 12px !important;
  padding: 22px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: var(--role-card-front, linear-gradient(145deg, #fffdf8, #fdebd6)) !important;
  box-shadow: 0 18px 42px rgba(64, 29, 9, .08) !important;
  backface-visibility: hidden !important;
  text-align: center !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-back {
  background: var(--role-card-back, linear-gradient(145deg, #3d2118, #8f0b12)) !important;
  color: #fff8ef !important;
  transform: rotateY(180deg) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-card:nth-child(1) {
  --role-card-front: linear-gradient(145deg, #fff8e8, #ffe2ba);
  --role-card-back: linear-gradient(145deg, #225c3c, #087d48);
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-card:nth-child(2) {
  --role-card-front: linear-gradient(145deg, #fff5ed, #ffd9c6);
  --role-card-back: linear-gradient(145deg, #5c2418, #b33b18);
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-card:nth-child(3) {
  --role-card-front: linear-gradient(145deg, #fffce7, #ffe08c);
  --role-card-back: linear-gradient(145deg, #5c4300, #b17700);
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-face strong {
  font-size: 1.18rem !important;
  line-height: 1.25 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-face small {
  color: inherit !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

@keyframes roleAutoFlip {
  0%, 42% { transform: rotateY(0deg); }
  50%, 92% { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-inner {
    animation: none !important;
  }
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon {
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #fff0db !important;
  color: #b0000d !important;
  box-shadow: 0 14px 30px rgba(176, 0, 13, .12) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon svg {
  width: 28px !important;
  height: 28px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-whatsapp {
  background: #e6fff0 !important;
  color: #128c7e !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-gallery {
  background: #eef5ff !important;
  color: #1d67c8 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-location {
  background: #fff0e7 !important;
  color: #e4571b !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-product {
  background: #fff6d7 !important;
  color: #b17700 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-learning {
  background: #effbf0 !important;
  color: #12843f !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-request {
  background: #fff0f2 !important;
  color: #b0000d !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-payment {
  background: #f3edff !important;
  color: #7044c7 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-profile,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-trust,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon.role-icon-star {
  background: #fff1cf !important;
  color: #c68a00 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-back .role-feature-icon {
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .16) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-section {
  width: min(1040px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-details {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-details .feature-stack {
  margin-top: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-details .feature-stack .panel {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section {
  text-align: center !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-grid {
  width: min(760px, 100%) !important;
  margin-inline: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item {
  min-height: 138px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 12px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-weight: 900 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item:nth-child(1) {
  background: linear-gradient(145deg, #fff8e8, #ffe2ba) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item:nth-child(2) {
  background: linear-gradient(145deg, #effbf0, #d9f3dd) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item:nth-child(3) {
  background: linear-gradient(145deg, #fff0e7, #ffd9c6) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item:nth-child(4) {
  background: linear-gradient(145deg, #e6fff0, #cff4dc) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item:nth-child(5) {
  background: linear-gradient(145deg, #eef5ff, #d8e8ff) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item:nth-child(6) {
  background: linear-gradient(145deg, #fff6d7, #ffe7a3) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-faq-section {
  display: block !important;
  text-align: center !important;
  width: min(1040px, calc(100vw - 64px)) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-faq-section .faq-list {
  width: min(760px, 100%) !important;
  margin: 22px auto 0 !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-extra-faq[hidden] {
  display: none !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-faq-more,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-final-cta {
  justify-content: center !important;
  text-align: center !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-final-cta {
  width: min(760px, calc(100vw - 64px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto clamp(34px, 5vw, 64px) !important;
  padding: 24px 0 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

/* City page mobile final polish */
body.route-cities.page-public .city-intent-card .card-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.route-cities.page-public .city-intent-card .card-actions .button {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.route-cities.page-public .city-hero-title {
    font-size: clamp(1.12rem, 5.15vw, 1.52rem) !important;
    line-height: 1.08 !important;
  }

  body.route-cities.page-public .city-hero-title span,
  body.route-cities.page-public .city-hero-copy span {
    white-space: nowrap !important;
  }

  body.route-cities.page-public .city-hero-copy {
    font-size: clamp(.7rem, 2.45vw, .82rem) !important;
    line-height: 1.28 !important;
  }

  body.route-cities.page-public .city-hero-search {
    grid-template-columns: minmax(0, 1.14fr) minmax(0, .96fr) minmax(0, .72fr) minmax(58px, .56fr) !important;
    gap: 5px !important;
    align-items: stretch !important;
  }

  body.route-cities.page-public .city-hero-search select,
  body.route-cities.page-public .city-hero-search button[type="submit"] {
    min-height: 42px !important;
    height: 42px !important;
    padding: 6px 7px !important;
    font-size: .62rem !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-cities.page-public .city-location-actions {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  body.route-cities.page-public .city-location-actions .button {
    min-height: 42px !important;
    height: 42px !important;
    padding: 7px 8px !important;
    font-size: .78rem !important;
  }

  body.route-cities.page-public .city-nearby-icon,
  body.route-cities.page-public .city-nearby-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  body.route-cities.page-public .city-nearby-chip-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.route-cities.page-public .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.route-cities.page-public .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
    font-size: .78rem !important;
  }

  body.route-cities.page-public .city-intent-card {
    text-align: center !important;
    padding: 18px 12px !important;
  }

  body.route-cities.page-public .city-intent-card .card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.route-cities.page-public .city-intent-card .card-actions .button {
    min-height: 34px !important;
    padding: 6px 4px !important;
    font-size: .66rem !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-practice-section,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-faq-section {
    width: calc(100vw - 16px) !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero h1 {
    font-size: clamp(2rem, 9.2vw, 2.8rem) !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section .section-head h2,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .section-head h2 {
    font-size: clamp(1.85rem, 8.4vw, 2.55rem) !important;
    white-space: normal !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-grid,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-card,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-inner {
    min-height: 144px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-face {
    gap: 8px !important;
    padding: 10px 6px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-face strong {
    font-size: .76rem !important;
    line-height: 1.18 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-flip-face small {
    font-size: .59rem !important;
    line-height: 1.28 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon {
    width: 38px !important;
    height: 38px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-feature-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-capability-section .capability-item {
    min-height: 108px !important;
    gap: 8px !important;
    padding: 10px 6px !important;
    font-size: .68rem !important;
    line-height: 1.16 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-final-cta {
    width: calc(100vw - 30px) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    height: auto !important;
    gap: 8px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-final-cta .button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
    font-size: .82rem !important;
  }
}

/* Final auth, static-page, and footer-page polish */
body.route-register.page-auth .role-detail-panel {
  display: none !important;
}

body.route-register.page-auth .compact-provider-panel {
  width: min(360px, 100%) !important;
  margin: 0 auto 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.route-register.page-auth .compact-provider-panel[hidden] {
  display: none !important;
}

body.route-register.page-auth .provider-type-grid {
  grid-template-columns: 1fr !important;
}

body.route-register.page-auth .phone-form-grid {
  grid-template-columns: minmax(150px, .78fr) minmax(0, 1.22fr) !important;
}

body.route-login.page-auth .auth-centered-eyebrow,
body.route-login.page-auth .auth-login-single .eyebrow {
  width: 100% !important;
  text-align: center !important;
}

.password-input-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.password-input-wrap input {
  width: 100% !important;
  padding-right: 54px !important;
}

.password-toggle {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(176, 0, 13, .22) !important;
  border-radius: 999px !important;
  background: #fffaf4 !important;
  color: #b0000d !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(64, 29, 9, .08) !important;
}

.password-toggle svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.password-toggle.is-visible {
  background: #b0000d !important;
  color: #fff !important;
}

.static-page-brand {
  width: min(280px, 70vw) !important;
  margin: 0 auto clamp(14px, 2vw, 22px) !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 18px 42px rgba(64, 29, 9, .09) !important;
}

.static-page-brand img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

body.page-public .role-page-hero,
body.page-public .cities-hero,
body.page-public .support-hero,
body.page-public .legal-page-hero {
  width: min(1840px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.page-public .role-page-hero > p,
body.page-public .cities-hero > p,
body.page-public .support-hero > p,
body.page-public .legal-page-hero > p {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-public .visual-band {
  width: min(1180px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  align-items: center !important;
  border: 1px solid rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffdf8, #fff8ed) !important;
  box-shadow: 0 18px 42px rgba(64, 29, 9, .08) !important;
}

body.page-public .visual-card {
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body.page-public .visual-card img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  display: block !important;
}

body.page-public .visual-card figcaption {
  padding: 12px 14px !important;
  color: #5f3b2a !important;
  font-weight: 900 !important;
  text-align: center !important;
}

body.page-public .role-faq-section {
  width: min(1040px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  align-items: start !important;
}

body.page-public .role-faq-section > div:first-child {
  text-align: center !important;
}

body.page-public .role-faq-section .faq-list details {
  border-radius: 8px !important;
  background: #fffdfa !important;
  box-shadow: 0 10px 28px rgba(64, 29, 9, .06) !important;
}

body.page-public .role-faq-section .faq-list summary {
  font-weight: 900 !important;
}

body.route-cities.page-public .city-hero-title {
  display: grid !important;
  gap: 0 !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.04 !important;
}

body.route-cities.page-public .city-hero-title span,
body.route-cities.page-public .city-hero-copy span {
  display: block !important;
}

body.route-cities.page-public .city-hero-title span {
  white-space: nowrap !important;
}

body.route-cities.page-public .city-hero-copy {
  max-width: 760px !important;
  margin-inline: auto !important;
  line-height: 1.45 !important;
}

body.route-cities.page-public .city-hero-search {
  width: min(1040px, 100%) !important;
  grid-template-columns: minmax(240px, 1.2fr) minmax(200px, .9fr) minmax(140px, .45fr) auto !important;
  margin-top: clamp(18px, 3vw, 28px) !important;
}

body.route-cities.page-public .city-hero-search select {
  font-weight: 800 !important;
  color: #3f281d !important;
}

body.route-cities.page-public .city-location-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

body.route-cities.page-public .city-location-actions .button {
  min-height: 46px !important;
  padding-inline: 18px !important;
  width: 100% !important;
  border-radius: 8px !important;
}

body.route-cities.page-public .city-location-actions .location-button {
  background: #fff4df !important;
  border-color: #ffc200 !important;
  color: #7b2d00 !important;
  box-shadow: 0 14px 30px rgba(255, 194, 0, .14) !important;
}

body.route-cities.page-public .city-location-actions .city-nearby-button {
  background: #b0000d !important;
  border-color: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(176, 0, 13, .18) !important;
}

body.route-cities.page-public .city-nearby-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.route-cities.page-public .city-nearby-icon {
  width: 19px !important;
  height: 19px !important;
  display: inline-grid !important;
  place-items: center !important;
}

body.route-cities.page-public .city-nearby-icon svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.route-cities.page-public .city-location-actions .location-status {
  flex-basis: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

body.route-cities.page-public .city-nearby-suggestions {
  width: min(900px, 100%) !important;
  margin: 16px auto 0 !important;
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
}

body.route-cities.page-public .city-nearby-suggestions > span {
  color: #9b000d !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: .78rem !important;
}

body.route-cities.page-public .city-nearby-chip-row,
body.route-cities.page-public .city-save-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.route-cities.page-public .city-nearby-chip-row a {
  min-height: 34px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #e6c7a9 !important;
  background: #fffdfa !important;
  color: #9b000d !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(64, 29, 9, .06) !important;
}

body.route-cities.page-public .result-toolbar {
  align-items: center !important;
  justify-content: center !important;
  grid-template-columns: 1fr !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

body.route-cities.page-public .result-toolbar > div:first-child {
  display: none !important;
}

body.route-cities.page-public .result-toolbar-actions {
  justify-content: center !important;
  gap: 10px !important;
}

body.route-cities.page-public .result-toolbar-actions .button,
body.route-cities.page-public .city-save-actions .button {
  min-height: 46px !important;
  min-width: 126px !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
}

body.route-cities.page-public .city-save-search-panel {
  margin: 0 0 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.route-cities.page-public .city-save-search-panel > div:first-child {
  display: none !important;
}

body.route-cities.page-public .city-save-search-panel strong,
body.route-cities.page-public .city-save-search-panel small {
  display: block !important;
}

body.route-cities.page-public .city-save-search-panel small {
  color: #6f574a !important;
  margin-top: 4px !important;
}

body.route-cities.page-public .feature-stack .panel {
  border-radius: 8px !important;
}

body.route-cities.page-public .city-intent-card {
  position: relative !important;
  min-height: 190px !important;
  padding-top: 24px !important;
  text-align: center !important;
}

body.route-cities.page-public .city-intent-icon {
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  margin: 8px auto 14px !important;
  border-radius: 999px !important;
  background: #fff1d9 !important;
  color: #b0000d !important;
  box-shadow: 0 12px 26px rgba(176, 0, 13, .12) !important;
}

body.route-cities.page-public .city-intent-icon svg {
  width: 30px !important;
  height: 30px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.route-cities.page-public .city-intent-card h3,
body.route-cities.page-public .city-intent-card p {
  text-align: center !important;
}

body.route-cities.page-public .city-intent-card .card-actions {
  justify-content: center !important;
}

body.route-cities.page-public .city-faq-more {
  justify-content: center !important;
  margin-top: 18px !important;
}

body.route-cities.page-public .city-map-section {
  width: min(1180px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  border: 1px solid #e6c7a9 !important;
  border-radius: 8px !important;
  background: #fffdfa !important;
  box-shadow: 0 18px 38px rgba(64, 29, 9, .07) !important;
}

body.route-cities.page-public .city-map-preview {
  min-height: 300px !important;
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  border: 1px solid #efd2b9 !important;
  background:
    linear-gradient(90deg, rgba(176, 0, 13, .08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(176, 0, 13, .08) 1px, transparent 1px),
    radial-gradient(circle at 50% 46%, rgba(255, 194, 0, .26), transparent 34%),
    #fff8ee !important;
  background-size: 44px 44px, 44px 44px, 100% 100%, 100% 100% !important;
}

body.route-cities.page-public .city-map-preview strong {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 120px !important;
  font-size: clamp(1.7rem, 4vw, 2.7rem) !important;
  color: #20130e !important;
}

body.route-cities.page-public .city-map-preview small {
  position: absolute !important;
  bottom: 16px !important;
  z-index: 2 !important;
  color: #6f574a !important;
  font-weight: 900 !important;
}

body.route-cities.page-public .city-map-road {
  position: absolute !important;
  width: 130% !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(119, 83, 56, .12) !important;
}

body.route-cities.page-public .city-map-road-one {
  transform: rotate(-18deg) !important;
}

body.route-cities.page-public .city-map-road-two {
  transform: rotate(22deg) !important;
}

body.route-cities.page-public .city-map-radius {
  width: 150px !important;
  height: 150px !important;
  position: absolute !important;
  border-radius: 999px !important;
  border: 2px dashed rgba(176, 0, 13, .32) !important;
  background: rgba(255, 255, 255, .42) !important;
}

body.route-cities.page-public .city-map-marker {
  width: 62px !important;
  height: 62px !important;
  position: absolute !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 20px 40px rgba(176, 0, 13, .28) !important;
}

body.route-cities.page-public .city-map-marker svg {
  width: 30px !important;
  height: 30px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
}

body.route-cities.page-public .city-empty-results {
  width: min(1080px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  border: 1px solid #e6c7a9 !important;
  border-radius: 8px !important;
  background: #fff7e9 !important;
}

body.route-cities.page-public .city-extra-faq[hidden] {
  display: none !important;
}

body.route-cities.page-public .filter-summary[hidden],
body.route-cities.page-public .marketplace-command-strip[hidden],
body.route-cities.page-public .cities-visual-band[hidden],
body.route-cities.page-public section[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.route-register.page-auth .phone-form-grid {
    grid-template-columns: .88fr 1.12fr !important;
    gap: 8px !important;
  }

  body.route-register.page-auth .phone-form-grid label,
  body.route-register.page-auth .phone-form-grid input,
  body.route-register.page-auth .phone-form-grid select {
    min-width: 0 !important;
  }

  .password-toggle {
    width: 34px !important;
    height: 34px !important;
  }

  .password-input-wrap input {
    padding-right: 48px !important;
  }

  body.page-public .role-page-hero,
  body.page-public .cities-hero,
  body.page-public .support-hero,
  body.page-public .legal-page-hero,
  body.page-public .visual-band,
  body.page-public .role-faq-section {
    width: calc(100vw - 16px) !important;
  }

  .static-page-brand {
    width: min(230px, 76vw) !important;
    padding: 9px 12px !important;
  }

  body.page-public .visual-band {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  body.page-public .role-faq-section {
    grid-template-columns: 1fr !important;
  }

  body.route-cities.page-public .city-hero-title {
    font-size: clamp(1.85rem, 8.2vw, 2.55rem) !important;
  }

  body.route-cities.page-public .city-hero-title span {
    white-space: normal !important;
  }

  body.route-cities.page-public .city-hero-copy {
    font-size: .96rem !important;
  }

  body.route-cities.page-public .city-hero-search {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.route-cities.page-public .city-hero-search select,
  body.route-cities.page-public .city-hero-search button {
    min-height: 48px !important;
    width: 100% !important;
  }

  body.route-cities.page-public .city-location-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body.route-cities.page-public .city-location-actions .button {
    min-width: 0 !important;
    padding-inline: 10px !important;
    font-size: .9rem !important;
  }

  body.route-cities.page-public .city-location-actions .location-status {
    grid-column: 1 / -1 !important;
  }

  body.route-cities.page-public .result-toolbar {
    text-align: center !important;
  }

  body.route-cities.page-public .result-toolbar-actions {
    justify-content: center !important;
  }

  body.route-cities.page-public .result-toolbar-actions,
  body.route-cities.page-public .city-save-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  body.route-cities.page-public .result-toolbar-actions .button,
  body.route-cities.page-public .city-save-actions .button {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.route-cities.page-public .result-toolbar-actions .button:last-child,
  body.route-cities.page-public .city-save-actions .button {
    grid-column: 1 / -1 !important;
  }

  body.route-cities.page-public .city-nearby-suggestions {
    width: 100% !important;
  }

  body.route-cities.page-public .city-nearby-chip-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  body.route-cities.page-public .city-nearby-chip-row a {
    text-align: center !important;
    padding-inline: 8px !important;
  }

  body.route-cities.page-public .city-save-search-panel,
  body.route-cities.page-public .city-map-section,
  body.route-cities.page-public .city-empty-results {
    width: calc(100vw - 16px) !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body.route-cities.page-public .city-map-preview {
    min-height: 240px !important;
  }
}

/* Auth single-panel redesign and community FAQ */
body.page-auth:is(.route-login, .route-register) .auth-single {
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: min(760px, calc(100vw - 36px)) !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

body.route-register.page-auth .auth-single {
  width: min(820px, calc(100vw - 36px)) !important;
  max-width: min(820px, calc(100vw - 36px)) !important;
}

body.page-auth:is(.route-login, .route-register) .auth-single .auth-card {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: clamp(22px, 5vw, 58px) !important;
}

body.route-login.page-auth .auth-login-single .auth-card {
  max-width: 700px !important;
  margin-inline: auto !important;
}

body.page-auth:is(.route-login, .route-register) .auth-page-title {
  margin: 0 !important;
  color: #241711 !important;
  font-size: clamp(2rem, 4vw, 2.75rem) !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

body.page-auth:is(.route-login, .route-register) .auth-page-copy {
  max-width: 44rem !important;
  margin: -4px auto 8px !important;
  color: #604437 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.route-login.page-auth .auth-login-single .auth-card label,
body.route-login.page-auth .auth-login-single .auth-card .button,
body.route-login.page-auth .auth-login-single .auth-card > p:not(.eyebrow):not(.auth-page-copy) {
  width: min(520px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-auth:is(.route-login, .route-register) .auth-form-brand {
  margin-bottom: 10px !important;
}

body.route-register.page-auth .auth-register-single .auth-form-brand {
  min-height: 82px !important;
}

body.route-register.page-auth .auth-section-title {
  margin: 0 0 10px !important;
  color: #9b0008 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.route-register.page-auth .register-role-picker {
  display: grid !important;
  gap: 10px !important;
}

body.route-register.page-auth .register-role-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.route-register.page-auth .register-role-card {
  min-height: 118px !important;
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  padding: 14px 10px !important;
  border: 1px solid rgba(176, 0, 13, .2) !important;
  border-radius: 8px !important;
  background: #fffdfa !important;
  color: #2a1a13 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(64, 29, 9, .07) !important;
}

body.route-register.page-auth .register-role-card.is-active {
  border-color: rgba(176, 0, 13, .58) !important;
  background: linear-gradient(180deg, #fff4e5, #fff) !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .16) !important;
}

body.route-register.page-auth .register-role-card strong {
  font-size: .95rem !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body.route-register.page-auth .role-card-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(64, 29, 9, .12) !important;
}

body.route-register.page-auth .role-card-icon svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.route-register.page-auth .customer-icon {
  background: linear-gradient(135deg, #b0000d, #e56a2f) !important;
}

body.route-register.page-auth .student-icon {
  background: linear-gradient(135deg, #d99b05, #6f9d45) !important;
}

body.route-register.page-auth .provider-icon {
  background: linear-gradient(135deg, #198754, #b0000d) !important;
}

body.route-register.page-auth .provider-role-panel[hidden] {
  display: none !important;
}

body.route-register.page-auth .provider-role-panel {
  display: block !important;
}

body.route-register.page-auth .role-hint {
  text-align: center !important;
}

body.route-requests.page-public .community-faq-section {
  width: min(960px, calc(100vw - 36px)) !important;
  margin: clamp(24px, 4vw, 44px) auto !important;
  text-align: center !important;
}

body.route-requests.page-public .community-faq-section .section-head h2 {
  font-size: clamp(2.2rem, 5vw, 4.2rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 18px !important;
}

body.route-requests.page-public .community-faq-tabs {
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs {
  width: min(560px, 100%) !important;
  display: grid !important;
  gap: 10px !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs button {
  min-height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  background: #fffdfa !important;
  color: #b0000d !important;
  font-weight: 900 !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs button.is-active {
  background: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .18) !important;
}

body.route-requests.page-public .community-faq-panel {
  width: min(720px, 100%) !important;
  margin-inline: auto !important;
}

@media (max-width: 760px) {
  body.page-auth:is(.route-login, .route-register) .auth-single,
  body.route-register.page-auth .auth-single {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-single .auth-card {
    padding-inline: 16px !important;
  }

  body.route-register.page-auth .register-role-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.route-register.page-auth .register-role-card {
    min-height: 100px !important;
    padding: 10px 6px !important;
  }

  body.route-register.page-auth .role-card-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body.route-register.page-auth .role-card-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body.route-register.page-auth .register-role-card strong {
    font-size: .72rem !important;
  }

  body.route-register.page-auth .compact-form-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-requests.page-public .community-faq-section {
    width: calc(100vw - 16px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.route-requests.page-public .community-faq-section .section-head h2 {
    font-size: clamp(1.9rem, 9vw, 2.7rem) !important;
  }
}

body.route-requests.page-public .page-hero,
body.route-pricing.page-public .page-hero,
body.route-contact.page-public .page-hero,
body.route-for-customers.page-public .page-hero,
body.route-for-artists.page-public .page-hero,
body.route-for-tutors.page-public .page-hero,
body.route-for-students.page-public .page-hero,
body.route-for-vendors.page-public .page-hero,
body.route-for-suppliers.page-public .page-hero,
body.route-trust-safety.page-public .page-hero,
body.route-quality-guidelines.page-public .page-hero,
body.route-legal.page-public .page-hero,
body.route-how-it-works.page-public .page-hero,
body.route-about.page-public .page-hero {
  width: var(--remaining-shell) !important;
  margin: 28px auto 24px !important;
  padding: 58px 28px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background-color: rgba(255, 252, 246, .96) !important;
  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.route-requests.page-public .section,
body.route-pricing.page-public .section,
body.route-contact.page-public .section,
body.route-for-customers.page-public .section,
body.route-for-artists.page-public .section,
body.route-for-tutors.page-public .section,
body.route-for-students.page-public .section,
body.route-for-vendors.page-public .section,
body.route-for-suppliers.page-public .section,
body.route-trust-safety.page-public .section,
body.route-quality-guidelines.page-public .section,
body.route-legal.page-public .section,
body.route-how-it-works.page-public .section,
body.route-about.page-public .section {
  width: var(--remaining-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.route-login.page-auth .auth-command-wrap {
  width: min(1120px, calc(100% - 40px)) !important;
  min-height: auto !important;
  margin: 34px auto !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .8fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 246, .96) !important;
  box-sizing: border-box !important;
}

body.route-login.page-auth .auth-intro-panel,
body.route-login.page-auth .auth-card,
body.route-login.page-auth .auth-role-grid article {
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #fff7ec) !important;
  box-shadow: 0 18px 40px rgba(64, 29, 9, .08) !important;
  box-sizing: border-box !important;
}

body.route-login.page-auth .auth-intro-panel {
  padding: 28px !important;
  display: grid !important;
  align-content: center !important;
  gap: 16px !important;
}

body.route-login.page-auth .auth-intro-panel h1 {
  margin: 0 !important;
  color: #241711 !important;
  font-size: 3rem !important;
  line-height: 1.08 !important;
}

body.route-login.page-auth .auth-role-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.route-login.page-auth .auth-role-grid article {
  min-height: 142px !important;
  padding: 16px !important;
}

body.route-login.page-auth .auth-role-grid span {
  display: inline-flex !important;
  margin-bottom: 10px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #fff0db !important;
  color: #9b0008 !important;
  font-weight: 900 !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
}

body.route-login.page-auth .auth-card {
  width: 100% !important;
  max-width: none !important;
  padding: 28px !important;
}

body.route-login.page-auth .auth-card h2 {
  margin-top: 0 !important;
  color: #241711 !important;
}

body.phase1-foundation .role-faq-section,
body.phase1-foundation .pricing-faq-section {
  display: block !important;
  text-align: center !important;
}

body.phase1-foundation .role-faq-section .faq-list,
body.phase1-foundation .pricing-faq-section .faq-list {
  max-width: 760px !important;
  margin: 20px auto 0 !important;
}

@media (max-width: 760px) {
  body.route-requests.page-public,
  body.route-pricing.page-public,
  body.route-contact.page-public,
  body.route-for-customers.page-public,
  body.route-for-artists.page-public,
  body.route-for-tutors.page-public,
  body.route-for-students.page-public,
  body.route-for-vendors.page-public,
  body.route-for-suppliers.page-public,
  body.route-trust-safety.page-public,
  body.route-quality-guidelines.page-public,
  body.route-legal.page-public,
  body.route-how-it-works.page-public,
  body.route-about.page-public,
  body.route-login.page-auth {
    --remaining-shell: calc(100% - 18px);
    overflow-x: hidden !important;
  }

  body.route-requests.page-public .page-hero,
  body.route-pricing.page-public .page-hero,
  body.route-contact.page-public .page-hero,
  body.route-for-customers.page-public .page-hero,
  body.route-for-artists.page-public .page-hero,
  body.route-for-tutors.page-public .page-hero,
  body.route-for-students.page-public .page-hero,
  body.route-for-vendors.page-public .page-hero,
  body.route-for-suppliers.page-public .page-hero,
  body.route-trust-safety.page-public .page-hero,
  body.route-quality-guidelines.page-public .page-hero,
  body.route-legal.page-public .page-hero,
  body.route-how-it-works.page-public .page-hero,
  body.route-about.page-public .page-hero {
    margin-top: 10px !important;
    padding: 34px 14px !important;
  }

  body.route-requests.page-public .page-hero h1,
  body.route-pricing.page-public .page-hero h1,
  body.route-contact.page-public .page-hero h1,
  body.route-for-customers.page-public .page-hero h1,
  body.route-for-artists.page-public .page-hero h1,
  body.route-for-tutors.page-public .page-hero h1,
  body.route-for-students.page-public .page-hero h1,
  body.route-for-vendors.page-public .page-hero h1,
  body.route-for-suppliers.page-public .page-hero h1,
  body.route-trust-safety.page-public .page-hero h1,
  body.route-quality-guidelines.page-public .page-hero h1,
  body.route-legal.page-public .page-hero h1,
  body.route-how-it-works.page-public .page-hero h1,
  body.route-about.page-public .page-hero h1,
  body.route-login.page-auth .auth-intro-panel h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.65rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  body.route-requests.page-public .page-hero > p:not(.eyebrow),
  body.route-pricing.page-public .page-hero > p:not(.eyebrow),
  body.route-contact.page-public .page-hero > p:not(.eyebrow),
  body.route-for-customers.page-public .page-hero > p:not(.eyebrow),
  body.route-for-artists.page-public .page-hero > p:not(.eyebrow),
  body.route-for-tutors.page-public .page-hero > p:not(.eyebrow),
  body.route-for-students.page-public .page-hero > p:not(.eyebrow),
  body.route-for-vendors.page-public .page-hero > p:not(.eyebrow),
  body.route-for-suppliers.page-public .page-hero > p:not(.eyebrow),
  body.route-trust-safety.page-public .page-hero > p:not(.eyebrow),
  body.route-quality-guidelines.page-public .page-hero > p:not(.eyebrow),
  body.route-legal.page-public .page-hero > p:not(.eyebrow),
  body.route-how-it-works.page-public .page-hero > p:not(.eyebrow),
  body.route-about.page-public .page-hero > p:not(.eyebrow),
  body.route-login.page-auth .auth-intro-panel > p {
    max-width: 100% !important;
    font-size: .88rem !important;
    line-height: 1.48 !important;
    overflow-wrap: anywhere !important;
  }

  body.route-requests.page-public .page-hero .trust-strip,
  body.route-pricing.page-public .page-hero .trust-strip,
  body.route-contact.page-public .page-hero .trust-strip,
  body.route-legal.page-public .page-hero .trust-strip,
  body.route-requests.page-public .marketplace-command-strip,
  body.route-requests.page-public .hero-actions,
  body.route-contact.page-public .hero-actions,
  body.route-for-customers.page-public .hero-actions,
  body.route-for-artists.page-public .hero-actions,
  body.route-for-tutors.page-public .hero-actions,
  body.route-for-students.page-public .hero-actions,
  body.route-for-vendors.page-public .hero-actions,
  body.route-for-suppliers.page-public .hero-actions,
  body.route-trust-safety.page-public .hero-actions,
  body.route-quality-guidelines.page-public .hero-actions,
  body.route-legal.page-public .hero-actions,
  body.route-pricing.page-public .pricing-decision-strip,
  body.route-pricing.page-public .plan-recommender,
  body.route-requests.page-public .lead-next-steps,
  body.route-contact.page-public .action-grid,
  body.route-for-customers.page-public .action-grid,
  body.route-for-artists.page-public .action-grid,
  body.route-for-tutors.page-public .action-grid,
  body.route-for-students.page-public .action-grid,
  body.route-for-vendors.page-public .action-grid,
  body.route-for-suppliers.page-public .action-grid,
  body.route-trust-safety.page-public .trust-command-grid,
  body.route-quality-guidelines.page-public .trust-command-grid,
  body.route-legal.page-public .legal-assurance-grid,
  body.route-legal.page-public .trust-command-grid,
  body.route-login.page-auth .auth-command-wrap,
  body.route-login.page-auth .auth-role-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.route-requests.page-public .page-hero .trust-strip span,
  body.route-pricing.page-public .page-hero .trust-strip span,
  body.route-contact.page-public .page-hero .trust-strip span,
  body.route-legal.page-public .page-hero .trust-strip span,
  body.route-requests.page-public .marketplace-command-card,
  body.route-requests.page-public .hero-actions .button,
  body.route-contact.page-public .hero-actions .button,
  body.route-for-customers.page-public .hero-actions .button,
  body.route-for-artists.page-public .hero-actions .button,
  body.route-for-tutors.page-public .hero-actions .button,
  body.route-for-students.page-public .hero-actions .button,
  body.route-for-vendors.page-public .hero-actions .button,
  body.route-for-suppliers.page-public .hero-actions .button,
  body.route-trust-safety.page-public .hero-actions .button,
  body.route-quality-guidelines.page-public .hero-actions .button,
  body.route-legal.page-public .hero-actions .button,
  body.route-pricing.page-public .pricing-decision-strip article,
  body.route-pricing.page-public .plan-recommender article,
  body.route-login.page-auth .auth-intro-panel,
  body.route-login.page-auth .auth-card,
  body.route-login.page-auth .auth-role-grid article {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.route-pricing.page-public table {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }

  body.route-login.page-auth .auth-command-wrap {
    margin: 10px auto 20px !important;
    padding: 8px !important;
  }

  body.route-login.page-auth .auth-intro-panel,
  body.route-login.page-auth .auth-card {
    padding: 16px !important;
  }
}

/* Login page repair: keep auth usable before community review */
body.route-login.page-auth .auth-command-wrap {
  width: min(1120px, calc(100vw - 32px)) !important;
  max-width: 1120px !important;
  margin: clamp(16px, 3vw, 34px) auto !important;
  padding: clamp(12px, 1.8vw, 18px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 430px) !important;
  gap: 16px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

body.route-login.page-auth .auth-intro-panel,
body.route-login.page-auth .auth-card,
body.route-login.page-auth .auth-role-grid,
body.route-login.page-auth .auth-role-grid article {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

body.route-login.page-auth .auth-intro-panel h1 {
  max-width: 760px !important;
  font-size: clamp(2.15rem, 4vw, 3.25rem) !important;
  line-height: 1.08 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.route-login.page-auth .auth-role-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.route-login.page-auth .auth-card {
  display: grid !important;
  align-content: center !important;
  gap: 14px !important;
}

body.route-login.page-auth .auth-card label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
}

body.route-login.page-auth .auth-card input {
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}

body.route-login.page-auth .auth-card .button {
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
}

@media (max-width: 760px) {
  body.route-login.page-auth .auth-command-wrap {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px auto 18px !important;
    padding: 8px !important;
    grid-template-columns: 1fr !important;
  }

  body.route-login.page-auth .auth-intro-panel {
    display: none !important;
  }

  body.route-login.page-auth .auth-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
    gap: 12px !important;
  }

  body.route-login.page-auth .auth-card h2 {
    font-size: 1.75rem !important;
    text-align: center !important;
  }

  body.route-login.page-auth .auth-card input {
    min-height: 46px !important;
    font-size: 1rem !important;
  }

  body.route-login.page-auth .auth-help-note {
    display: none !important;
  }
}

/* Job Posts board */
body.route-requests.page-public .job-post-hero {
  max-width: min(1780px, calc(100% - 60px));
  margin-inline: auto;
}

body.route-requests.page-public .job-post-gate,
body.route-requests.page-public .job-post-preview,
body.route-requests.page-public .job-post-console,
body.route-requests.page-public .job-post-feed-section,
body.route-requests.page-public .job-post-rules {
  max-width: min(1780px, calc(100% - 60px));
  margin-inline: auto;
}

body.route-requests.page-public .job-post-gate-card,
body.route-requests.page-public .job-post-member-card,
body.route-requests.page-public .job-post-rail,
body.route-requests.page-public .job-post-composer,
body.route-requests.page-public .job-post-card,
body.route-requests.page-public .job-post-rule-grid article,
body.route-requests.page-public .job-post-type-grid article {
  border: 1px solid rgba(176, 0, 13, .2);
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdfa 0%, #fff8ef 100%);
  box-shadow: 0 16px 36px rgba(75, 31, 18, .08);
  box-sizing: border-box;
}

body.route-requests.page-public .job-post-gate-card {
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(18px, 3vw, 34px);
  text-align: center;
}

body.route-requests.page-public .job-post-gate-card h2,
body.route-requests.page-public .job-post-console .section-head h2,
body.route-requests.page-public .job-post-feed-section .section-head h2,
body.route-requests.page-public .job-post-rules .section-head h2 {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.05;
}

body.route-requests.page-public .job-post-actions,
body.route-requests.page-public .job-post-card-top,
body.route-requests.page-public .job-post-meta,
body.route-requests.page-public .job-post-toolbar .result-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.route-requests.page-public .job-post-actions {
  justify-content: center;
  margin-top: 18px;
}

body.route-requests.page-public .job-post-rule-grid,
body.route-requests.page-public .job-post-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.route-requests.page-public .job-post-type-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.route-requests.page-public .job-post-rule-grid article,
body.route-requests.page-public .job-post-type-grid article {
  padding: 16px;
}

body.route-requests.page-public .job-post-rule-grid strong,
body.route-requests.page-public .job-post-type-grid strong {
  display: block;
  color: #a7000b;
  font-weight: 900;
  margin-bottom: 6px;
}

body.route-requests.page-public .job-post-rule-grid span,
body.route-requests.page-public .job-post-type-grid span {
  display: block;
  color: #5f463a;
  line-height: 1.45;
}

body.route-requests.page-public .job-post-layout {
  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

body.route-requests.page-public .job-post-rail {
  padding: 14px;
  position: sticky;
  top: 104px;
}

body.route-requests.page-public .job-post-member-card {
  padding: 16px;
  margin-bottom: 12px;
}

body.route-requests.page-public .job-post-member-card strong,
body.route-requests.page-public .job-post-member-card small {
  display: block;
  overflow-wrap: anywhere;
}

body.route-requests.page-public .job-post-type-list {
  display: grid;
  gap: 8px;
}

body.route-requests.page-public .job-post-type-list a {
  display: block;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 8px;
  background: #fff;
  color: #27170f;
  text-decoration: none;
}

body.route-requests.page-public .job-post-type-list strong,
body.route-requests.page-public .job-post-type-list span {
  display: block;
}

body.route-requests.page-public .job-post-type-list span {
  color: #6d5447;
  font-size: .9rem;
  margin-top: 3px;
}

body.route-requests.page-public .job-post-composer {
  width: 100%;
  max-width: 100%;
  padding: clamp(16px, 2.2vw, 26px);
}

body.route-requests.page-public .job-post-form-head {
  margin-bottom: 14px;
}

body.route-requests.page-public .job-post-form-head h3 {
  margin: 8px 0 4px;
  font-size: clamp(1.4rem, 2vw, 2rem);
}

body.route-requests.page-public .job-post-form-head p {
  margin: 0;
  color: #63483a;
}

body.route-requests.page-public .job-post-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.route-requests.page-public .job-post-card {
  padding: 18px;
}

body.route-requests.page-public .job-post-card-top {
  justify-content: space-between;
  margin-bottom: 12px;
}

body.route-requests.page-public .job-post-type,
body.route-requests.page-public .job-post-ref {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
}

body.route-requests.page-public .job-post-type {
  background: #b0000d;
  color: #fff;
}

body.route-requests.page-public .job-post-ref {
  background: #fff1df;
  color: #8b120b;
  border: 1px solid rgba(176, 0, 13, .16);
}

body.route-requests.page-public .job-post-card h3 {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 1.6vw, 1.7rem);
}

body.route-requests.page-public .job-post-card p {
  color: #584034;
  line-height: 1.55;
}

body.route-requests.page-public .job-post-meta span {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff1df;
  color: #783108;
  font-size: .78rem;
  font-weight: 800;
}

body.route-requests.page-public .job-post-reply {
  margin-top: 14px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

body.route-requests.page-public .job-post-reply summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 900;
  color: #a7000b;
}

body.route-requests.page-public .job-post-reply form {
  padding: 14px;
  border-top: 1px solid rgba(176, 0, 13, .12);
}

body.route-requests.page-public .job-post-empty {
  text-align: center;
  padding: clamp(18px, 3vw, 34px);
}

@media (max-width: 900px) {
  body.route-requests.page-public .job-post-gate,
  body.route-requests.page-public .job-post-preview,
  body.route-requests.page-public .job-post-console,
  body.route-requests.page-public .job-post-feed-section,
  body.route-requests.page-public .job-post-rules,
  body.route-requests.page-public .job-post-hero {
    max-width: calc(100% - 18px);
  }

  body.route-requests.page-public .job-post-layout,
  body.route-requests.page-public .job-post-card-grid,
  body.route-requests.page-public .job-post-rule-grid,
  body.route-requests.page-public .job-post-type-grid {
    grid-template-columns: 1fr;
  }

  body.route-requests.page-public .job-post-rail {
    position: static;
  }

  body.route-requests.page-public .job-post-type-grid {
    gap: 10px;
  }

  body.route-requests.page-public .job-post-composer .form-grid,
  body.route-requests.page-public .job-post-reply .form-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-requests.page-public .job-post-card {
    padding: 14px;
  }
}

/* Community wall refresh */
body.route-requests.page-public .community-hero,
body.route-requests.page-public .community-shell,
body.route-requests.page-public .community-guidelines {
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body.route-requests.page-public .community-hero {
  min-height: clamp(210px, 26vw, 360px);
  display: grid;
  place-items: center;
  padding: clamp(42px, 6vw, 92px) 18px !important;
}

body.route-requests.page-public .community-hero h1 {
  margin: 0;
  text-align: center;
}

body.route-requests.page-public .community-shell {
  display: grid;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) minmax(280px, 360px);
  gap: 16px;
  align-items: start;
}

body.route-requests.page-public .community-side,
body.route-requests.page-public .community-feed,
body.route-requests.page-public .community-composer,
body.route-requests.page-public .community-post-card,
body.route-requests.page-public .community-guideline-grid article {
  box-sizing: border-box;
  min-width: 0;
}

body.route-requests.page-public .community-side {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 12px;
}

body.route-requests.page-public .community-side-card,
body.route-requests.page-public .community-feed,
body.route-requests.page-public .community-composer,
body.route-requests.page-public .community-post-card,
body.route-requests.page-public .community-guideline-grid article {
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdfa 0%, #fff7ee 100%);
  box-shadow: 0 16px 34px rgba(75, 31, 18, .08);
}

body.route-requests.page-public .community-side-card {
  padding: 14px;
}

body.route-requests.page-public .community-side-card h2,
body.route-requests.page-public .community-composer h2 {
  margin: 6px 0 12px;
  font-size: 1.45rem;
}

body.route-requests.page-public .community-room-list,
body.route-requests.page-public .community-mini-steps,
body.route-requests.page-public .community-post-stack {
  display: grid;
  gap: 10px;
}

body.route-requests.page-public .community-room-list a,
body.route-requests.page-public .community-mini-steps span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: #fff;
  color: #27170f;
  text-decoration: none;
  font-weight: 900;
}

body.route-requests.page-public .community-room-list strong {
  min-width: 28px;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-size: .78rem;
}

body.route-requests.page-public .community-mini-steps span {
  justify-content: flex-start;
  color: #65493b;
  font-size: .9rem;
  font-weight: 800;
}

body.route-requests.page-public .community-feed {
  padding: clamp(12px, 1.6vw, 22px);
}

body.route-requests.page-public .community-feed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

body.route-requests.page-public .community-feed-head h2 {
  margin: 4px 0;
  font-size: clamp(1.7rem, 2.4vw, 3rem);
}

body.route-requests.page-public .community-feed-head span {
  color: #6d5447;
  font-weight: 800;
}

body.route-requests.page-public .community-post-card {
  padding: 16px;
  background: linear-gradient(135deg, #fff 0%, #fff8ef 60%, #fff 100%);
}

body.route-requests.page-public .community-post-top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

body.route-requests.page-public .community-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #b0000d;
  color: #fff;
  font-weight: 900;
  box-shadow: 0 12px 22px rgba(176, 0, 13, .18);
}

body.route-requests.page-public .community-post-top strong,
body.route-requests.page-public .community-post-top span {
  display: block;
  min-width: 0;
}

body.route-requests.page-public .community-post-top strong {
  font-size: 1rem;
}

body.route-requests.page-public .community-post-top span {
  color: #715448;
  font-size: .86rem;
  font-weight: 800;
}

body.route-requests.page-public .community-post-text {
  margin: 14px 0;
  color: #2a1a12;
  font-size: 1.02rem;
  line-height: 1.58;
}

body.route-requests.page-public .community-post-meta,
body.route-requests.page-public .community-reaction-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

body.route-requests.page-public .community-post-meta span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff1df;
  color: #7b3209;
  font-size: .8rem;
  font-weight: 900;
}

body.route-requests.page-public .community-reaction-row {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(176, 0, 13, .12);
}

body.route-requests.page-public .community-reaction-row button {
  min-height: 34px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  background: #fff;
  color: #8f0009;
  padding: 7px 11px;
  font-weight: 900;
  cursor: pointer;
}

body.route-requests.page-public .community-reaction-row strong {
  margin-left: 4px;
}

body.route-requests.page-public .community-reply-panel {
  margin-top: 12px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

body.route-requests.page-public .community-reply-panel summary {
  cursor: pointer;
  padding: 10px 14px;
  color: #a7000b;
  font-weight: 900;
  text-align: center;
  background: #fff8ef;
}

body.route-requests.page-public .community-reply-panel form,
body.route-requests.page-public .community-reply-preview {
  padding: 14px;
  border-top: 1px solid rgba(176, 0, 13, .12);
}

body.route-requests.page-public .community-reply-preview p {
  margin-top: 0;
  color: #5e463a;
  line-height: 1.5;
}

body.route-requests.page-public .community-composer {
  position: sticky;
  top: 104px;
  padding: 16px;
}

body.route-requests.page-public .community-composer label {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
  color: #5c4034;
  font-weight: 900;
}

body.route-requests.page-public .community-compose-note {
  color: #62483b;
  line-height: 1.45;
}

body.route-requests.page-public .community-guideline-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.route-requests.page-public .community-guideline-grid article {
  padding: 16px;
}

body.route-requests.page-public .community-guideline-grid strong,
body.route-requests.page-public .community-guideline-grid span {
  display: block;
}

body.route-requests.page-public .community-guideline-grid strong {
  color: #a7000b;
  font-weight: 900;
  margin-bottom: 6px;
}

body.route-requests.page-public .community-guideline-grid span {
  color: #5f463a;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  body.route-requests.page-public .community-shell {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  }

  body.route-requests.page-public .community-composer-wrap {
    grid-column: 1 / -1;
  }

  body.route-requests.page-public .community-composer {
    position: static;
  }
}

@media (max-width: 760px) {
  body.route-requests.page-public .community-hero,
  body.route-requests.page-public .community-shell,
  body.route-requests.page-public .community-guidelines {
    width: calc(100% - 14px) !important;
    max-width: none !important;
  }

  body.route-requests.page-public .community-shell,
  body.route-requests.page-public .community-guideline-grid {
    grid-template-columns: 1fr;
  }

  body.route-requests.page-public .community-side {
    position: static;
  }

  body.route-requests.page-public .community-feed-head,
  body.route-requests.page-public .community-post-top {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  body.route-requests.page-public .community-feed-head {
    display: grid;
  }

  body.route-requests.page-public .community-live-pill {
    grid-column: 2;
    justify-self: start;
  }

  body.route-requests.page-public .community-post-card,
  body.route-requests.page-public .community-feed,
  body.route-requests.page-public .community-composer {
    padding: 12px;
  }

  body.route-requests.page-public .community-reaction-row button {
    flex: 1 1 calc(50% - 8px);
    padding-inline: 8px;
    font-size: .78rem;
  }
}

/* Community page final layout */
body.route-requests.page-public .community-hero,
body.route-requests.page-public .community-shell,
body.route-requests.page-public .community-guidelines {
  width: calc(100vw - 24px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 12px) !important;
  margin-right: calc(50% - 50vw + 12px) !important;
}

body.route-requests.page-public .community-hero {
  min-height: clamp(160px, 18vw, 270px) !important;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  padding: clamp(34px, 4vw, 66px) 14px !important;
}

body.route-requests.page-public .community-hero h1 {
  font-size: clamp(2.2rem, 5.2vw, 5.8rem) !important;
  line-height: 1.05 !important;
  max-width: none !important;
}

body.route-requests.page-public .community-shell,
body.route-requests.page-public .community-side,
body.route-requests.page-public .community-feed,
body.route-requests.page-public .community-composer,
body.route-requests.page-public .community-post-card {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition-delay: 0s !important;
}

body.route-requests.page-public .community-shell {
  grid-template-columns: minmax(170px, 205px) minmax(0, 1fr) minmax(210px, 265px) !important;
  gap: 12px !important;
  align-items: start !important;
  margin-top: 0 !important;
}

body.route-requests.page-public .community-feed {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

body.route-requests.page-public .community-feed-head {
  display: block !important;
  margin-bottom: 12px !important;
}

body.route-requests.page-public .community-feed-head h2 {
  margin: 0 !important;
  text-align: left;
  font-size: clamp(1.6rem, 2vw, 2.35rem) !important;
}

body.route-requests.page-public .community-room-list button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: #fff;
  color: #27170f;
  text-align: left;
  white-space: nowrap;
  font-weight: 900;
  font-size: .84rem;
  cursor: pointer;
}

body.route-requests.page-public .community-room-list button.is-active {
  background: #b0000d;
  color: #fff;
  box-shadow: 0 12px 24px rgba(176, 0, 13, .16);
}

body.route-requests.page-public .community-room-list button.is-active strong {
  background: rgba(255, 255, 255, .2);
  color: #fff;
}

body.route-requests.page-public .community-login-gate {
  width: calc(100vw - 24px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 12px) !important;
  margin-right: calc(50% - 50vw + 12px) !important;
  padding-block: clamp(16px, 3vw, 34px) !important;
}

body.route-requests.page-public .community-login-card {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 8px;
  background: linear-gradient(135deg, #fff 0%, #fff7ee 100%);
  text-align: center;
  box-shadow: 0 18px 40px rgba(75, 31, 18, .1);
}

body.route-requests.page-public .community-login-card h2 {
  margin: 6px 0 10px;
  white-space: nowrap;
  font-size: clamp(1.45rem, 4.2vw, 2.75rem);
  letter-spacing: 0;
}

body.route-requests.page-public .community-filter-field {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  color: #8f0009;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.route-requests.page-public .community-filter-field :is(input, select) {
  width: 100%;
  min-height: 36px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 8px;
  background: #fff;
  color: #27170f;
  font-size: .86rem;
  font-weight: 800;
  padding: 7px 9px;
  text-transform: none;
}

body.route-requests.page-public .community-post-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.route-requests.page-public .community-role-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #fff1df;
  color: #8f0009;
  font-size: .72rem;
  font-weight: 900;
}

body.route-requests.page-public .community-reaction-row form {
  margin: 0;
}

body.route-requests.page-public .community-reaction-row :is(button, .community-count-pill, .community-report-panel > summary) {
  min-height: 34px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  background: #fff;
  color: #8f0009;
  padding: 7px 11px;
  font-size: .82rem;
  font-weight: 900;
}

body.route-requests.page-public .community-reaction-row button.is-done,
body.route-requests.page-public .community-reaction-row button:disabled {
  background: #b0000d;
  color: #fff;
  opacity: 1;
  cursor: default;
}

body.route-requests.page-public .community-count-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

body.route-requests.page-public .community-report-panel {
  position: relative;
}

body.route-requests.page-public .community-report-panel > summary {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
}

body.route-requests.page-public .community-report-panel > summary::-webkit-details-marker {
  display: none;
}

body.route-requests.page-public .community-report-panel form {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 5;
  width: min(260px, 78vw);
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 8px;
  background: #fffdfa;
  box-shadow: 0 18px 34px rgba(75, 31, 18, .14);
}

body.route-requests.page-public .community-report-panel :is(select, textarea) {
  width: 100%;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 6px;
  padding: 7px 8px;
  font-size: .82rem;
}

body.route-requests.page-public .community-empty-state {
  margin-top: 12px;
  padding: 18px;
  border: 1px dashed rgba(176, 0, 13, .22);
  border-radius: 8px;
  background: #fff8ef;
  color: #6b4637;
  text-align: center;
  font-weight: 900;
}

body.page-dashboard .dashboard-private-replies {
  margin-top: 12px;
  border-top: 1px solid rgba(176, 0, 13, .12);
  padding-top: 10px;
}

body.page-dashboard .dashboard-private-replies > summary {
  cursor: pointer;
  color: #a7000b;
  font-weight: 900;
}

body.page-dashboard .compact-stack {
  margin-top: 10px;
  gap: 8px;
}

body.page-dashboard .mini-panel {
  padding: 10px;
}

body.route-requests.page-public .community-post-card[hidden] {
  display: none !important;
}

body.route-requests.page-public .community-reply-panel summary {
  background: #b0000d !important;
  color: #fff !important;
  min-height: 42px;
  display: grid;
  place-items: center;
}

body.route-requests.page-public .community-composer {
  top: 92px !important;
  padding: 12px !important;
}

body.route-requests.page-public .community-composer h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.16rem !important;
  line-height: 1.15;
  margin-bottom: 8px !important;
}

body.route-requests.page-public .community-form-icon {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #fff1df;
  color: #b0000d;
  flex: 0 0 auto;
}

body.route-requests.page-public .community-form-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.route-requests.page-public .community-compose-note {
  font-size: .78rem;
  line-height: 1.32;
  margin-bottom: 10px;
}

body.route-requests.page-public .community-composer label {
  gap: 4px !important;
  margin-bottom: 8px !important;
  font-size: .78rem !important;
  line-height: 1.2;
}

body.route-requests.page-public .community-composer :is(input, select, textarea) {
  min-height: 34px;
  border-radius: 6px;
  font-size: .82rem !important;
  line-height: 1.25;
  padding: 7px 8px;
}

body.route-requests.page-public .community-composer textarea {
  min-height: 86px;
  resize: vertical;
}

body.route-requests.page-public .community-composer .button {
  min-height: 38px;
  padding: 9px 12px;
  font-size: .86rem;
}

@media (max-width: 1100px) {
  body.route-requests.page-public .community-shell {
    grid-template-columns: minmax(160px, 200px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  body.route-requests.page-public .community-hero,
  body.route-requests.page-public .community-shell,
  body.route-requests.page-public .community-guidelines {
    width: calc(100vw - 14px) !important;
    margin-left: calc(50% - 50vw + 7px) !important;
    margin-right: calc(50% - 50vw + 7px) !important;
  }

  body.route-requests.page-public .community-hero {
    min-height: 150px !important;
    padding: 30px 10px !important;
  }

  body.route-requests.page-public .community-hero h1 {
    white-space: normal;
    font-size: clamp(2rem, 11vw, 3.2rem) !important;
  }

  body.route-requests.page-public .community-shell {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.route-requests.page-public .community-feed {
    max-height: none;
    overflow: visible;
  }

  body.route-requests.page-public .community-side,
  body.route-requests.page-public .community-composer {
    position: static !important;
  }

  body.route-requests.page-public .community-reaction-row {
    gap: 6px !important;
  }

  body.route-requests.page-public .community-reaction-row :is(form, button, .community-count-pill, .community-report-panel) {
    flex: 1 1 calc(50% - 6px);
  }

  body.route-requests.page-public .community-reaction-row form button,
  body.route-requests.page-public .community-count-pill,
  body.route-requests.page-public .community-report-panel > summary {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: .76rem;
    padding-inline: 6px;
  }
}

/* Auth account pages final winning override */
body.page-auth:is(.route-login, .route-register) {
  --auth-shell-width: min(1160px, calc(100vw - 36px));
  overflow-x: hidden !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-command-wrap, .auth-split) {
  width: var(--auth-shell-width) !important;
  max-width: var(--auth-shell-width) !important;
  min-height: auto !important;
  margin: clamp(16px, 3vw, 34px) auto !important;
  padding: clamp(12px, 1.6vw, 18px) !important;
  display: grid !important;
  grid-template-columns: minmax(230px, .68fr) minmax(440px, 1.32fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 246, .96) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context, .auth-card) {
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #fff7ec) !important;
  box-shadow: 0 18px 40px rgba(64, 29, 9, .08) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.route-login.page-auth .auth-intro-panel,
body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) {
  padding: clamp(18px, 2vw, 26px) !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 14px !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(20px, 2.3vw, 32px) !important;
  display: grid !important;
  gap: 14px !important;
  align-content: center !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-logo-card, .auth-form-brand) {
  width: min(280px, 100%) !important;
  min-height: 88px !important;
  display: grid !important;
  place-items: center !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(122, 70, 28, .16) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(64, 29, 9, .08) !important;
  box-sizing: border-box !important;
}

body.page-auth:is(.route-login, .route-register) .auth-form-brand {
  margin: 0 auto 4px !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-logo-card, .auth-form-brand) img {
  width: 230px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) h1 {
  margin: 0 !important;
  color: #241711 !important;
  font-size: clamp(2rem, 3.2vw, 3rem) !important;
  line-height: 1.08 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) > p:not(.eyebrow) {
  max-width: 34rem !important;
  margin: 0 !important;
  color: #604437 !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card h2 {
  margin: 0 0 4px !important;
  color: #241711 !important;
  font-size: clamp(1.75rem, 2.4vw, 2.35rem) !important;
  text-align: center !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  color: #241711 !important;
  font-weight: 900 !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card :is(input, select) {
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}

body.page-auth:is(.route-login, .route-register) .auth-card .button {
  width: 100% !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
}

body.page-auth:is(.route-login, .route-register) :is(.auth-role-grid, .mini-steps) {
  display: none !important;
}

@media (max-width: 900px) {
  body.page-auth:is(.route-login, .route-register) :is(.auth-command-wrap, .auth-split) {
    grid-template-columns: 1fr !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    padding: 8px !important;
    gap: 10px !important;
  }

  body.route-login.page-auth .auth-intro-panel,
  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) {
    display: grid !important;
    padding: 16px !important;
    text-align: center !important;
    justify-items: center !important;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) h1 {
    font-size: clamp(1.75rem, 7vw, 2.35rem) !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-card {
    padding: 18px !important;
  }
}

@media (max-width: 520px) {
  body.page-auth:is(.route-login, .route-register) .auth-logo-card {
    display: none !important;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) {
    padding-block: 14px !important;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-intro-panel, .auth-context) > p:not(.eyebrow) {
    font-size: .9rem !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-form-brand {
    width: min(240px, 100%) !important;
    min-height: 78px !important;
  }
}
/* Final layer for single auth and community FAQ */
body.page-auth:is(.route-login, .route-register) .auth-single {
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: min(760px, calc(100vw - 36px)) !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

body.route-register.page-auth .auth-single {
  width: min(820px, calc(100vw - 36px)) !important;
  max-width: min(820px, calc(100vw - 36px)) !important;
}

body.page-auth:is(.route-login, .route-register) .auth-single .auth-card {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: clamp(22px, 5vw, 58px) !important;
}

body.route-login.page-auth .auth-login-single .auth-card {
  max-width: 700px !important;
  margin-inline: auto !important;
}

body.page-auth:is(.route-login, .route-register) .auth-page-title {
  margin: 0 !important;
  color: #241711 !important;
  font-size: clamp(2rem, 4vw, 2.75rem) !important;
  line-height: 1.08 !important;
  text-align: center !important;
}

body.page-auth:is(.route-login, .route-register) .auth-page-copy {
  max-width: 44rem !important;
  margin: -4px auto 8px !important;
  color: #604437 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.route-login.page-auth .auth-login-single .auth-card label,
body.route-login.page-auth .auth-login-single .auth-card .button,
body.route-login.page-auth .auth-login-single .auth-card > p:not(.eyebrow):not(.auth-page-copy) {
  width: min(520px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.route-register.page-auth .auth-section-title {
  margin: 0 0 10px !important;
  color: #9b0008 !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.route-register.page-auth .register-role-picker {
  display: grid !important;
  gap: 10px !important;
}

body.route-register.page-auth .register-role-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.route-register.page-auth .register-role-card {
  min-height: 118px !important;
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  padding: 14px 10px !important;
  border: 1px solid rgba(176, 0, 13, .2) !important;
  border-radius: 8px !important;
  background: #fffdfa !important;
  color: #2a1a13 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(64, 29, 9, .07) !important;
}

body.route-register.page-auth .register-role-card.is-active {
  border-color: rgba(176, 0, 13, .58) !important;
  background: linear-gradient(180deg, #fff4e5, #fff) !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .16) !important;
}

body.route-register.page-auth .register-role-card strong {
  font-size: .95rem !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body.route-register.page-auth .role-card-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(64, 29, 9, .12) !important;
}

body.route-register.page-auth .role-card-icon svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.route-register.page-auth .customer-icon {
  background: linear-gradient(135deg, #b0000d, #e56a2f) !important;
}

body.route-register.page-auth .student-icon {
  background: linear-gradient(135deg, #d99b05, #6f9d45) !important;
}

body.route-register.page-auth .provider-icon {
  background: linear-gradient(135deg, #198754, #b0000d) !important;
}

body.route-register.page-auth .provider-role-panel[hidden] {
  display: none !important;
}

body.route-register.page-auth .provider-role-panel {
  display: block !important;
}

body.route-register.page-auth .role-hint {
  text-align: center !important;
}

body.route-requests.page-public .community-faq-section {
  width: min(960px, calc(100vw - 36px)) !important;
  margin: clamp(24px, 4vw, 44px) auto !important;
  text-align: center !important;
}

body.route-requests.page-public .community-faq-section .section-head h2 {
  font-size: clamp(2.2rem, 5vw, 4.2rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 18px !important;
}

body.route-requests.page-public .community-faq-tabs {
  display: grid !important;
  gap: 12px !important;
  justify-items: center !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs {
  width: min(560px, 100%) !important;
  display: grid !important;
  gap: 10px !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs button {
  min-height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(122, 70, 28, .22) !important;
  background: #fffdfa !important;
  color: #b0000d !important;
  font-weight: 900 !important;
}

body.route-requests.page-public .community-faq-tabs .faq-tabs button.is-active {
  background: #b0000d !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(176, 0, 13, .18) !important;
}

body.route-requests.page-public .community-faq-panel {
  width: min(720px, 100%) !important;
  margin-inline: auto !important;
}

@media (max-width: 760px) {
  body.page-auth:is(.route-login, .route-register) .auth-single,
  body.route-register.page-auth .auth-single {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  body.page-auth:is(.route-login, .route-register) .auth-single .auth-card {
    padding-inline: 16px !important;
  }

  body.route-register.page-auth .register-role-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.route-register.page-auth .register-role-card {
    min-height: 100px !important;
    padding: 10px 6px !important;
  }

  body.route-register.page-auth .role-card-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body.route-register.page-auth .role-card-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  body.route-register.page-auth .register-role-card strong {
    font-size: .72rem !important;
  }

  body.route-register.page-auth .compact-form-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-requests.page-public .community-faq-section {
    width: calc(100vw - 16px) !important;
  }

  body.route-requests.page-public .community-faq-section .section-head h2 {
    font-size: clamp(1.9rem, 9vw, 2.7rem) !important;
  }
}

/* Absolute final auth polish */
body.route-login.page-auth .auth-login-single .eyebrow {
  width: min(520px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.route-register.page-auth .register-role-card.is-active {
  border-color: rgba(176, 0, 13, .78) !important;
  box-shadow: inset 0 0 0 3px rgba(176, 0, 13, .48), 0 16px 34px rgba(176, 0, 13, .16) !important;
}

body.route-register.page-auth .provider-role-panel,
body.route-register.page-auth .role-detail-panel {
  display: block !important;
  padding: 10px !important;
  border: 1px solid rgba(176, 0, 13, .14) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffaf4, #fffdfa) !important;
}

body.route-register.page-auth .provider-role-panel[hidden],
body.route-register.page-auth .role-detail-panel[hidden] {
  display: none !important;
}

/* Absolute final city mobile polish */
body.route-cities.page-public .city-intent-card .card-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.route-cities.page-public .city-intent-card .card-actions .button {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.route-cities.page-public .city-hero-title {
    font-size: clamp(1.12rem, 5.15vw, 1.52rem) !important;
    line-height: 1.08 !important;
  }

  body.route-cities.page-public .city-hero-title span,
  body.route-cities.page-public .city-hero-copy span {
    white-space: nowrap !important;
  }

  body.route-cities.page-public .city-hero-copy {
    font-size: clamp(.7rem, 2.45vw, .82rem) !important;
    line-height: 1.28 !important;
  }

  body.route-cities.page-public .city-hero-search {
    grid-template-columns: minmax(0, 1.14fr) minmax(0, .96fr) minmax(0, .72fr) minmax(58px, .56fr) !important;
    gap: 5px !important;
    align-items: stretch !important;
  }

  body.route-cities.page-public .city-hero-search select,
  body.route-cities.page-public .city-hero-search button[type="submit"] {
    min-height: 42px !important;
    height: 42px !important;
    padding: 6px 7px !important;
    font-size: .62rem !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.route-cities.page-public .city-location-actions {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }

  body.route-cities.page-public .city-location-actions .button {
    min-height: 42px !important;
    height: 42px !important;
    padding: 7px 8px !important;
    font-size: .78rem !important;
  }

  body.route-cities.page-public .city-nearby-icon,
  body.route-cities.page-public .city-nearby-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  body.route-cities.page-public .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.route-cities.page-public .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
    font-size: .78rem !important;
  }

  body.route-cities.page-public .city-intent-card {
    text-align: center !important;
    padding: 18px 12px !important;
  }

  body.route-cities.page-public .city-intent-card .card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.route-cities.page-public .city-intent-card .card-actions .button {
    min-height: 34px !important;
    padding: 6px 4px !important;
    font-size: .66rem !important;
  }
}

/* True final support footer page overrides */
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.section, .page-hero) {
  box-sizing: border-box !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-page-hero, .role-page-hero, .legal-page-hero) {
  width: min(1360px, calc(100vw - 32px)) !important;
  max-width: min(1360px, calc(100vw - 32px)) !important;
  min-height: clamp(340px, 33vw, 520px) !important;
  margin-inline: auto !important;
  overflow: hidden !important;
}

body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.role-page-hero, .legal-page-hero) h1,
body.page-public.route-contact .support-page-hero h1 {
  max-width: 980px !important;
  margin-inline: auto !important;
  font-size: clamp(2.45rem, 5.5vw, 5.6rem) !important;
  line-height: 1.05 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.page-public .support-flip-card {
  min-width: 0 !important;
  min-height: 230px !important;
  border: 0 !important;
  background: transparent !important;
  perspective: 1200px !important;
}

body.page-public .support-flip-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;
  transform-style: preserve-3d !important;
  animation: supportAutoFlip 10s ease-in-out infinite !important;
  animation-delay: calc(var(--support-card-index, 0) * .75s) !important;
}

body.page-public .support-flip-card:is(:hover, :focus-within) .support-flip-inner {
  animation-play-state: paused !important;
  transform: rotateY(180deg) !important;
}

body.page-public .support-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border: 1px solid rgba(122, 70, 28, .2) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .09) !important;
  text-align: center !important;
  backface-visibility: hidden !important;
  overflow: hidden !important;
}

body.page-public .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #fff0df) !important;
}

body.page-public .support-flip-back {
  transform: rotateY(180deg) !important;
  background: linear-gradient(145deg, #fff7ea, #edf7ea) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #f4f8e8) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-back {
  background: linear-gradient(145deg, #fff7ef, #fff0f2) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-front {
  background: linear-gradient(145deg, #fffefa, #fff4d8) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-back {
  background: linear-gradient(145deg, #fff7ef, #eef8f0) !important;
}

body.page-public .support-flip-face h3,
body.page-public .support-report-card h3,
body.page-public .trust-command-card h3,
body.page-public .trust-status-card h3 {
  margin: 0 !important;
  color: #281c15 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.32rem) !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body.page-public .support-flip-face p,
body.page-public .support-report-card p,
body.page-public .trust-command-card p,
body.page-public .trust-status-card p {
  max-width: 24rem !important;
  margin: 0 !important;
  color: #5e4538 !important;
  font-size: clamp(.9rem, 1vw, 1rem) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.page-public .support-report-card,
body.page-public .trust-command-card,
body.page-public .trust-status-card,
body.page-public.route-legal .legal-assurance-card {
  min-width: 0 !important;
  border: 1px solid rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff8ef) !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .08) !important;
  text-align: center !important;
}

body.page-public .support-report-card,
body.page-public .trust-command-card,
body.page-public .trust-status-card {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

body.page-public .trust-command-card > span,
body.page-public .trust-status-card > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #fff0df !important;
  color: #b0000d !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr) !important;
  gap: clamp(14px, 2vw, 24px) !important;
  align-items: stretch !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split > * {
  min-width: 0 !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.panel, .form-card, .readable) {
  border-color: rgba(122, 70, 28, .18) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(82, 42, 18, .07) !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack .panel,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack .panel {
  margin: 0 !important;
  padding: 18px !important;
  text-align: center !important;
}

body.page-public.route-legal .readable,
body.page-public.route-legal .section.split:not(.role-faq-section) {
  width: min(1060px, calc(100vw - 32px)) !important;
  text-align: center !important;
}

body.page-public.route-legal .legal-link-cloud {
  max-width: 980px !important;
  margin-inline: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  body.page-public .support-flip-inner {
    animation: none !important;
  }
}

@media (max-width: 900px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
  body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .split {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-page-hero, .role-page-hero, .legal-page-hero) {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    min-height: clamp(260px, 58vw, 380px) !important;
    padding-inline: 12px !important;
  }

  body.page-public:is(.route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.role-page-hero, .legal-page-hero) h1,
  body.page-public.route-contact .support-page-hero h1 {
    font-size: clamp(1.9rem, 9vw, 3rem) !important;
    line-height: 1.05 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-command-grid,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .trust-status-grid,
  body.page-public.route-legal :is(.legal-assurance-grid, .trust-command-grid),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-read-more .feature-stack,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .legal-policy-details .feature-stack {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-public .support-flip-card,
  body.page-public .support-flip-inner {
    min-height: 205px !important;
  }

  body.page-public .support-flip-face {
    padding: 16px 12px !important;
  }

  body.page-public .support-flip-face p,
  body.page-public .support-report-card p,
  body.page-public .trust-command-card p,
  body.page-public .trust-status-card p {
    font-size: .84rem !important;
  }

  body.page-public.route-contact .support-hero-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public.route-legal .section.split:not(.role-faq-section),
  body.page-public.route-legal .readable {
    width: calc(100vw - 14px) !important;
  }
}

/* A2 source: assets/css/support-final.css */
/* Support footer pages final override */
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) {
  --support-red: #b0000d;
  --support-brown: #281c15;
  --support-line: rgba(122, 70, 28, .2);
}

body.route-whatsapp.page-public .whatsapp-hero-mark {
  width: 72px !important;
  height: 72px !important;
  margin: 10px auto 16px !important;
  background: #e9f8ef !important;
  color: #128c55 !important;
}

body.route-whatsapp.page-public .role-page-hero .hero-actions {
  display: none !important;
}

body.route-legal.page-public .legal-page-hero .trust-strip,
body.route-contact.page-public .support-page-hero .support-hero-strip {
  display: none !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .section-head {
  text-align: center !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-route-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face, .support-route-card, .support-report-card, .support-detail-section .support-detail-grid > article) {
  border-radius: 8px !important;
  text-align: center !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid > article {
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: clamp(16px, 2vw, 24px) !important;
}

body.page-public .support-flip-card:nth-child(1) .support-flip-front,
body.page-public .support-report-card:nth-child(1),
body.page-public .support-detail-section .support-detail-grid > article:nth-child(1) {
  background: linear-gradient(145deg, #fff8dc, #fffefa) !important;
}

body.page-public .support-flip-card:nth-child(2) .support-flip-front,
body.page-public .support-report-card:nth-child(2),
body.page-public .support-detail-section .support-detail-grid > article:nth-child(2) {
  background: linear-gradient(145deg, #eef8e8, #fffefa) !important;
}

body.page-public .support-flip-card:nth-child(3) .support-flip-front,
body.page-public .support-report-card:nth-child(3),
body.page-public .support-detail-section .support-detail-grid > article:nth-child(3) {
  background: linear-gradient(145deg, #fff0f2, #fffefa) !important;
}

body.route-contact.page-public .support-form-card {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.route-contact.page-public .support-form-card :is(.eyebrow, h2, .form-note, label:has(textarea), button, .honeypot-field, input[name="_started_at"]) {
  grid-column: 1 / -1 !important;
}

body.route-contact.page-public .support-direct-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.route-contact.page-public .support-direct-action {
  min-width: 0 !important;
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 16px 10px !important;
  color: var(--support-brown) !important;
  text-decoration: none !important;
}

body.route-whatsapp.page-public .whatsapp-support-builder {
  width: min(980px, calc(100vw - 32px)) !important;
  text-align: center !important;
}

body.route-whatsapp.page-public .whatsapp-support-form {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding: clamp(16px, 2vw, 24px) !important;
  border: 1px solid var(--support-line) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fffefa, #fff7ef) !important;
}

body.route-whatsapp.page-public .whatsapp-support-form label {
  display: grid !important;
  gap: 7px !important;
  text-align: left !important;
}

body.route-whatsapp.page-public .whatsapp-support-form :is(select, input) {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 8px !important;
}

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .role-final-cta,
body.route-trust-safety.page-public .support-report-section .section-cta {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 760px) {
  body.page-public.route-trust-safety .page-hero.role-page-hero.phase5-hero h1 {
    white-space: normal !important;
    max-width: 100% !important;
    font-size: clamp(2.125rem, 9vw, 2.25rem) !important;
  }

  body.page-public.route-contact .page-hero.support-page-hero h1,
  body.page-public.route-quality-guidelines .page-hero.role-page-hero.phase5-hero h1,
  body.page-public.route-whatsapp .page-hero.role-page-hero.phase5-hero h1,
  body.page-public.route-legal .page-hero.legal-page-hero h1 {
    white-space: normal !important;
    max-width: 100% !important;
    font-size: clamp(2.125rem, 9vw, 2.25rem) !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-route-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-report-grid,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-detail-section .support-detail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-card,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-flip-inner {
    min-height: 190px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face, .support-route-card, .support-report-card, .support-detail-section .support-detail-grid > article) {
    min-height: 170px !important;
    padding: 18px 16px !important;
    gap: 10px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 4px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) .support-card-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face h3, .support-route-card strong, .support-report-card h3, .support-detail-section .support-detail-grid h3) {
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }

  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-flip-face p, .support-route-card small, .support-report-card p, .support-detail-section .support-detail-grid p) {
    font-size: .9rem !important;
    line-height: 1.5 !important;
  }

  body.route-contact.page-public .support-form-card,
  body.route-whatsapp.page-public .whatsapp-support-form {
    grid-template-columns: 1fr !important;
  }

  body.route-contact.page-public .support-direct-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* A2 source: assets/css/frontend-final-pass.css */
/* Final frontend alignment for remaining public detail, dashboard, admin, and utility screens. */

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

/* Phase 3 role workspaces: compact app controls, status rails, and progressive activity. */
body.phase1-foundation.page-dashboard .role-command-home-v3 {
  display: grid;
  min-width: 0;
  gap: 12px;
  padding: clamp(11px, 1.5vw, 16px);
  border: 1px solid rgba(151, 70, 22, .18);
  border-radius: 8px;
  background: #fffaf4;
  box-shadow: 0 14px 34px rgba(83, 44, 22, .07);
}

body.phase1-foundation.page-dashboard .role-command-head-v3 {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .role-command-head-v3 > i {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 8px;
  background: #97101a;
  color: #fff;
  box-shadow: 0 9px 20px rgba(151, 16, 26, .16);
}

body.phase1-foundation.page-dashboard .role-command-head-v3 > i svg {
  width: 24px;
  height: 24px;
}

body.phase1-foundation.page-dashboard .role-command-head-v3 > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.phase1-foundation.page-dashboard .role-command-head-v3 :is(.eyebrow, h1) {
  margin: 0;
  text-align: left;
}

body.phase1-foundation.page-dashboard .role-command-head-v3 h1 {
  overflow: hidden;
  color: #24140f;
  font-size: clamp(1.35rem, 2.3vw, 2rem);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.phase1-foundation.page-dashboard :is(.role-readiness-chip-v3, .role-head-action-v3) {
  display: inline-grid;
  min-height: 36px;
  place-items: center;
  padding: 7px 11px;
  border: 1px solid rgba(0, 119, 68, .22);
  border-radius: 7px;
  background: #eef9f2;
  color: #087345;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

body.phase1-foundation.page-dashboard .role-head-action-v3 {
  border-color: rgba(151, 16, 26, .2);
  background: #fff0ed;
  color: #98000c;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 > a {
  display: grid;
  min-width: 0;
  min-height: 82px;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 10px 6px;
  border: 1px solid rgba(126, 71, 38, .15);
  border-radius: 8px;
  background: #fff;
  color: #371e15;
  text-align: center;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 > a:is(:hover, :focus-visible) {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(75, 38, 20, .1);
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 > a > i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #fff0ed;
  color: #a1000c;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 > a.tone-gold > i {
  background: #fff4d9;
  color: #956400;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 > a.tone-green > i {
  background: #e8f7ef;
  color: #087345;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 > a.tone-blue > i {
  background: #eaf3ff;
  color: #195d9e;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 svg {
  width: 18px;
  height: 18px;
}

body.phase1-foundation.page-dashboard .role-command-tools-v3 strong {
  max-width: 100%;
  color: inherit;
  font-size: 12px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

body.phase1-foundation.page-dashboard .role-command-stats-v3 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .role-command-stats-v3 > :is(article, a) {
  display: grid;
  min-width: 0;
  gap: 1px;
  padding: 9px 7px;
  border: 1px solid rgba(126, 71, 38, .12);
  border-radius: 7px;
  background: #fff;
  color: #3d241b;
  text-align: center;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .role-command-stats-v3 strong {
  font-size: 16px;
  line-height: 1;
}

body.phase1-foundation.page-dashboard .role-command-stats-v3 span {
  overflow: hidden;
  color: #735c50;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.phase1-foundation.page-dashboard .customer-status-v3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.phase1-foundation.page-dashboard .role-attention-drawer-v3 {
  border-top: 1px solid rgba(151, 16, 26, .12);
}

body.phase1-foundation.page-dashboard .role-attention-drawer-v3 summary {
  display: flex;
  min-height: 40px;
  align-items: center;
  gap: 8px;
  color: #9a0712;
  cursor: pointer;
  font-size: 12px;
  list-style: none;
}

body.phase1-foundation.page-dashboard .role-attention-drawer-v3 summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation.page-dashboard .role-attention-drawer-v3 summary svg {
  width: 17px;
  height: 17px;
}

body.phase1-foundation.page-dashboard .role-attention-drawer-v3 > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 0 8px;
}

body.phase1-foundation.page-dashboard .role-attention-drawer-v3 a {
  padding: 7px 9px;
  border-radius: 7px;
  background: #fff0ed;
  color: #8f0610;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .customer-activity-stack-v3 {
  display: grid;
  min-width: 0;
  gap: 8px;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 {
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 > summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 28px;
  min-height: 56px;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  background: #fff;
  color: #321b14;
  cursor: pointer;
  list-style: none;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 > summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 > summary > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 7px;
  background: #fff0ed;
  color: #a1000c;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 > summary svg {
  width: 18px;
  height: 18px;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 > summary strong {
  font-size: 13px;
}

body.phase1-foundation.page-dashboard .customer-activity-drawer-v3 > summary em {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: #94101a;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

body.phase1-foundation.page-dashboard .customer-activity-body-v3 {
  min-width: 0;
  padding: 10px;
  border-top: 1px solid rgba(126, 71, 38, .12);
  background: #fffaf4;
}

body.phase1-foundation.page-dashboard .customer-empty-v3 {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px;
}

body.phase1-foundation.page-dashboard .customer-empty-v3 strong {
  color: #644c40;
  font-size: 12px;
}

body.phase1-foundation.page-dashboard .customer-activity-body-v3 :is(.panel, .customer-request-card) {
  border-radius: 8px;
}

@media (max-width: 560px) {
  body.phase1-foundation.page-dashboard .role-command-home-v3 {
    gap: 9px;
    padding: 10px;
  }

  body.phase1-foundation.page-dashboard .role-command-head-v3 {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 8px;
  }

  body.phase1-foundation.page-dashboard .role-command-head-v3 > i {
    width: 40px;
    height: 40px;
  }

  body.phase1-foundation.page-dashboard .role-command-head-v3 h1 {
    font-size: 19px;
  }

  body.phase1-foundation.page-dashboard :is(.role-readiness-chip-v3, .role-head-action-v3) {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 9px;
  }

  body.phase1-foundation.page-dashboard .role-command-tools-v3 {
    gap: 5px;
  }

  body.phase1-foundation.page-dashboard .role-command-tools-v3 > a {
    min-height: 72px;
    gap: 5px;
    padding: 7px 3px;
  }

  body.phase1-foundation.page-dashboard .role-command-tools-v3 > a > i {
    width: 30px;
    height: 30px;
  }

  body.phase1-foundation.page-dashboard .role-command-tools-v3 strong {
    font-size: 10px;
  }

  body.phase1-foundation.page-dashboard .role-command-stats-v3 {
    gap: 4px;
  }

  body.phase1-foundation.page-dashboard .role-command-stats-v3 > :is(article, a) {
    padding: 8px 3px;
  }

  body.phase1-foundation.page-dashboard .role-command-stats-v3 strong {
    font-size: 14px;
  }

  body.phase1-foundation.page-dashboard .role-command-stats-v3 span {
    font-size: 8px;
  }

  body.phase1-foundation.page-dashboard .customer-empty-v3 {
    min-height: 46px;
  }
}

/* v187 dashboard public profile readiness */
.phase3-readiness-console,
.phase3-profile-quality-panel {
  min-width: 0;
}

.phase3-readiness-console {
  display: grid;
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
  grid-template-areas:
    "summary groups"
    "summary focus";
  gap: 14px;
  margin: 16px 0;
  align-items: stretch;
}

.phase3-readiness-summary {
  grid-area: summary;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 198, 51, 0.18), transparent 30%),
    #fffdfa;
}

.phase3-readiness-summary h3,
.phase3-profile-quality-card h3 {
  margin: 0;
  line-height: 1.18;
}

.phase3-score-ring {
  display: grid;
  place-items: center;
  min-height: 150px;
  border-radius: 8px;
  border: 1px solid rgba(176, 0, 13, 0.14);
  background:
    radial-gradient(circle, rgba(176, 0, 13, 0.14), transparent 54%),
    linear-gradient(135deg, rgba(255, 244, 224, 0.9), rgba(255, 255, 255, 0.9));
  text-align: center;
}

.phase3-score-ring strong {
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1;
  color: #b0000d;
}

.phase3-score-ring span {
  display: block;
  max-width: 190px;
  color: #5c473d;
  font-weight: 800;
}

.phase3-readiness-groups {
  grid-area: groups;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.phase3-readiness-group,
.phase3-profile-quality-card,
.phase3-public-focus article {
  min-width: 0;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(108, 50, 8, 0.06);
}

.phase3-readiness-group {
  padding: 13px;
}

.phase3-readiness-group span,
.phase3-quality-head span {
  display: inline-grid;
  place-items: center;
  min-width: 48px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-weight: 900;
}

.phase3-readiness-group.is-ready span,
.phase3-profile-quality-card.is-ready .phase3-quality-head span {
  background: #118c4f;
}

.phase3-readiness-group.is-warning span,
.phase3-profile-quality-card.is-warning .phase3-quality-head span {
  background: #c58a00;
}

.phase3-readiness-group h4 {
  margin: 10px 0 6px;
  font-size: 15px;
  line-height: 1.18;
}

.phase3-readiness-group p,
.phase3-public-focus span,
.phase3-profile-quality-card p,
.phase3-profile-quality-card li {
  color: #5b4a42;
  font-size: 13px;
  line-height: 1.45;
}

.phase3-public-focus {
  grid-area: focus;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.phase3-public-focus article {
  padding: 13px;
  background: linear-gradient(135deg, #fff, #fff7eb);
}

.phase3-public-focus strong {
  display: block;
  margin-bottom: 6px;
  color: #8f000a;
}

.phase3-profile-quality-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
}

.phase3-profile-quality-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 96% 0%, rgba(255, 198, 51, 0.16), transparent 32%),
    #fff;
}

.phase3-profile-quality-card.is-ready {
  border-top-color: #118c4f;
}

.phase3-profile-quality-card.is-warning {
  border-top-color: #c58a00;
}

.phase3-quality-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.phase3-quality-head small {
  color: #765f55;
  font-weight: 900;
  text-align: right;
}

.phase3-profile-quality-card ul {
  margin: 0;
  padding-left: 18px;
}

.phase3-profile-quality-card .card-actions {
  margin-top: auto;
}

@media (max-width: 980px) {
  .phase3-readiness-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "summary"
      "groups"
      "focus";
  }
}

/* v230 artist dashboard: single-surface, action-first app home */
body.page-dashboard .dashboard-section-artist {
  width: min(100% - 32px, 1500px);
  max-width: 1500px;
  grid-template-columns: minmax(0, 1fr) !important;
  margin-inline: auto;
}

body.page-dashboard .dashboard-section-artist .dashboard-side {
  display: none !important;
}

body.page-dashboard .dashboard-section-artist .dashboard-main {
  width: 100%;
  min-width: 0;
  max-width: none;
}

body.page-dashboard .dashboard-section-artist :is(.artist-app-shell, .artist-home-v230, .artist-mobile-dock) {
  width: min(100%, 1180px);
  max-width: 1180px;
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-dashboard .dashboard-section-artist .artist-app-shell {
  margin-bottom: 12px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(74, 34, 18, .08);
}

body.page-dashboard .artist-app-top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

body.page-dashboard .artist-app-top-actions a {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 50%;
  background: #fff8ee;
  color: #a1000a;
  text-decoration: none;
}

body.page-dashboard .artist-app-top-actions svg {
  width: 19px;
  height: 19px;
}

body.page-dashboard .artist-home-v230 {
  display: grid;
  grid-template-columns: minmax(260px, .36fr) minmax(0, .64fr);
  gap: 12px;
  align-items: stretch;
}

body.page-dashboard .artist-home-v230 * {
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .artist-next-card {
  display: grid;
  gap: 14px;
  align-content: center;
  padding: 20px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 18px;
  background: #fff6ef;
  box-shadow: 0 16px 34px rgba(74, 34, 18, .07);
}

body.page-dashboard .artist-next-copy {
  display: grid;
  gap: 6px;
}

body.page-dashboard .artist-next-copy h2 {
  margin: 0;
  color: #21130e;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1.05;
  letter-spacing: 0;
}

body.page-dashboard .artist-next-copy small {
  color: #655044;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.35;
}

body.page-dashboard .artist-next-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-next-actions .button {
  width: 100%;
  min-height: 42px;
  padding: 9px 8px;
  font-size: .78rem;
}

body.page-dashboard .artist-quick-actions-v230 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

body.page-dashboard .artist-quick-actions-v230 :is(a, button) {
  appearance: none;
  display: grid;
  min-height: 150px;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 14px 9px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 16px;
  background: #fff;
  color: #21130e;
  font: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(74, 34, 18, .06);
}

body.page-dashboard .artist-quick-actions-v230 .tone-gold { background: #fff9e7; }
body.page-dashboard .artist-quick-actions-v230 .tone-green { background: #f1fff8; }
body.page-dashboard .artist-quick-actions-v230 .tone-blue { background: #f2f7ff; }

body.page-dashboard .artist-quick-actions-v230 i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
}

body.page-dashboard .artist-quick-actions-v230 .tone-gold i { background: #b77800; }
body.page-dashboard .artist-quick-actions-v230 .tone-green i { background: #087a45; }
body.page-dashboard .artist-quick-actions-v230 .tone-blue i { background: #245a9b; }

body.page-dashboard .artist-quick-actions-v230 svg {
  width: 19px;
  height: 19px;
}

body.page-dashboard .artist-quick-actions-v230 strong {
  font-size: .92rem;
  line-height: 1.12;
}

body.page-dashboard .artist-quick-actions-v230 small {
  color: #675044;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.18;
}

body.page-dashboard .artist-activity-v230 {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(74, 34, 18, .06);
}

body.page-dashboard .artist-activity-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

body.page-dashboard .artist-activity-head h2 {
  margin: 2px 0 0;
  color: #21130e;
  font-size: 1.25rem;
  line-height: 1.1;
}

body.page-dashboard .artist-activity-head > a {
  color: #a1000a;
  font-size: .78rem;
  font-weight: 900;
}

body.page-dashboard .artist-activity-list {
  display: grid;
  gap: 7px;
}

body.page-dashboard .artist-activity-list > a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px 12px;
  border: 1px solid rgba(165, 92, 34, .14);
  border-radius: 13px;
  background: #fffdf9;
  color: #21130e;
  text-decoration: none;
}

body.page-dashboard .artist-activity-list i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: #fff0df;
  color: #a1000a;
}

body.page-dashboard .artist-activity-list svg {
  width: 17px;
  height: 17px;
}

body.page-dashboard .artist-activity-list span {
  display: grid;
  gap: 3px;
}

body.page-dashboard .artist-activity-list strong {
  font-size: .88rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-activity-list small {
  color: #6a5145;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-activity-list em {
  max-width: 90px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #fff0df;
  color: #9c0009;
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  text-transform: capitalize;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-attention-v230 {
  overflow: hidden;
  border: 1px solid rgba(201, 139, 2, .25);
  border-radius: 12px;
  background: #fff9e5;
}

body.page-dashboard .artist-attention-v230 summary {
  cursor: pointer;
  padding: 11px 14px;
  color: #7f5100;
  font-size: .78rem;
  font-weight: 900;
  text-align: center;
}

body.page-dashboard .artist-attention-v230 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 0 10px 10px;
}

body.page-dashboard .artist-attention-v230 span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #fff;
  color: #604a3e;
  font-size: .68rem;
  font-weight: 800;
}

body.page-dashboard .artist-copy-status {
  min-height: 0;
  margin: 0;
  color: #087a45;
  font-size: .72rem;
  font-weight: 850;
  text-align: center;
}

@media (max-width: 860px) {
  body.page-dashboard .artist-home-v230 {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .artist-activity-v230 {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .dashboard-section-artist {
    width: calc(100% - 12px);
  }

  body.page-dashboard .artist-app-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    text-align: left;
  }

  body.page-dashboard .artist-app-identity .badge {
    justify-self: start;
  }

  body.page-dashboard .artist-app-top-actions {
    gap: 5px;
  }

  body.page-dashboard .artist-app-top-actions a {
    width: 34px;
    height: 34px;
  }

  body.page-dashboard .artist-app-top-actions svg {
    width: 16px;
    height: 16px;
  }

  body.page-dashboard .artist-app-tabs {
    display: none;
  }

  body.page-dashboard .artist-mobile-dock {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
    margin: 0 auto 10px;
    padding: 7px;
    border-radius: 14px;
  }

  body.page-dashboard .artist-mobile-dock a {
    min-height: 58px;
    padding: 6px 2px;
  }

  body.page-dashboard .artist-next-card,
  body.page-dashboard .artist-activity-v230 {
    padding: 13px;
    border-radius: 14px;
  }

  body.page-dashboard .artist-quick-actions-v230 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-dashboard .artist-quick-actions-v230 :is(a, button) {
    min-height: 96px;
    padding: 8px 3px;
    border-radius: 12px;
  }

  body.page-dashboard .artist-quick-actions-v230 i {
    width: 30px;
    height: 30px;
  }

  body.page-dashboard .artist-quick-actions-v230 svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .artist-quick-actions-v230 strong {
    font-size: .68rem;
  }

  body.page-dashboard .artist-quick-actions-v230 small {
    font-size: .56rem;
  }

  body.page-dashboard .artist-activity-list > a {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 60px;
    padding: 8px;
  }

  body.page-dashboard .artist-activity-list i {
    width: 32px;
    height: 32px;
  }

  body.page-dashboard .artist-activity-list strong {
    font-size: .75rem;
  }

  body.page-dashboard .artist-activity-list small {
    font-size: .62rem;
  }
}


@media (max-width: 390px) {
  body.page-dashboard .artist-app-status-rail {
    gap: 4px;
  }

  body.page-dashboard .artist-shell-status {
    min-height: 62px;
    padding-inline: 2px;
  }

  body.page-dashboard .artist-shell-status span {
    font-size: 8px;
  }

  body.page-dashboard .artist-shell-status strong {
    font-size: 10px;
  }

  body.page-dashboard .artist-mobile-dock strong {
    font-size: 8px;
  }

  body.page-dashboard .artist-quick-actions-v230 small {
    display: none;
  }

  body.page-dashboard .artist-quick-actions-v230 :is(a, button) {
    min-height: 78px;
  }

  body.page-dashboard .artist-activity-list small {
    display: none;
  }
}

@media (max-width: 720px) {
  .phase3-readiness-groups,
  .phase3-public-focus {
    grid-template-columns: 1fr;
  }

  .phase3-readiness-summary,
  .phase3-readiness-group,
  .phase3-public-focus article,
  .phase3-profile-quality-card {
    text-align: center;
  }

  .phase3-quality-head {
    justify-content: center;
    flex-wrap: wrap;
  }

  .phase3-quality-head small {
    text-align: center;
  }
}

/* v188 phase 4 public service and course detail pages */
.phase4-listing-hero {
  width: min(100% - 48px, 1520px);
  margin-inline: auto;
}

.phase4-listing-hero .trust-strip {
  max-width: 920px;
  margin-inline: auto;
}

.phase4-listing-conversion {
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 96% 4%, rgba(255, 198, 51, 0.18), transparent 32%),
    linear-gradient(135deg, rgba(255, 252, 247, 0.98), rgba(255, 245, 232, 0.92));
}

.phase4-listing-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  width: min(100%, 1100px);
  margin: 0 auto;
}

.phase4-listing-media-grid a {
  min-width: 0;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(165, 92, 34, 0.18);
  border-radius: 8px;
  background: #fff;
  color: #2a160f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(108, 50, 8, 0.08);
}

.phase4-listing-media-grid img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 7px;
}

.phase4-listing-media-grid span {
  font-weight: 900;
  color: #8f000a;
}

.phase4-related-listing-card {
  border-top: 4px solid #e5b426;
}

@media (max-width: 720px) {
  .phase4-listing-hero {
    width: calc(100vw - 20px);
  }

  .phase4-listing-hero h1 {
    font-size: clamp(30px, 10vw, 44px);
    line-height: 1.08;
  }

  .phase4-listing-hero .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .phase4-listing-hero .hero-actions .button {
    width: 100%;
    min-width: 0;
  }

  .phase4-listing-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 430px) {
  .phase4-listing-hero .hero-actions {
    grid-template-columns: 1fr;
  }

  .phase4-listing-media-grid {
    grid-template-columns: 1fr;
  }
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: clip;
}

img, svg, video, canvas {
  max-width: 100%;
}

input, select, textarea, button {
  max-width: 100%;
}

.profile-detail-hero,
.product-detail-hero,
.seo-landing-hero,
.city-page-hero,
.resources-hero,
.error-hero {
  width: min(100% - 48px, 1520px);
  margin: 24px auto;
  border: 1px solid rgba(165, 92, 34, 0.24);
  border-radius: 10px;
  box-shadow: 0 24px 56px rgba(108, 50, 8, 0.09);
  overflow: hidden;
}

.product-detail-hero,
.seo-landing-hero,
.city-page-hero,
.resources-hero,
.error-hero {
  text-align: center;
  padding: 48px 32px;
}

.profile-detail-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(240px, auto);
  align-items: center;
  gap: 24px;
  padding: 36px;
  text-align: left;
}

.profile-detail-hero .detail-hero-copy,
.profile-detail-hero .hero-actions,
.product-detail-hero .hero-actions,
.seo-landing-hero .hero-actions,
.city-page-hero .hero-actions {
  min-width: 0;
}

.profile-detail-hero h1,
.product-detail-hero h1,
.seo-landing-hero h1,
.city-page-hero h1,
.resources-hero h1,
.error-hero h1,
.dashboard-main > h1,
.admin .dashboard-main > h1 {
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.profile-detail-hero h1,
.product-detail-hero h1,
.seo-landing-hero h1,
.city-page-hero h1,
.resources-hero h1 {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  font-size: 56px;
  line-height: 1.08;
}

.profile-detail-hero h1 {
  margin-left: 0;
  font-size: 48px;
}

.profile-detail-hero p,
.product-detail-hero p,
.seo-landing-hero p,
.city-page-hero p,
.resources-hero p {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.profile-detail-hero p {
  margin-left: 0;
}

.hero-product-photo {
  width: min(100%, 360px);
  aspect-ratio: 1;
  margin: 22px auto 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(165, 92, 34, 0.22);
  background: #fffaf3;
}

.hero-product-photo img,
.hero-product-photo picture,
.hero-product-photo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-contact-bar,
.profile-nav-strip {
  width: min(100% - 48px, 1520px);
  margin-left: auto;
  margin-right: auto;
}

.profile-contact-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border: 1px solid rgba(165, 92, 34, 0.22);
  border-radius: 10px;
  background: rgba(255, 250, 243, 0.94);
}

.profile-contact-actions,
.profile-nav-strip,
.hero-actions,
.card-actions,
.compact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.profile-detail-hero .hero-actions {
  justify-content: flex-end;
}

.profile-nav-strip {
  display: flex;
  overflow-x: auto;
  padding: 8px;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 10px;
  background: #fffaf3;
  scrollbar-width: thin;
}

.profile-nav-strip a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid rgba(176, 0, 13, 0.18);
  border-radius: 999px;
  background: #fff;
  color: #980009;
  text-decoration: none;
  font-weight: 800;
}

.trust-strip,
.profile-trust-badges,
.profile-signal-row,
.field-tags,
.city-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.profile-trust-badges span,
.trust-strip span,
.profile-signal-row span,
.field-tags span,
.field-tags a,
.city-cloud a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid rgba(176, 0, 13, 0.18);
  border-radius: 999px;
  background: #fffaf3;
  color: #7a140f;
  font-weight: 800;
  text-decoration: none;
}

.profile-trust-badges .is-active {
  background: #f1fff6;
  color: #007a35;
  border-color: rgba(0, 122, 53, 0.22);
}

.profile-trust-badges .is-pending {
  opacity: 0.72;
}

.detail-conversion-panel,
.product-conversion-panel,
.city-map-section,
.section-guidance,
.setup-wizard-panel,
.onboarding-hero,
.onboarding-command-center,
.launch-control,
.role-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.85fr);
  gap: 22px;
  align-items: center;
}

.detail-kpi-grid,
.decision-mini-grid,
.verification-mini-grid,
.product-spec-grid,
.readiness-grid,
.role-dashboard-grid,
.role-board,
.wizard-grid,
.onboarding-steps,
.action-grid,
.milestone-list,
.admin-command-grid,
.media-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}

.decision-mini-grid article,
.verification-mini-grid article,
.product-spec-grid div,
.detail-kpi-grid .panel,
.dashboard-panel,
.admin .dashboard-panel,
.panel,
.profile-card,
.product-card,
.gallery-item-card {
  min-width: 0;
}

.decision-mini-grid article,
.verification-mini-grid article,
.product-spec-grid div {
  padding: 14px;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 10px;
  background: #fff;
}

.section.split,
.grid-two,
.cards,
.capability-grid,
.feature-list {
  min-width: 0;
}

.city-page-hero .hero-search,
.seo-landing-hero .hero-actions,
.city-page-hero .hero-actions {
  width: min(100%, 900px);
  margin-left: auto;
  margin-right: auto;
}

.city-map-preview {
  min-height: 260px;
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(176, 0, 13, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 243, 225, 0.95), rgba(255, 255, 255, 0.8));
}

.dashboard {
  width: min(100% - 32px, 1760px);
  margin: 22px auto 36px;
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.dashboard-side {
  position: sticky;
  top: 96px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  padding: 16px;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 10px;
  background: rgba(255, 250, 243, 0.95);
  box-shadow: 0 16px 34px rgba(108, 50, 8, 0.08);
}

.dashboard-side h2 {
  margin: 0 0 12px;
  font-size: 22px;
}

.dashboard-side a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #2a160f;
  text-decoration: none;
  font-weight: 800;
}

.dashboard-side a.active,
.dashboard-side a:hover {
  background: #b0000d;
  color: #fff;
}

.dashboard-main {
  min-width: 0;
  overflow: hidden;
}

.dashboard-main > h1 {
  margin: 0 0 18px;
  font-size: 44px;
  line-height: 1.12;
}

.dashboard-page-lead {
  max-width: 900px;
  margin: -8px 0 16px;
  color: #5b463b;
  font-weight: 800;
  line-height: 1.45;
}

.provider-today-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 18px;
  align-items: stretch;
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 96% 2%, rgba(255, 198, 51, 0.18), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 235, 0.94));
}

.provider-today-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.provider-today-copy h2 {
  margin: 4px 0 10px;
  font-size: clamp(28px, 3.4vw, 46px);
  line-height: 1.08;
}

.provider-today-copy p {
  color: #5b463b;
  font-weight: 800;
}

.provider-today-copy .hero-actions {
  justify-content: flex-start;
  margin-top: 10px;
}

.provider-today-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.provider-today-grid article {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 10px;
  background: #fff;
  text-align: center;
  box-shadow: 0 12px 28px rgba(108, 50, 8, 0.06);
}

.provider-today-grid span {
  display: block;
  color: #8f000a;
  font-weight: 950;
  font-size: 0.85rem;
  text-transform: uppercase;
}

.provider-today-grid strong {
  display: block;
  margin: 8px 0 6px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
  color: #25140e;
}

.provider-today-grid small {
  display: block;
  color: #654b3d;
  font-weight: 800;
  line-height: 1.35;
}

.dashboard-panel,
.admin .dashboard-panel {
  width: 100%;
  margin: 0 0 18px;
  padding: 22px;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 42px rgba(108, 50, 8, 0.06);
  overflow: hidden;
}

.dashboard .metric-grid,
.admin .metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.dashboard .panel,
.admin .panel {
  overflow: hidden;
}

.dashboard .big-number,
.admin .big-number {
  font-size: 34px;
  line-height: 1.05;
}

.dashboard table,
.admin table,
.dashboard .table,
.admin .table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  scrollbar-width: thin;
}

.dashboard .form-grid,
.admin .form-grid,
.dashboard .compact-fields,
.admin .compact-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.dashboard input,
.dashboard select,
.dashboard textarea,
.admin input,
.admin select,
.admin textarea {
  width: 100%;
  min-width: 0;
}

.role-dashboard-card,
.wizard-card,
.step-card,
.action-card,
.milestone-item,
.admin-command-card,
.role-workspace {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 16px;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  color: inherit;
}

.role-dashboard-card.active,
.wizard-card.active,
.role-workspace.active,
.milestone-item.done {
  border-color: rgba(0, 122, 53, 0.28);
  background: linear-gradient(180deg, #f3fff7, #fff);
}

.role-dashboard-card.current {
  box-shadow: inset 0 0 0 2px rgba(176, 0, 13, 0.18);
}

.admin-command-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.admin-export-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.admin-ops-playbook {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.admin-ops-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 10px;
  align-items: start;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(157, 13, 17, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.88);
  color: #21120d;
  text-decoration: none;
}

.admin-ops-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-weight: 950;
}

.admin-ops-step strong {
  min-width: 0;
  font-size: 0.98rem;
  line-height: 1.2;
}

.admin-ops-step small {
  grid-column: 2;
  min-width: 0;
  color: #63483a;
  font-weight: 800;
  line-height: 1.35;
}

.readiness.ready,
.readiness.success {
  border-color: rgba(0, 122, 53, 0.26);
  background: #f5fff8;
}

.readiness.warning {
  border-color: rgba(224, 147, 0, 0.32);
  background: #fffaf0;
}

.readiness.action,
.readiness.danger {
  border-color: rgba(176, 0, 13, 0.28);
  background: #fff6f5;
}

.receipt-shell,
.section-block {
  width: min(100% - 48px, 1100px);
  margin: 28px auto;
  padding: 28px;
  border: 1px solid rgba(165, 92, 34, 0.22);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(108, 50, 8, 0.08);
}

.error-hero {
  min-height: 360px;
  display: grid;
  align-content: center;
}

.utility-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: min(100%, 760px);
  margin: 22px auto 0;
}

.utility-action-grid a {
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, 0.18);
  border-radius: 10px;
  background: #fff;
  color: #980009;
  text-decoration: none;
  font-weight: 900;
}

.mobile-context-bar {
  max-width: calc(100% - 12px);
}

@media (max-width: 1180px) {
  .profile-detail-hero {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .profile-detail-hero .hero-actions {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .detail-conversion-panel,
  .product-conversion-panel,
  .city-map-section,
  .section-guidance,
  .setup-wizard-panel,
  .onboarding-hero,
  .onboarding-command-center,
  .launch-control,
  .role-command-center,
  .admin-command-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .profile-detail-hero,
  .product-detail-hero,
  .seo-landing-hero,
  .city-page-hero,
  .resources-hero,
  .error-hero,
  .profile-contact-bar,
  .profile-nav-strip,
  .receipt-shell,
  .section-block {
    width: calc(100% - 14px);
  }

  .profile-detail-hero,
  .product-detail-hero,
  .seo-landing-hero,
  .city-page-hero,
  .resources-hero,
  .error-hero {
    padding: 24px 14px;
    margin-top: 10px;
    border-radius: 8px;
  }

  .profile-detail-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .profile-detail-hero p {
    margin-left: auto;
  }

  .profile-detail-hero h1,
  .product-detail-hero h1,
  .seo-landing-hero h1,
  .city-page-hero h1,
  .resources-hero h1 {
    font-size: 30px;
    line-height: 1.12;
  }

  .profile-contact-bar {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero-actions,
  .profile-contact-actions,
  .card-actions,
  .compact-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .hero-actions .button,
  .profile-contact-actions .button,
  .card-actions .button,
  .compact-actions .button,
  .hero-actions button,
  .card-actions button {
    width: 100%;
    min-height: 40px;
  }

  .dashboard {
    width: calc(100% - 10px);
    display: block;
    margin: 8px auto 92px;
  }

  .dashboard-side {
    position: static;
    max-height: none;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin-bottom: 12px;
    padding: 10px;
    scrollbar-width: thin;
  }

  .dashboard-side h2,
  .dashboard-side a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .dashboard-side h2 {
    align-self: center;
    margin: 0 4px 0 0;
    font-size: 18px;
  }

  .dashboard-main > h1,
  .admin .dashboard-main > h1 {
    text-align: center;
    font-size: 30px;
  }

  .dashboard-page-lead {
    margin: -6px auto 14px;
    text-align: center;
    font-size: 14px;
  }

  .provider-today-panel {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .provider-today-copy .hero-actions {
    justify-content: center;
  }

  .provider-today-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .provider-today-grid article {
    padding: 12px 10px;
  }

  .dashboard-panel,
  .admin .dashboard-panel {
    padding: 14px;
    border-radius: 8px;
  }

  .dashboard .metric-grid,
  .admin .metric-grid,
  .detail-kpi-grid,
  .decision-mini-grid,
  .verification-mini-grid,
  .product-spec-grid,
  .readiness-grid,
  .role-dashboard-grid,
  .role-board,
  .wizard-grid,
  .onboarding-steps,
  .action-grid,
  .milestone-list,
  .admin-command-grid,
  .media-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .dashboard .big-number,
  .admin .big-number {
    font-size: 26px;
  }

  .role-dashboard-card,
  .wizard-card,
  .step-card,
  .action-card,
  .milestone-item,
  .admin-command-card,
  .role-workspace {
    padding: 12px;
  }

  .utility-action-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .profile-detail-hero h1,
  .product-detail-hero h1,
  .seo-landing-hero h1,
  .city-page-hero h1,
  .resources-hero h1 {
    font-size: 27px;
  }

  .dashboard .metric-grid,
  .admin .metric-grid,
  .detail-kpi-grid,
  .decision-mini-grid,
  .verification-mini-grid,
  .product-spec-grid,
  .readiness-grid,
  .role-dashboard-grid,
  .role-board,
  .wizard-grid,
  .onboarding-steps,
  .action-grid,
  .milestone-list,
  .admin-command-grid,
  .media-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .provider-today-grid {
    grid-template-columns: 1fr;
  }
}

/* Phase 2 public profile mini-site layer */
body.route-profile .phase2-public-profile-hero {
  width: min(100% - 48px, 1460px);
  grid-template-columns: minmax(108px, auto) minmax(0, 1fr) minmax(230px, 0.28fr);
}

body.route-profile .phase2-public-profile-hero .profile-trust-badges {
  justify-content: flex-start;
}

body.route-profile .phase2-profile-public-lead {
  margin-top: 10px;
  max-width: 760px;
  color: #4b3428;
  font-weight: 800;
}

body.route-profile .phase2-profile-minisite {
  width: min(100% - 48px, 1460px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 18px;
  align-items: stretch;
  padding: 22px;
  border: 1px solid rgba(165, 92, 34, 0.22);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255, 250, 243, 0.96), rgba(255, 246, 232, 0.92)),
    #fffaf3;
  box-shadow: 0 20px 44px rgba(98, 45, 8, 0.08);
  overflow: hidden;
}

body.route-profile .phase2-profile-minisite :is(h2, p) {
  margin-left: 0;
  margin-right: 0;
}

body.route-profile .phase2-profile-minisite h2 {
  margin: 6px 0 10px;
  font-size: clamp(28px, 3vw, 48px);
  line-height: 1.08;
}

body.route-profile .phase2-profile-minisite p {
  color: #5f4638;
  font-weight: 750;
}

body.route-profile .phase2-profile-counts,
body.route-profile .phase2-profile-paths,
body.route-profile .phase2-profile-local-links {
  display: grid;
  gap: 10px;
}

body.route-profile .phase2-profile-counts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
}

body.route-profile .phase2-profile-counts a,
body.route-profile .phase2-profile-paths a,
body.route-profile .phase2-profile-local-links a {
  min-width: 0;
  text-decoration: none;
  border: 1px solid rgba(176, 0, 13, 0.16);
  background: rgba(255, 255, 255, 0.88);
  color: #241812;
}

body.route-profile .phase2-profile-counts a {
  display: grid;
  justify-items: center;
  gap: 4px;
  padding: 12px 10px;
  border-radius: 10px;
  text-align: center;
}

body.route-profile .phase2-profile-counts strong {
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1;
  color: #b0000d;
}

body.route-profile .phase2-profile-counts span {
  font-size: 13px;
  font-weight: 900;
}

body.route-profile .phase2-profile-paths {
  grid-template-columns: 1fr;
}

body.route-profile .phase2-profile-paths a {
  display: grid;
  gap: 5px;
  min-height: 92px;
  padding: 16px;
  border-radius: 10px;
  background:
    radial-gradient(circle at 94% 20%, rgba(255, 188, 28, 0.18), transparent 36%),
    #fff;
}

body.route-profile .phase2-profile-paths strong {
  color: #980009;
  font-size: 18px;
}

body.route-profile .phase2-profile-paths span {
  color: #60483b;
  font-weight: 760;
}

body.route-profile .phase2-profile-local-links {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.route-profile .phase2-profile-local-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: #980009;
  font-weight: 900;
  text-align: center;
}

body.route-profile .profile-offer-grid {
  align-items: stretch;
}

body.route-profile .listing-card {
  display: flex;
  flex-direction: column;
}

body.route-profile .listing-card .listing-actions {
  margin-top: auto;
}

body.route-profile .profile-gallery-showcase {
  width: min(100%, 1180px);
  margin-inline: auto;
}

@media (max-width: 1180px) {
  body.route-profile .phase2-public-profile-hero {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.route-profile .phase2-profile-minisite {
    grid-template-columns: 1fr;
  }

  body.route-profile .phase2-profile-local-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  body.route-profile .phase2-public-profile-hero,
  body.route-profile .phase2-profile-minisite {
    width: calc(100% - 14px);
  }

  body.route-profile .phase2-public-profile-hero .profile-trust-badges {
    justify-content: center;
  }

  body.route-profile .phase2-profile-public-lead {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  body.route-profile .phase2-profile-minisite {
    padding: 16px 12px;
    text-align: center;
  }

  body.route-profile .phase2-profile-counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.route-profile .phase2-profile-paths {
    grid-template-columns: 1fr;
  }

  body.route-profile .phase2-profile-paths a {
    min-height: 78px;
  }

  body.route-profile .phase2-profile-local-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  body.route-profile .phase2-profile-minisite h2 {
    font-size: 26px;
  }

  body.route-profile .phase2-profile-counts,
  body.route-profile .phase2-profile-local-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.route-profile .phase2-profile-counts a {
    padding-inline: 6px;
  }

  body.route-profile .phase2-profile-counts span,
  body.route-profile .phase2-profile-local-links a {
    font-size: 12px;
  }
}

/* Pricing final pass */
.route-pricing .pricing-hero-final {
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 16px;
  width: calc(100% - 48px);
  max-width: 1680px;
}

.pricing-hero-logo {
  width: min(320px, 78%);
  max-height: 118px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(120, 54, 20, 0.18);
  border-radius: 8px;
  padding: 18px 24px;
  box-shadow: 0 18px 42px rgba(50, 20, 10, 0.1);
}

.route-pricing .pricing-hero-final h1 {
  max-width: 980px;
  margin: 0 auto;
  letter-spacing: 0;
}

.route-pricing .pricing-hero-final p {
  max-width: 900px;
  margin: 0 auto;
  font-weight: 750;
}

.pricing-hero-actions {
  justify-content: center;
}

.pricing-quick-grid,
.pricing-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
}

.pricing-quick-grid article,
.pricing-step-grid article {
  min-width: 0;
  border: 1px solid rgba(166, 82, 34, 0.22);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 238, 0.9));
  padding: 20px;
  text-align: center;
  box-shadow: 0 18px 38px rgba(75, 29, 12, 0.08);
}

.pricing-quick-grid span,
.pricing-step-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  min-height: 34px;
  border-radius: 999px;
  padding: 0 12px;
  background: #b40712;
  color: #fff;
  font-weight: 900;
  margin-bottom: 12px;
}

.pricing-quick-grid strong,
.pricing-step-grid strong {
  display: block;
  color: #241711;
  font-size: 19px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.pricing-quick-grid small,
.pricing-step-grid small {
  display: block;
  color: #5f493b;
  line-height: 1.45;
  font-weight: 700;
}

.pricing-card-grid-final {
  width: min(1420px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.pricing-card-final {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  padding: 24px;
  border: 1px solid rgba(158, 71, 26, 0.24);
  background: #fffdfa;
  box-shadow: 0 22px 45px rgba(55, 25, 12, 0.08);
}

.pricing-card-final::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: var(--pricing-tone, #b40712);
}

.pricing-tone-customer { --pricing-tone: #7f9a42; background: linear-gradient(180deg, #fbfff3, #fffdf8); }
.pricing-tone-artist { --pricing-tone: #b85b44; background: linear-gradient(180deg, #fff7f4, #fffdf9); }
.pricing-tone-tutor { --pricing-tone: #d99a0b; background: linear-gradient(180deg, #fffaf0, #fffdf9); }
.pricing-tone-growth { --pricing-tone: #0e8d58; background: linear-gradient(180deg, #f3fff9, #fffdf8); }
.pricing-tone-vendor { --pricing-tone: #b40712; background: linear-gradient(180deg, #fff5f5, #fffdf8); }

.pricing-card-final.featured {
  border-color: rgba(180, 7, 18, 0.5);
  box-shadow: 0 28px 56px rgba(180, 7, 18, 0.16);
}

.pricing-ribbon {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  border-radius: 999px;
  background: #ffc400;
  color: #241711;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 900;
}

.pricing-card-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding-top: 6px;
}

.pricing-role-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--pricing-tone, #b40712);
  background: rgba(255, 236, 205, 0.95);
  box-shadow: 0 18px 34px rgba(65, 20, 10, 0.1);
}

.pricing-role-icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pricing-card-label {
  display: inline-block;
  color: var(--pricing-tone, #b40712);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-card-final h2 {
  margin: 4px 0 0;
  font-size: 27px;
  line-height: 1.12;
  letter-spacing: 0;
  color: #21150f;
}

.pricing-best-for {
  margin: 0;
  color: #50382b;
  font-weight: 800;
  line-height: 1.45;
}

.pricing-price-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pricing-price-box div {
  min-width: 0;
  border: 1px solid rgba(166, 82, 34, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  padding: 12px;
  text-align: center;
}

.pricing-price-box small {
  display: block;
  color: #84634d;
  font-weight: 900;
}

.pricing-price-box strong {
  display: block;
  color: #b40712;
  font-size: 22px;
  line-height: 1.1;
  margin-top: 3px;
}

.pricing-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 9px;
}

.pricing-check-list li {
  position: relative;
  padding-left: 24px;
  color: #3d2a20;
  font-weight: 750;
  line-height: 1.35;
}

.pricing-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--pricing-tone, #b40712);
  box-shadow: 0 0 0 4px rgba(255, 221, 181, 0.65);
}

.pricing-limit-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.pricing-limit-row span {
  min-width: 0;
  border-radius: 8px;
  border: 1px solid rgba(166, 82, 34, 0.18);
  background: rgba(255, 250, 242, 0.82);
  padding: 9px 6px;
  text-align: center;
}

.pricing-limit-row small,
.pricing-limit-row strong {
  display: block;
  line-height: 1.15;
}

.pricing-limit-row small {
  color: #7b5f4e;
  font-weight: 900;
  font-size: 11px;
}

.pricing-limit-row strong {
  margin-top: 3px;
  color: #241711;
  font-size: 16px;
}

.pricing-card-details,
.pricing-wide-details {
  border: 1px solid rgba(166, 82, 34, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
}

.pricing-card-details summary,
.pricing-wide-details summary {
  cursor: pointer;
  padding: 13px 15px;
  color: #9e0009;
  font-weight: 900;
  text-align: center;
}

.pricing-card-details p {
  margin: 0;
  padding: 0 16px 14px;
  color: #50382b;
  line-height: 1.45;
  font-weight: 700;
}

.pricing-card-cta {
  margin-top: auto;
  width: 100%;
  text-align: center;
}

.pricing-payment-section,
.pricing-compare-section,
.pricing-faq-section-final {
  width: min(1320px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

.pricing-payment-note {
  width: min(980px, 100%);
  margin: 18px auto 0;
  display: grid;
  gap: 6px;
  border: 1px solid rgba(180, 7, 18, 0.18);
  border-radius: 8px;
  background: rgba(255, 245, 240, 0.96);
  padding: 18px 20px;
  text-align: center;
  color: #4a3025;
  font-weight: 750;
}

.pricing-payment-note strong {
  color: #b40712;
}

.pricing-wide-details {
  background: #fffdfa;
  box-shadow: 0 18px 42px rgba(54, 24, 8, 0.08);
  overflow: hidden;
}

.pricing-wide-details[open] summary {
  border-bottom: 1px solid rgba(166, 82, 34, 0.18);
}

.pricing-wide-details .pricing-compare {
  margin: 0;
  border: 0;
  box-shadow: none;
  max-width: none;
}

.pricing-faq-list {
  width: min(920px, 100%);
  margin: 0 auto;
}

.pricing-final-cta {
  justify-content: center;
  text-align: center;
}

@media (max-width: 1180px) {
  .pricing-card-grid-final {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 720px) {
  .route-pricing .pricing-hero-final,
  .pricing-quick-grid,
  .pricing-step-grid,
  .pricing-card-grid-final,
  .pricing-payment-section,
  .pricing-compare-section,
  .pricing-faq-section-final {
    width: calc(100% - 18px);
  }

  .pricing-hero-logo {
    width: min(250px, 82%);
    padding: 12px 16px;
  }

  .route-pricing .pricing-hero-final h1 {
    font-size: 38px;
  }

  .pricing-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 10px;
  }

  .pricing-quick-grid,
  .pricing-step-grid,
  .pricing-card-grid-final {
    grid-template-columns: 1fr;
  }

  .pricing-card-final {
    padding: 18px;
  }

  .pricing-card-final h2 {
    font-size: 24px;
  }

  .pricing-price-box,
  .pricing-limit-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-ribbon {
    position: static;
    justify-self: start;
    width: max-content;
  }
}

@media (max-width: 430px) {
  .route-pricing .pricing-hero-final h1 {
    font-size: 32px;
  }

  .pricing-hero-actions {
    grid-template-columns: 1fr;
  }

  .pricing-card-top {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (min-width: 1181px) {
  .pricing-card-grid-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.pricing-card-grid-four .pricing-card-final {
  min-height: 650px;
}

.pricing-price-box.single-price {
  grid-template-columns: 1fr;
}

.pricing-price-box.single-price div {
  padding: 15px 12px;
}

.pricing-card-grid-four .pricing-ribbon {
  top: 14px;
  right: 14px;
}

.register-plan-panel {
  border: 1px solid rgba(180, 7, 18, 0.18);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 250, 245, 0.98), rgba(255, 255, 255, 0.96));
  padding: 14px;
  margin: 12px 0 6px;
}

.register-plan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.auth-card .register-plan-card {
  position: relative;
  min-width: 0;
  cursor: pointer;
  border: 2px solid rgba(193, 126, 88, 0.28);
  border-radius: 8px;
  background: #fffdfa;
  padding: 12px;
  display: grid;
  gap: 5px;
  box-shadow: 0 14px 26px rgba(70, 28, 12, 0.06);
}

.auth-card .register-plan-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.auth-card .register-plan-card span,
.auth-card .register-plan-card small,
.auth-card .register-plan-card em {
  display: block;
}

.auth-card .register-plan-card span {
  color: #b40712;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.auth-card .register-plan-card strong {
  color: #241711;
  font-size: 15px;
  line-height: 1.2;
}

.auth-card .register-plan-card small,
.auth-card .register-plan-card em {
  color: #604638;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  font-style: normal;
}

.auth-card .register-plan-card.is-active {
  border-color: #b40712;
  box-shadow: 0 18px 34px rgba(180, 7, 18, 0.15);
}

.auth-card .register-plan-card.is-muted {
  opacity: 0.62;
}

.auth-card .register-consent-check {
  margin-top: 12px;
  border: 1px solid rgba(180, 7, 18, 0.18);
  border-radius: 8px;
  background: rgba(255, 241, 232, 0.78);
  padding: 11px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: #432a20;
  font-weight: 800;
  line-height: 1.35;
}

.auth-card .register-consent-check input {
  margin-top: 4px;
}

@media (max-width: 720px) {
  .pricing-card-grid-four .pricing-card-final {
    min-height: auto;
  }

  .register-plan-grid {
    grid-template-columns: 1fr;
  }

  .register-plan-panel {
    padding: 10px;
  }
}

/* Pricing premium rebuild */
body.route-pricing .pricing-hero-final {
  width: min(1680px, calc(100% - 48px)) !important;
  min-height: 460px;
  align-content: center;
  gap: 14px;
  padding: clamp(36px, 5vw, 72px) clamp(18px, 4vw, 56px);
  overflow: hidden;
}

body.route-pricing .pricing-hero-final h1 {
  max-width: 980px;
  font-size: clamp(42px, 6vw, 92px);
  line-height: .98;
}

body.route-pricing .pricing-hero-final > p:not(.eyebrow) {
  max-width: 860px;
  font-size: clamp(16px, 1.4vw, 22px);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.pricing-hero-chips {
  width: min(940px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pricing-hero-chips span {
  min-width: 0;
  border: 1px solid rgba(180, 7, 18, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #9d0d11;
  padding: 10px 12px;
  font-weight: 900;
  font-size: 13px;
  line-height: 1.15;
  text-align: center;
  box-shadow: 0 14px 28px rgba(65, 22, 8, .07);
}

body.route-pricing .pricing-quick-section {
  padding-top: 18px;
}

body.route-pricing .pricing-quick-grid {
  width: min(1260px, calc(100% - 48px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px;
}

body.route-pricing .pricing-quick-grid article {
  min-height: 144px;
  display: grid;
  align-content: center;
  padding: 18px 16px;
  border-color: rgba(174, 91, 39, .18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 247, 236, .88)),
    radial-gradient(circle at 20% 0%, rgba(255, 196, 0, .16), transparent 42%);
}

body.route-pricing .pricing-quick-grid span {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 9px;
}

body.route-pricing .pricing-plans-section {
  padding-top: 36px;
  width: min(1560px, calc(100% - 56px)) !important;
  max-width: min(1560px, calc(100% - 56px)) !important;
}

body.phase1-foundation.page-public.route-pricing section.pricing-plans-section.section {
  width: min(1560px, calc(100% - 56px)) !important;
  max-width: min(1560px, calc(100% - 56px)) !important;
}

body.route-pricing .pricing-card-grid-four {
  width: min(1560px, calc(100% - 56px)) !important;
  max-width: min(1560px, calc(100% - 56px)) !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
  gap: 20px;
  align-items: stretch;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.route-pricing .pricing-card-final {
  --pricing-soft: rgba(255, 246, 231, .82);
  min-height: 720px;
  isolation: isolate;
  padding: 24px 22px 22px;
  border-radius: 8px;
  border: 1px solid rgba(148, 65, 25, .2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), var(--pricing-soft)),
    radial-gradient(circle at 50% 0%, rgba(255, 196, 0, .18), transparent 42%);
  box-shadow: 0 26px 54px rgba(54, 24, 8, .11);
}

body.route-pricing .pricing-card-final::before {
  height: 7px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(90deg, var(--pricing-tone, #b40712), #ffc400);
}

body.route-pricing .pricing-card-final::after {
  content: "";
  position: absolute;
  inset: 56px -60px auto auto;
  z-index: -1;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--pricing-tone, #b40712) 12%, transparent);
  filter: blur(2px);
}

body.route-pricing .pricing-tone-artist { --pricing-tone: #b85b44; --pricing-soft: #fff3eb; }
body.route-pricing .pricing-tone-tutor { --pricing-tone: #d99a0b; --pricing-soft: #fff7e4; }
body.route-pricing .pricing-tone-growth { --pricing-tone: #0e8d58; --pricing-soft: #effcf4; }
body.route-pricing .pricing-tone-vendor { --pricing-tone: #b40712; --pricing-soft: #fff0f0; }

body.route-pricing .pricing-card-final.featured {
  transform: translateY(-8px);
  border-color: rgba(180, 7, 18, .48);
  box-shadow: 0 32px 62px rgba(180, 7, 18, .15);
}

body.route-pricing .pricing-ribbon {
  top: 16px;
  right: 16px;
  background: #ffc400;
  color: #20140f;
  border: 1px solid rgba(111, 54, 0, .16);
  box-shadow: 0 12px 24px rgba(83, 38, 0, .12);
}

body.route-pricing .pricing-card-top {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  gap: 12px;
  padding: 28px 0 0;
}

body.route-pricing .pricing-role-icon {
  width: 72px;
  height: 72px;
  color: #fff;
  background: linear-gradient(145deg, var(--pricing-tone, #b40712), #2d170f);
  box-shadow: 0 20px 42px color-mix(in srgb, var(--pricing-tone, #b40712) 30%, transparent);
}

body.route-pricing .pricing-role-icon svg {
  width: 36px;
  height: 36px;
}

body.route-pricing .pricing-card-label {
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
  color: var(--pricing-tone, #b40712);
  font-size: 12px;
}

body.route-pricing .pricing-card-final h2 {
  max-width: 100%;
  font-size: clamp(23px, 1.8vw, 31px);
  line-height: 1.08;
  text-align: center;
}

body.route-pricing .pricing-best-for {
  min-height: 74px;
  display: grid;
  align-items: center;
  text-align: center;
  color: #4b3428;
  font-size: 15px;
}

body.route-pricing .pricing-price-box.single-price,
body.route-pricing .pricing-price-box {
  grid-template-columns: 1fr;
}

body.route-pricing .pricing-price-box div {
  position: relative;
  overflow: hidden;
  padding: 18px 14px;
  background: #fff;
  border-color: color-mix(in srgb, var(--pricing-tone, #b40712) 22%, rgba(166, 82, 34, .18));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 14px 28px rgba(63, 28, 12, .06);
}

body.route-pricing .pricing-price-box strong {
  color: var(--pricing-tone, #b40712);
  font-size: clamp(28px, 2.4vw, 38px);
}

body.route-pricing .pricing-check-list {
  gap: 8px;
}

body.route-pricing .pricing-check-list li {
  min-height: 30px;
  display: flex;
  align-items: center;
  padding-left: 28px;
  font-size: 14px;
}

body.route-pricing .pricing-check-list li::before {
  top: 50%;
  transform: translateY(-50%);
  background: var(--pricing-tone, #b40712);
}

.pricing-trial-pill {
  display: grid;
  gap: 3px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--pricing-tone, #b40712) 22%, transparent);
  background: rgba(255, 255, 255, .76);
  padding: 12px 14px;
  text-align: center;
}

.pricing-trial-pill strong {
  color: #21150f;
  font-size: 16px;
  line-height: 1.1;
}

.pricing-trial-pill span {
  color: #654a3b;
  font-size: 12px;
  font-weight: 850;
}

body.route-pricing .pricing-limit-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

body.route-pricing .pricing-limit-row span {
  background: rgba(255, 255, 255, .82);
  border-color: rgba(131, 63, 27, .16);
}

body.route-pricing .pricing-limit-row strong {
  font-size: 15px;
}

body.route-pricing .pricing-card-details {
  margin-top: auto;
  background: rgba(255, 255, 255, .76);
}

body.route-pricing .pricing-card-cta {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-shadow: 0 18px 34px color-mix(in srgb, var(--pricing-tone, #b40712) 22%, transparent);
}

body.route-pricing .pricing-payment-section,
body.route-pricing .pricing-compare-section,
body.route-pricing .pricing-faq-section-final {
  width: min(1280px, calc(100% - 56px)) !important;
}

body.route-pricing .pricing-step-grid {
  width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.route-pricing .pricing-wide-details summary {
  min-height: 58px;
  display: grid;
  place-items: center;
}

@media (max-width: 1180px) {
  body.route-pricing .pricing-card-grid-four {
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  }

  body.route-pricing .pricing-quick-grid,
  body.route-pricing .pricing-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.route-pricing .pricing-hero-final,
  body.route-pricing .pricing-plans-section,
  body.route-pricing .pricing-card-grid-four,
  body.route-pricing .pricing-payment-section,
  body.route-pricing .pricing-compare-section,
  body.route-pricing .pricing-faq-section-final {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  body.phase1-foundation.page-public.route-pricing section.pricing-plans-section.section {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.route-pricing .pricing-hero-final {
    min-height: auto;
    padding: 30px 14px;
  }

  body.route-pricing .pricing-hero-final h1 {
    font-size: 34px;
    line-height: 1.05;
  }

  body.route-pricing .pricing-hero-final > p:not(.eyebrow) {
    font-size: 15px;
  }

  .pricing-hero-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .pricing-hero-chips span {
    padding: 9px 8px;
    font-size: 12px;
  }

  body.route-pricing .pricing-quick-grid {
    width: calc(100vw - 18px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  body.route-pricing .pricing-quick-grid article {
    min-height: 128px;
    padding: 14px 10px;
  }

  body.route-pricing .pricing-quick-grid strong {
    font-size: 15px;
  }

  body.route-pricing .pricing-quick-grid small {
    font-size: 12px;
  }

  body.route-pricing .pricing-card-grid-four {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  body.route-pricing .pricing-card-final {
    min-height: auto;
    padding: 20px 16px 18px;
  }

  body.route-pricing .pricing-card-final.featured {
    transform: none;
  }

  body.route-pricing .pricing-ribbon {
    position: absolute;
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
  }

  body.route-pricing .pricing-card-top {
    padding-top: 32px;
  }

  body.route-pricing .pricing-best-for {
    min-height: auto;
  }

  body.route-pricing .pricing-step-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-pricing .pricing-plans-section .section-head {
    width: min(100%, 340px);
    max-width: min(100%, 340px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 430px) {
  body.route-pricing .pricing-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.route-pricing .pricing-hero-actions .button {
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
  }

  body.route-pricing .pricing-limit-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Pricing overflow guard against older mobile rules */
body.route-pricing,
body.route-pricing main,
body.route-pricing .pricing-page-hero,
body.route-pricing .pricing-quick-grid,
body.route-pricing .pricing-card-grid-four,
body.route-pricing .pricing-card-final,
body.route-pricing .pricing-payment-section,
body.route-pricing .pricing-compare-section,
body.route-pricing .pricing-faq-section-final {
  box-sizing: border-box;
  max-width: 100%;
}

body.route-pricing {
  overflow-x: hidden;
}

body.route-pricing .pricing-card-final *,
body.route-pricing .pricing-quick-grid *,
body.route-pricing .pricing-hero-final * {
  min-width: 0;
  overflow-wrap: break-word;
}

@media (max-width: 720px) {
  body.phase1-foundation.page-public.route-pricing .pricing-hero-final h1,
  body.phase1-foundation.page-public.route-pricing .page-hero.pricing-hero-final h1 {
    width: min(100%, 330px) !important;
    max-width: min(100%, 330px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-hero-final .pricing-hero-chips,
  body.phase1-foundation.page-public.route-pricing .pricing-hero-final .pricing-hero-actions {
    width: min(100%, 330px) !important;
    max-width: min(100%, 330px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card-final {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 20px 16px 18px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .96), var(--pricing-soft)),
      radial-gradient(circle at 50% 0%, rgba(255, 196, 0, .18), transparent 42%) !important;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card-final h2 {
    font-size: 25px !important;
    line-height: 1.08 !important;
    color: #21150f !important;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-card-final p,
  body.phase1-foundation.page-public.route-pricing .pricing-card-final li,
  body.phase1-foundation.page-public.route-pricing .pricing-card-final small,
  body.phase1-foundation.page-public.route-pricing .pricing-card-final span {
    font-size: inherit;
  }

  body.route-pricing .pricing-card-grid-four {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden;
  }

  body.route-pricing .pricing-price-box,
  body.route-pricing .pricing-price-box.single-price,
  body.route-pricing .pricing-limit-row {
    width: 100%;
    max-width: 100%;
  }

  body.route-pricing .pricing-price-box strong {
    font-size: 29px !important;
  }

  body.route-pricing .pricing-hero-final h1 {
    width: min(100%, 330px) !important;
    max-width: min(100%, 330px) !important;
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  body.route-pricing .pricing-hero-final > p:not(.eyebrow) {
    width: min(100%, 330px);
    white-space: normal !important;
    overflow-wrap: break-word;
  }

  body.route-pricing .pricing-hero-actions {
    width: min(100%, 330px) !important;
    max-width: min(100%, 330px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden;
  }

  body.route-pricing .pricing-hero-chips {
    width: min(100%, 330px) !important;
    max-width: min(100%, 330px) !important;
  }
}

@media (max-width: 430px) {
  body.route-pricing .pricing-quick-grid {
    grid-template-columns: 1fr !important;
  }

  body.route-pricing .pricing-hero-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.route-pricing .pricing-hero-actions .button {
    font-size: 11px;
  }
}

/* Pricing page: July premium plan-card structure */
body.route-pricing .pricing-quick-section {
  display: none !important;
}

body.route-pricing .pricing-plans-section,
body.route-pricing .pricing-compare-section,
body.route-pricing .pricing-payment-section,
body.route-pricing .pricing-faq-section-final,
body.phase1-foundation.page-public.route-pricing .pricing-plans-section,
body.phase1-foundation.page-public.route-pricing .pricing-compare-section,
body.phase1-foundation.page-public.route-pricing .pricing-payment-section,
body.phase1-foundation.page-public.route-pricing .pricing-faq-section-final {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

body.route-pricing .pricing-hero-final {
  width: min(1680px, calc(100% - 48px)) !important;
  min-height: clamp(330px, 34vw, 520px);
  padding: clamp(34px, 5vw, 78px) clamp(16px, 4vw, 60px) !important;
  gap: 18px;
}

body.route-pricing .pricing-hero-logo {
  width: min(270px, 70vw);
}

body.route-pricing .pricing-hero-final .eyebrow {
  text-transform: uppercase;
}

body.route-pricing .pricing-hero-final h1 {
  max-width: 1180px !important;
  font-size: clamp(42px, 5vw, 82px) !important;
  line-height: 1.02 !important;
  text-align: center;
}

body.route-pricing .pricing-hero-chips-single {
  width: min(380px, 100%) !important;
  grid-template-columns: 1fr !important;
}

body.route-pricing .pricing-hero-chips-single span {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #b40712;
  color: #fff;
  border-color: #b40712;
  box-shadow: 0 20px 40px rgba(180, 7, 18, .18);
}

body.phase1-foundation.page-public.route-pricing section.pricing-plans-section.section,
body.route-pricing .pricing-plans-section {
  width: min(1680px, calc(100% - 56px)) !important;
  max-width: min(1680px, calc(100% - 56px)) !important;
  padding-top: 34px;
}

body.route-pricing .pricing-plans-section .section-head h2 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

body.route-pricing .pricing-card-grid-five {
  width: min(1680px, calc(100% - 56px)) !important;
  max-width: min(1680px, calc(100% - 56px)) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(214px, 1fr)) !important;
  gap: 16px;
  align-items: stretch;
  margin: 0 auto !important;
}

body.route-pricing .pricing-plan-card {
  min-height: 790px;
  padding: 22px 18px 18px !important;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

body.route-pricing .pricing-tone-free {
  --pricing-tone: #b85b44;
  --pricing-soft: #fff8ec;
}

body.route-pricing .pricing-plan-card.featured {
  transform: none;
}

body.route-pricing .pricing-plan-card .pricing-card-top {
  padding-top: 26px;
}

body.route-pricing .pricing-plan-card .pricing-role-icon {
  width: 62px;
  height: 62px;
}

body.route-pricing .pricing-plan-card .pricing-role-icon svg {
  width: 31px;
  height: 31px;
}

body.route-pricing .pricing-plan-card h2 {
  font-size: clamp(21px, 1.55vw, 28px) !important;
  min-height: 62px;
  display: grid;
  place-items: center;
}

body.route-pricing .pricing-plan-card .pricing-best-for {
  min-height: 92px;
  align-items: start;
  font-size: 14px;
  line-height: 1.35;
}

body.route-pricing .pricing-plan-card .pricing-price-box div {
  padding: 14px 12px;
}

body.route-pricing .pricing-plan-card .pricing-price-box strong {
  font-size: clamp(26px, 2vw, 34px) !important;
  line-height: 1.05;
}

body.route-pricing .pricing-trial-cost-v10 {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 10px;
  background: #fff9f3;
}

body.route-pricing .pricing-trial-cost-v10 > span {
  display: flex;
  gap: 8px;
  align-items: baseline;
  justify-content: space-between;
  min-width: 0;
}

body.route-pricing .pricing-trial-cost-v10 small,
body.route-pricing .pricing-trial-cost-v10 strong {
  font-size: 12px;
  line-height: 1.35;
}

body.route-pricing .pricing-trial-cost-v10 small {
  color: #6d5549;
  font-weight: 700;
}

body.route-pricing .pricing-trial-cost-v10 strong {
  color: #781017;
  text-align: right;
}

body.route-pricing .pricing-trial-cost-v10 s {
  margin-right: 3px;
  color: #817168;
  font-weight: 700;
}

body.route-pricing .pricing-card-feature-block {
  display: grid;
  gap: 8px;
  padding-top: 2px;
}

body.route-pricing .pricing-card-feature-block > strong {
  color: #21150f;
  font-size: 14px;
  text-align: left;
}

body.route-pricing .pricing-plan-card .pricing-check-list,
body.route-pricing .pricing-mini-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.route-pricing .pricing-plan-card .pricing-check-list li,
body.route-pricing .pricing-mini-list li {
  position: relative;
  min-height: 28px;
  padding-left: 24px;
  color: #4f3a2f;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.28;
}

body.route-pricing .pricing-plan-card .pricing-check-list li::before,
body.route-pricing .pricing-mini-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .28em;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--pricing-tone, #b40712);
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.82);
}

body.route-pricing .pricing-new-feature-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.route-pricing .pricing-new-feature-row span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--pricing-tone, #b40712) 22%, rgba(166, 82, 34, .18));
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  color: var(--pricing-tone, #b40712);
  text-align: center;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
  padding: 6px;
}

body.route-pricing .pricing-plan-card .pricing-card-cta {
  margin-top: auto;
  width: 100%;
}

body.route-pricing .pricing-free-pill {
  border-color: rgba(184, 91, 68, .22);
}

body.route-pricing .pricing-compare-section {
  width: min(1480px, calc(100% - 56px)) !important;
  max-width: min(1480px, calc(100% - 56px)) !important;
}

body.route-pricing .pricing-wide-details {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(174, 91, 39, .18);
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 22px 42px rgba(54, 24, 8, .08);
  overflow: hidden;
}

body.route-pricing .pricing-wide-details summary {
  cursor: pointer;
  color: #9d0d11;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 950;
  text-align: center;
  padding: 18px;
}

body.route-pricing .pricing-compare {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid rgba(174, 91, 39, .15);
  border-radius: 0;
}

body.route-pricing .pricing-compare table {
  width: 100%;
  min-width: 1050px;
  table-layout: fixed;
  border-collapse: collapse;
}

body.route-pricing .pricing-compare th,
body.route-pricing .pricing-compare td {
  padding: 16px 14px;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.route-pricing .pricing-compare thead th {
  background: #fff3e2;
  color: #21150f;
}

body.route-pricing .pricing-compare tbody th {
  background: #fffaf2;
  color: #21150f;
}

body.route-pricing .pricing-payment-section,
body.route-pricing .pricing-faq-section-final {
  width: min(1320px, calc(100% - 56px)) !important;
  max-width: min(1320px, calc(100% - 56px)) !important;
}

body.route-pricing .pricing-billing-points {
  width: min(980px, 100%);
  margin: 18px auto 0;
  border: 1px solid rgba(174, 91, 39, .18);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  padding: 22px;
  box-shadow: 0 18px 36px rgba(54, 24, 8, .08);
}

body.route-pricing .pricing-billing-points strong {
  display: block;
  text-align: center;
  color: #21150f;
  font-size: 20px;
  margin-bottom: 12px;
}

body.route-pricing .pricing-billing-points ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 22px;
}

body.route-pricing .pricing-billing-points li {
  color: #4f3a2f;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.45;
}

body.route-pricing .pricing-faq-section-final .section-head {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.route-pricing .pricing-faq-tabs {
  width: min(1120px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 auto;
}

body.route-pricing .pricing-faq-category {
  border: 1px solid rgba(174, 91, 39, .2);
  border-radius: 8px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 16px 32px rgba(54, 24, 8, .08);
  overflow: hidden;
}

body.route-pricing .pricing-faq-category > summary {
  min-height: 56px;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #9d0d11;
  font-size: 15px;
  font-weight: 950;
  text-align: center;
  padding: 12px;
  list-style-position: inside;
}

body.route-pricing .pricing-faq-category .pricing-faq-list {
  padding: 0 12px 14px;
}

body.route-pricing .pricing-faq-category .pricing-faq-list details {
  border-radius: 8px;
}

body.route-pricing .pricing-more-faqs {
  background: #fff7ed;
}

body.route-pricing .pricing-final-cta {
  justify-content: center;
  margin-top: 24px;
}

@media (max-width: 1360px) {
  body.route-pricing .pricing-card-grid-five {
    grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  body.route-pricing .pricing-card-grid-five {
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  }

  body.route-pricing .pricing-faq-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.route-pricing .pricing-hero-final,
  body.phase1-foundation.page-public.route-pricing section.pricing-plans-section.section,
  body.route-pricing .pricing-plans-section,
  body.route-pricing .pricing-card-grid-five,
  body.route-pricing .pricing-payment-section,
  body.route-pricing .pricing-compare-section,
  body.route-pricing .pricing-faq-section-final {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  body.route-pricing .pricing-hero-final h1 {
    width: min(100%, 350px) !important;
    max-width: min(100%, 350px) !important;
    font-size: 34px !important;
  }

  body.route-pricing .pricing-hero-chips-single {
    width: min(100%, 300px) !important;
    max-width: min(100%, 300px) !important;
  }

  body.route-pricing .pricing-card-grid-five {
    grid-template-columns: 1fr !important;
    gap: 14px;
    overflow: hidden;
  }

  body.route-pricing .pricing-plan-card {
    min-height: auto;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.route-pricing .pricing-plan-card h2 {
    min-height: 0;
  }

  body.route-pricing .pricing-plan-card .pricing-best-for {
    min-height: auto;
  }

  body.route-pricing .pricing-step-grid,
  body.route-pricing .pricing-faq-tabs {
    grid-template-columns: 1fr !important;
  }

  body.route-pricing .pricing-compare table {
    min-width: 0;
    width: 100%;
  }

  body.route-pricing .pricing-compare {
    overflow-x: visible;
  }

  body.route-pricing .pricing-compare thead {
    display: none;
  }

  body.route-pricing .pricing-compare table,
  body.route-pricing .pricing-compare tbody,
  body.route-pricing .pricing-compare tr,
  body.route-pricing .pricing-compare th,
  body.route-pricing .pricing-compare td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.route-pricing .pricing-compare tr {
    margin: 10px;
    border: 1px solid rgba(174, 91, 39, .16);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
  }

  body.route-pricing .pricing-compare tbody th {
    padding: 12px 14px;
    background: #fff3e2;
    color: #9d0d11;
    text-align: center;
  }

  body.route-pricing .pricing-compare td {
    padding: 10px 14px;
    border-top: 1px solid rgba(174, 91, 39, .11);
  }

  body.route-pricing .pricing-compare td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 3px;
    color: #7a3c1f;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-compare table,
  body.phase1-foundation.page-public.route-pricing .pricing-compare tbody,
  body.phase1-foundation.page-public.route-pricing .pricing-compare tr,
  body.phase1-foundation.page-public.route-pricing .pricing-compare th,
  body.phase1-foundation.page-public.route-pricing .pricing-compare td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.phase1-foundation.page-public.route-pricing .pricing-compare {
    overflow-x: visible !important;
  }
}

/* Pricing page final polish: four professional plans, free access strip, and tabbed FAQ */
body.route-pricing .pricing-free-access-strip {
  width: min(1320px, 100%);
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  border: 1px solid rgba(180, 7, 18, .18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 8% 18%, rgba(245, 184, 16, .14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 248, 237, .92));
  box-shadow: 0 22px 48px rgba(54, 24, 8, .1);
  padding: clamp(18px, 2.6vw, 30px);
}

body.route-pricing .pricing-free-icon {
  width: 76px;
  height: 76px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #fff2d6;
  color: #0f8a52;
  box-shadow: inset 0 0 0 1px rgba(15, 138, 82, .12), 0 16px 30px rgba(15, 138, 82, .1);
}

body.route-pricing .pricing-free-icon svg {
  width: 42px;
  height: 42px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.route-pricing .pricing-free-access-strip h2 {
  margin: 2px 0 8px;
  color: #21150f;
  font-size: clamp(25px, 2.4vw, 38px);
  line-height: 1.08;
}

body.route-pricing .pricing-free-access-strip p:not(.eyebrow) {
  max-width: 900px;
  margin: 0;
  color: #4d382f;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.5;
}

body.route-pricing .pricing-free-access-strip .button {
  white-space: nowrap;
}

body.route-pricing .pricing-card-grid-professional {
  width: min(1580px, 100%) !important;
  max-width: min(1580px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-plan-card {
  min-height: 610px !important;
  padding: 22px 22px 18px !important;
  gap: 12px !important;
  border-radius: 8px;
  overflow: hidden;
}

body.route-pricing .pricing-card-grid-professional .pricing-plan-card::after {
  width: 150px;
  height: 150px;
  opacity: .55;
}

body.route-pricing .pricing-card-grid-professional .pricing-card-top {
  grid-template-columns: 1fr !important;
  justify-items: center;
  text-align: center;
  padding-top: 30px !important;
  gap: 12px;
}

body.route-pricing .pricing-card-grid-professional .pricing-role-icon {
  width: 74px !important;
  height: 74px !important;
  color: var(--pricing-tone, #b40712);
  background: #fff1dc;
}

body.route-pricing .pricing-card-grid-professional .pricing-role-icon svg {
  width: 38px !important;
  height: 38px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.route-pricing .pricing-tone-artist {
  --pricing-tone: #9b4a34;
  --pricing-soft: #fff3ea;
}

body.route-pricing .pricing-tone-tutor {
  --pricing-tone: #b78300;
  --pricing-soft: #fff8dd;
}

body.route-pricing .pricing-tone-growth {
  --pricing-tone: #0f8a52;
  --pricing-soft: #ecfff5;
}

body.route-pricing .pricing-tone-vendor {
  --pricing-tone: #990d16;
  --pricing-soft: #fff0f2;
}

body.route-pricing .pricing-card-grid-professional .pricing-card-label {
  display: block;
  color: var(--pricing-tone, #b40712);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

body.route-pricing .pricing-card-grid-professional .pricing-plan-card h2 {
  min-height: 0 !important;
  margin: 6px 0 0;
  font-size: clamp(22px, 1.6vw, 30px) !important;
  line-height: 1.08 !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-best-for {
  min-height: 48px !important;
  display: block;
  margin: 0;
  color: #3c2a22;
  font-size: 14px !important;
  font-weight: 850;
  line-height: 1.34 !important;
  text-align: center;
}

body.route-pricing .pricing-card-grid-professional .pricing-card-feature-block {
  padding: 8px 0 0 !important;
  border-top: 1px solid rgba(174, 91, 39, .13);
}

body.route-pricing .pricing-card-grid-professional .pricing-card-feature-block > strong {
  text-align: center !important;
  font-size: 13px !important;
  text-transform: uppercase;
  color: #7a3c1f !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-check-list,
body.route-pricing .pricing-card-grid-professional .pricing-mini-list {
  gap: 5px !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-check-list li,
body.route-pricing .pricing-card-grid-professional .pricing-mini-list li {
  min-height: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  padding-left: 22px !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-price-box {
  margin-top: auto;
  border-color: rgba(174, 91, 39, .18);
  background: rgba(255, 255, 255, .75);
}

body.route-pricing .pricing-card-grid-professional .pricing-price-box div {
  padding: 12px 12px !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-price-box small {
  font-size: 11px;
  color: #7a3c1f;
  text-transform: uppercase;
}

body.route-pricing .pricing-card-grid-professional .pricing-price-box strong {
  color: var(--pricing-tone, #b40712);
  font-size: clamp(25px, 1.85vw, 34px) !important;
}

body.route-pricing .pricing-card-grid-professional .pricing-new-feature-row span {
  color: var(--pricing-tone, #b40712);
  border-color: rgba(174, 91, 39, .22);
  background: rgba(255, 255, 255, .8);
}

body.route-pricing .pricing-card-grid-professional .pricing-card-cta {
  margin-top: 0 !important;
  min-height: 44px;
}

body.route-pricing .pricing-trial-pill {
  display: none !important;
}

body.route-pricing .pricing-wide-details summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  background: linear-gradient(135deg, #fffaf2, #fff);
}

body.route-pricing .pricing-compare table {
  min-width: 900px !important;
}

body.route-pricing .pricing-compare th,
body.route-pricing .pricing-compare td {
  text-align: center;
}

body.route-pricing .pricing-compare tbody th {
  text-align: left;
}

body.route-pricing .pricing-step-grid article > span {
  width: 64px !important;
  height: 64px !important;
  display: inline-grid !important;
  place-items: center !important;
  position: relative;
  margin: 0 auto 10px !important;
  border-radius: 50%;
  background: #b40712 !important;
  color: #fff !important;
  box-shadow: 0 15px 28px rgba(180, 7, 18, .2);
}

body.route-pricing .pricing-step-grid article > span b {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #b40712;
  font-size: 11px;
  font-weight: 950;
}

body.route-pricing .pricing-step-grid article > span svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.route-pricing .pricing-billing-points ul {
  max-width: 790px;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: center;
}

body.route-pricing .pricing-billing-points li {
  position: relative;
  padding: 0 0 0 0 !important;
}

body.route-pricing .pricing-billing-points li::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 9px;
  border-radius: 50%;
  background: #b40712;
  vertical-align: middle;
}

body.route-pricing .pricing-faq-section-final {
  width: min(980px, calc(100% - 56px)) !important;
  max-width: min(980px, calc(100% - 56px)) !important;
  text-align: center;
}

body.route-pricing .pricing-faq-section-final .section-head h2 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

body.route-pricing .pricing-faq-tabs {
  width: min(820px, 100%) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center;
  gap: 18px !important;
  margin: 0 auto !important;
}

body.route-pricing .pricing-faq-tabs .faq-tabs {
  width: min(560px, 100%);
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

body.route-pricing .pricing-faq-tabs .faq-tabs button {
  min-height: 48px;
  border: 1px solid rgba(174, 91, 39, .25);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #9d0d11;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(54, 24, 8, .05);
}

body.route-pricing .pricing-faq-tabs .faq-tabs button.is-active {
  border-color: #b40712;
  background: #b40712;
  color: #fff;
  box-shadow: 0 18px 34px rgba(180, 7, 18, .16);
}

body.route-pricing .pricing-faq-panel {
  width: min(760px, 100%);
  display: none;
  gap: 12px;
  margin: 0 auto;
}

body.route-pricing .pricing-faq-panel.is-active {
  display: grid;
}

body.route-pricing .pricing-faq-panel > details,
body.route-pricing .pricing-more-faqs > details {
  border: 1px solid rgba(174, 91, 39, .2);
  border-radius: 8px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 14px 28px rgba(54, 24, 8, .06);
  overflow: hidden;
}

body.route-pricing .pricing-faq-panel details > summary {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  color: #21150f;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.25;
  list-style: none;
  padding: 14px 18px;
}

body.route-pricing .pricing-faq-panel details > summary::-webkit-details-marker {
  display: none;
}

body.route-pricing .pricing-faq-panel details p {
  max-width: 650px;
  margin: 0 auto;
  padding: 0 20px 18px;
  color: #4f3a2f;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55;
}

body.route-pricing .pricing-more-faqs {
  display: grid;
  gap: 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.route-pricing .pricing-more-faqs > summary {
  border: 1px solid rgba(174, 91, 39, .2);
  border-radius: 8px;
  background: #fff7ed;
  color: #9d0d11 !important;
}

@media (max-width: 1180px) {
  body.route-pricing .pricing-card-grid-professional {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.route-pricing .pricing-hero-final,
  body.route-pricing .pricing-plans-section,
  body.phase1-foundation.page-public.route-pricing section.pricing-plans-section.section,
  body.route-pricing .pricing-free-access-strip,
  body.route-pricing .pricing-card-grid-professional,
  body.route-pricing .pricing-payment-section,
  body.route-pricing .pricing-compare-section,
  body.route-pricing .pricing-faq-section-final {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  body.route-pricing .pricing-hero-final h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
  }

  body.route-pricing .pricing-free-access-strip {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    margin-bottom: 26px;
  }

  body.route-pricing .pricing-free-access-strip p:not(.eyebrow) {
    font-size: 14px;
  }

  body.route-pricing .pricing-card-grid-professional {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    overflow: hidden;
  }

  body.route-pricing .pricing-card-grid-professional .pricing-plan-card {
    min-height: auto !important;
    padding: 22px 18px 18px !important;
  }

  body.route-pricing .pricing-card-grid-professional .pricing-best-for {
    min-height: 0 !important;
  }

  body.route-pricing .pricing-compare table {
    min-width: 0 !important;
  }

  body.route-pricing .pricing-billing-points li::before {
    display: block;
    margin: 0 auto 6px;
  }

  body.route-pricing .pricing-faq-tabs .faq-tabs {
    width: min(100%, 360px);
  }

  body.route-pricing .pricing-faq-panel details > summary {
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Pricing improvements: stronger featured plan, mobile compare accordions, and admin-editable plan controls */
body.route-pricing .pricing-plan-card.featured {
  border: 2px solid #b40712 !important;
  box-shadow: 0 24px 48px rgba(180, 7, 18, .16), 0 0 0 6px rgba(255, 196, 10, .18) !important;
  transform: translateY(-6px);
}

body.route-pricing .pricing-plan-card.featured .pricing-ribbon {
  background: #b40712 !important;
  color: #fff !important;
  border-color: #b40712 !important;
  box-shadow: 0 12px 22px rgba(180, 7, 18, .18);
}

body.route-pricing .pricing-plan-card.featured .pricing-card-cta {
  background: #b40712 !important;
  color: #fff !important;
}

body.route-pricing .pricing-compare-mobile-list {
  display: none;
}

body.route-pricing .pricing-compare-mobile-list details {
  border: 1px solid rgba(174, 91, 39, .22);
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(54, 24, 8, .06);
}

body.route-pricing .pricing-compare-mobile-list summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  color: #9d0d11;
  font-weight: 950;
  cursor: pointer;
  list-style: none;
}

body.route-pricing .pricing-compare-mobile-list summary::-webkit-details-marker {
  display: none;
}

body.route-pricing .pricing-compare-mobile-values {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #fffaf2;
}

body.route-pricing .pricing-compare-mobile-values div {
  display: grid;
  grid-template-columns: minmax(112px, 42%) 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(174, 91, 39, .18);
  border-radius: 8px;
  background: #fff;
}

body.route-pricing .pricing-compare-mobile-values strong {
  color: #21150f;
  font-size: 12px;
  line-height: 1.2;
}

body.route-pricing .pricing-compare-mobile-values span {
  color: #4f3a2f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.28;
}

.admin-pricing-settings-form {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
}

.admin-pricing-settings-form .admin-pricing-limit-grid,
.admin-pricing-settings-form .form-hint,
.admin-pricing-settings-form button[type="submit"] {
  grid-column: 1 / -1;
}

.admin-pricing-limit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 14px;
}

.admin-plan-limit-card {
  border: 1px solid rgba(174, 91, 39, .22);
  border-radius: 8px;
  background: #fffaf4;
  padding: 14px;
}

.admin-plan-limit-card h3 {
  margin: 0 0 10px;
  color: #9d0d11;
  font-size: 16px;
}

.admin-featured-check {
  margin-top: 10px;
}

@media (max-width: 720px) {
  body.route-pricing .pricing-plan-card.featured {
    transform: none;
    box-shadow: 0 18px 34px rgba(180, 7, 18, .14), 0 0 0 4px rgba(255, 196, 10, .16) !important;
  }

  body.route-pricing .pricing-compare {
    display: none !important;
  }

  body.route-pricing .pricing-compare-mobile-list {
    display: grid !important;
    gap: 10px;
    width: 100%;
    padding: 10px 6px 4px;
  }

  body.route-pricing .pricing-compare-mobile-values div {
    grid-template-columns: minmax(96px, 40%) 1fr;
  }

  .admin-pricing-settings-form,
  .admin-pricing-limit-grid {
    grid-template-columns: 1fr;
  }
}

/* Final public-page audit refinements */
.legal-related-policies-section,
.legal-policy-contact-section,
.legal-reminder-section,
.trust-command-section,
.support-detail-section {
  box-sizing: border-box;
}

.legal-related-policies-section,
.legal-policy-contact-section,
.legal-reminder-section,
.trust-command-section .section-head,
.support-detail-section {
  text-align: center;
}

.legal-related-policies-section .section-head,
.legal-policy-contact-section > div:first-child,
.legal-reminder-section > div:first-child,
.trust-command-section .section-head {
  width: min(820px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.legal-related-policies-section .section-head h2,
.legal-policy-contact-section h2,
.legal-reminder-section h2,
.trust-command-section .section-head h2 {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.06;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.legal-link-cloud {
  width: min(760px, 100%);
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.legal-policy-contact-section,
.legal-reminder-section {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  align-items: center;
}

.legal-policy-contact-section .panel,
.legal-reminder-section .panel {
  text-align: center;
  display: grid;
  justify-items: center;
}

.legal-reminder-section .compact-checks,
.legal-policy-contact-section .compact-checks,
.legal-reminder-section .check-list,
.legal-policy-contact-section .check-list {
  max-width: 360px;
  margin: 14px auto 18px;
  padding-left: 0;
  list-style-position: inside;
  display: grid;
  gap: 8px;
  text-align: center;
}

.trust-command-section .trust-command-grid {
  width: min(1050px, 100%);
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  align-items: stretch;
}

.trust-command-section .trust-command-card {
  min-width: 0;
  padding: 26px 22px;
  text-align: center;
  display: grid;
  justify-items: center;
}

.trust-command-section .trust-command-card h3 {
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.12;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.trust-command-section .trust-command-card p {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.support-detail-section .support-read-more {
  width: min(920px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}

.support-detail-section .support-read-more summary {
  justify-content: center;
  text-align: center;
}

.support-detail-section .feature-stack {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.support-detail-section .feature-stack .panel {
  display: grid;
  justify-items: center;
  text-align: center;
}

.support-detail-section .feature-stack .panel p {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 720px) {
  body.route-pricing .pricing-free-access-strip {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.route-pricing .pricing-free-access-strip .button {
    width: 100%;
    max-width: 280px;
    box-sizing: border-box;
    justify-content: center;
    white-space: normal;
  }

  body.route-pricing .pricing-card-grid-professional {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  body.route-pricing .pricing-card-grid-professional .pricing-plan-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.route-pricing .pricing-compare-mobile-list,
  body.route-pricing .pricing-compare-mobile-values,
  body.route-pricing .pricing-compare-mobile-values div {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.route-whatsapp .whatsapp-support-builder,
  body.route-whatsapp .whatsapp-support-builder .section-head,
  body.route-whatsapp .whatsapp-support-builder .section-lead {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .legal-related-policies-section,
  .legal-policy-contact-section,
  .legal-reminder-section,
  .trust-command-section,
  .support-detail-section {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden;
  }

  .legal-related-policies-section .section-head h2,
  .legal-policy-contact-section h2,
  .legal-reminder-section h2,
  .trust-command-section .section-head h2 {
    font-size: 34px;
    line-height: 1.08;
    max-width: 100%;
  }

  .legal-policy-contact-section,
  .legal-reminder-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    text-align: center;
  }

  .legal-link-cloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
  }

  .legal-link-cloud a {
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
  }

  .trust-command-section .trust-command-grid {
    grid-template-columns: 1fr !important;
    width: min(100%, 420px);
    gap: 14px;
  }

  .trust-command-section .trust-command-card {
    min-height: auto;
    padding: 22px 18px;
  }

  .trust-command-section .trust-command-card h3,
  .trust-command-section .trust-command-card p {
    max-width: 100%;
  }

  .support-detail-section .support-read-more {
    width: 100% !important;
    max-width: 100% !important;
  }

  .support-detail-section .feature-stack .panel {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* v181 legal/support zoom-lock: keep policy/support sections stable under browser zoom */
body.page-public.route-legal .legal-related-policies-section {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 4vw, 64px) !important;
  padding-right: clamp(18px, 4vw, 64px) !important;
  overflow: hidden !important;
  text-align: center !important;
}

body.page-public.route-legal :is(.legal-related-policies-section, .legal-policy-contact-section, .legal-reminder-section),
body.page-public.route-trust-safety .trust-command-section {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

body.page-public.route-legal :is(.legal-related-policies-section, .legal-policy-contact-section, .legal-reminder-section) *,
body.page-public.route-trust-safety .trust-command-section * {
  transition-property: background-color, border-color, color, box-shadow !important;
}

body.page-public.route-legal .legal-related-policies-section .section-head {
  width: min(920px, 100%) !important;
  max-width: min(920px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.page-public.route-legal .legal-related-policies-section .section-head h2 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(30px, 4.2vw, 56px) !important;
  line-height: 1.08 !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.page-public.route-legal .legal-link-cloud {
  width: min(900px, 100%) !important;
  max-width: 100% !important;
  margin: clamp(18px, 3vw, 28px) auto 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px 12px !important;
}

body.page-public.route-legal .legal-link-cloud a {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 92px !important;
  max-width: 100% !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
  font-size: clamp(13px, 1.5vw, 16px) !important;
  line-height: 1.16 !important;
}

body.page-public.route-legal .legal-policy-contact-section,
body.page-public.route-legal .legal-reminder-section {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: clamp(18px, 3vw, 30px) !important;
  text-align: center !important;
  overflow: hidden !important;
}

body.page-public.route-legal .legal-policy-contact-section > div:first-child,
body.page-public.route-legal .legal-reminder-section > div:first-child {
  width: min(900px, 100%) !important;
  max-width: min(900px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.page-public.route-legal .legal-policy-contact-section h2,
body.page-public.route-legal .legal-reminder-section h2 {
  width: min(900px, 100%) !important;
  max-width: min(900px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: clamp(30px, 4.3vw, 58px) !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.page-public.route-legal .legal-policy-contact-section .panel,
body.page-public.route-legal .legal-reminder-section .panel {
  width: min(560px, 100%) !important;
  max-width: 100% !important;
  min-height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(22px, 4vw, 34px) !important;
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

body.page-public.route-legal .legal-reminder-section .check-list,
body.page-public.route-legal .legal-policy-contact-section .check-list {
  width: min(420px, 100%) !important;
  max-width: 100% !important;
  margin: 16px auto 18px !important;
  padding-left: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 10px !important;
  text-align: center !important;
}

body.page-public.route-legal .legal-reminder-section .check-list li,
body.page-public.route-legal .legal-policy-contact-section .check-list li {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.page-public.route-trust-safety .trust-command-section {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

body.page-public.route-trust-safety .trust-command-section .section-head {
  width: min(900px, 100%) !important;
  max-width: min(900px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.page-public.route-trust-safety .trust-command-section .section-head h2 {
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(32px, 4.5vw, 62px) !important;
  line-height: 1.06 !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.page-public.route-trust-safety .trust-command-section .section-lead {
  width: min(760px, 100%) !important;
  max-width: min(760px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.page-public.route-trust-safety .trust-command-section .trust-command-grid {
  width: min(1040px, 100%) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: clamp(14px, 2vw, 22px) !important;
  align-items: stretch !important;
}

body.page-public.route-trust-safety .trust-command-section .trust-command-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: auto !important;
  padding: clamp(22px, 4vw, 34px) !important;
  text-align: center !important;
  display: grid !important;
  justify-items: center !important;
  box-sizing: border-box !important;
}

body.page-public.route-trust-safety .trust-command-section .trust-command-card h3,
body.page-public.route-trust-safety .trust-command-section .trust-command-card p {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* v183 rebuilt legal/support architecture */
body.page-public.route-legal .legal-policy-directory-section,
body.page-public.route-legal .legal-support-route-section,
body.page-public.route-trust-safety .trust-safety-checklist-section {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

body.page-public.route-legal .legal-policy-directory,
body.page-public.route-legal .legal-support-route,
body.page-public.route-trust-safety .trust-safety-checklist {
  width: 100%;
  max-width: 100%;
  border: 1px solid rgba(174, 91, 39, .2);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 247, 235, .92));
  box-shadow: 0 24px 46px rgba(54, 24, 8, .08);
  box-sizing: border-box;
}

body.page-public.route-legal .legal-policy-directory,
body.page-public.route-legal .legal-support-route {
  display: grid;
  grid-template-columns: minmax(260px, .82fr) minmax(0, 1.55fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: center;
  padding: clamp(22px, 4vw, 42px);
}

body.page-public.route-legal .legal-policy-directory-copy,
body.page-public.route-legal .legal-support-route-copy {
  text-align: left;
  min-width: 0;
}

body.page-public.route-legal .legal-policy-directory-copy h2,
body.page-public.route-legal .legal-support-route-copy h2,
body.page-public.route-trust-safety .trust-safety-checklist-head h2 {
  margin: 8px 0 10px;
  font-size: clamp(28px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.page-public.route-legal .legal-policy-directory-copy p:not(.eyebrow),
body.page-public.route-legal .legal-support-route-copy p:not(.eyebrow),
body.page-public.route-trust-safety .trust-safety-checklist-head p {
  max-width: 560px;
  margin: 0;
  color: #5d483d;
  font-weight: 750;
  line-height: 1.55;
}

body.page-public.route-legal .legal-policy-directory-grid,
body.page-public.route-legal .legal-support-route-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
  gap: 12px;
}

body.page-public.route-legal .legal-policy-link-card,
body.page-public.route-legal .legal-support-action-card {
  min-width: 0;
  min-height: 134px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 8px;
  padding: 16px 14px;
  border: 1px solid rgba(174, 91, 39, .2);
  border-radius: 8px;
  background: #fff;
  color: #25150f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(54, 24, 8, .05);
  box-sizing: border-box;
}

body.page-public.route-legal .legal-policy-link-card:nth-child(3n + 1),
body.page-public.route-legal .legal-support-action-card:nth-child(3n + 1) {
  background: linear-gradient(180deg, #fff, #fff7e8);
}

body.page-public.route-legal .legal-policy-link-card:nth-child(3n + 2),
body.page-public.route-legal .legal-support-action-card:nth-child(3n + 2) {
  background: linear-gradient(180deg, #fff, #fff4f4);
}

body.page-public.route-legal .legal-policy-link-card:nth-child(3n),
body.page-public.route-legal .legal-support-action-card:nth-child(3n) {
  background: linear-gradient(180deg, #fff, #f3fbf5);
}

body.page-public.route-legal .legal-support-action-card.primary {
  border-color: rgba(180, 7, 18, .34);
  background: linear-gradient(180deg, #fff, #fff2dc);
}

body.page-public.route-legal .legal-policy-link-card .support-card-icon,
body.page-public.route-legal .legal-support-action-card .support-card-icon {
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: #b40712;
  background: #fff0dc;
}

body.page-public.route-legal .legal-policy-link-card svg,
body.page-public.route-legal .legal-support-action-card svg {
  width: 22px;
  height: 22px;
}

body.page-public.route-legal .legal-policy-link-card strong,
body.page-public.route-legal .legal-support-action-card strong {
  color: #9d0d11;
  font-size: 15px;
  line-height: 1.16;
}

body.page-public.route-legal .legal-policy-link-card small,
body.page-public.route-legal .legal-support-action-card small {
  max-width: 190px;
  color: #5d483d;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.page-public.route-trust-safety .trust-safety-checklist {
  display: grid;
  grid-template-columns: minmax(260px, .88fr) minmax(0, 1.45fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
  padding: clamp(22px, 4vw, 42px);
}

body.page-public.route-trust-safety .trust-safety-checklist-head {
  min-width: 0;
  text-align: left;
  align-self: center;
}

body.page-public.route-trust-safety .trust-safety-checklist-list {
  min-width: 0;
  display: grid;
  gap: 12px;
}

body.page-public.route-trust-safety .trust-safety-check-item {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(174, 91, 39, .2);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(54, 24, 8, .05);
  overflow: hidden;
  isolation: isolate;
}

body.page-public.route-trust-safety .trust-safety-check-number {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #b40712;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

body.page-public.route-trust-safety .trust-safety-check-item .support-card-icon {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: #b40712;
  background: #fff0dc;
}

body.page-public.route-trust-safety .trust-safety-check-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
  text-align: left;
}

body.page-public.route-trust-safety .trust-safety-check-copy strong {
  color: #24150f;
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.16;
}

body.page-public.route-trust-safety .trust-safety-check-copy small,
body.page-public.route-trust-safety .trust-safety-checklist-note span {
  color: #5d483d;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.42;
}

body.page-public.route-trust-safety .trust-safety-checklist-note {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  padding: 14px 16px;
  border-radius: 8px;
  background: #fff7e8;
  color: #24150f;
  text-align: center;
}

body.page-public.route-trust-safety .trust-safety-checklist-note strong {
  color: #9d0d11;
}

@media (max-width: 860px) {
  body.page-public.route-legal .legal-policy-directory,
  body.page-public.route-legal .legal-support-route,
  body.page-public.route-trust-safety .trust-safety-checklist {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-public.route-legal .legal-policy-directory-copy,
  body.page-public.route-legal .legal-support-route-copy,
  body.page-public.route-trust-safety .trust-safety-checklist-head {
    text-align: center;
  }

  body.page-public.route-legal .legal-policy-directory-copy p:not(.eyebrow),
  body.page-public.route-legal .legal-support-route-copy p:not(.eyebrow),
  body.page-public.route-trust-safety .trust-safety-checklist-head p {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 520px) {
  body.page-public.route-legal .legal-policy-directory-section,
  body.page-public.route-legal .legal-support-route-section,
  body.page-public.route-trust-safety .trust-safety-checklist-section {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  body.page-public.route-legal .legal-policy-directory,
  body.page-public.route-legal .legal-support-route,
  body.page-public.route-trust-safety .trust-safety-checklist {
    padding: 18px 14px;
  }

  body.page-public.route-legal .legal-policy-directory-grid,
  body.page-public.route-legal .legal-support-route-actions {
    grid-template-columns: 1fr;
  }

  body.page-public.route-legal .legal-policy-link-card,
  body.page-public.route-legal .legal-support-action-card {
    min-height: auto;
    padding: 15px 12px;
  }

  body.page-public.route-trust-safety .trust-safety-check-item {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }

  body.page-public.route-trust-safety .trust-safety-check-item .support-card-icon {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
}

/* v184 final legal/trust responsive hardening */
body.page-public.route-trust-safety .trust-safety-check-item > * {
  max-width: 100%;
}

/* v185 legal support cards and detail icons */
body.page-public.route-legal .legal-reminder-section .panel {
  width: min(760px, 100%);
  max-width: 100%;
  padding: clamp(18px, 3vw, 30px);
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}

body.page-public.route-legal .legal-reminder-section .panel h3 {
  margin: 0 0 16px;
  color: #20120e;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.18;
  text-align: center;
}

body.page-public.route-legal .legal-support-reason-grid {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.6vw, 16px);
  margin: 0 auto 18px;
  box-sizing: border-box;
}

body.page-public.route-legal .legal-support-reason-card {
  min-width: 0;
  min-height: 156px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
  padding: 15px 12px;
  border: 1px solid rgba(174, 91, 39, .22);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #fff7e8);
  color: #25150f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(54, 24, 8, .05);
  overflow: hidden;
  box-sizing: border-box;
}

body.page-public.route-legal .legal-support-reason-card:nth-child(2) {
  background: linear-gradient(180deg, #fff, #fff4f4);
}

body.page-public.route-legal .legal-support-reason-card:nth-child(3) {
  background: linear-gradient(180deg, #fff, #f4fbf4);
}

body.page-public.route-legal .legal-support-reason-card .support-card-icon,
body.page-public.route-legal .legal-detail-card > .support-card-icon {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: #b40712;
  background: #fff0dc;
  flex: 0 0 auto;
}

body.page-public.route-legal .legal-support-reason-card svg,
body.page-public.route-legal .legal-detail-card > .support-card-icon svg {
  width: 21px;
  height: 21px;
}

body.page-public.route-legal .legal-support-reason-card strong {
  color: #9d0d11;
  font-size: clamp(13px, 1.35vw, 15px);
  line-height: 1.18;
}

body.page-public.route-legal .legal-support-reason-card small {
  max-width: 170px;
  color: #5d483d;
  font-size: clamp(11px, 1.12vw, 12px);
  font-weight: 750;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

body.page-public.route-legal .legal-support-reason-card:focus-visible,
body.page-public.route-legal .legal-support-reason-card:hover {
  border-color: rgba(180, 7, 18, .42);
  box-shadow: 0 14px 30px rgba(180, 7, 18, .12);
  transform: translateY(-1px);
}

body.page-public.route-legal .legal-policy-details .feature-stack {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
}

body.page-public.route-legal .legal-detail-card {
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 9px;
  text-align: center;
  padding: clamp(18px, 2.2vw, 24px);
  overflow: hidden;
  box-sizing: border-box;
}

body.page-public.route-legal .legal-detail-card h3 {
  margin: 2px 0 0;
  color: #20120e;
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.18;
}

body.page-public.route-legal .legal-detail-card p {
  margin: 0;
  max-width: 260px;
  color: #5d483d;
  font-size: clamp(12px, 1.1vw, 14px);
  font-weight: 650;
  line-height: 1.42;
}

@media (max-width: 720px) {
  body.page-public.route-legal .legal-reminder-section .panel {
    padding: 16px 10px;
  }

  body.page-public.route-legal .legal-support-reason-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px;
  }

  body.page-public.route-legal .legal-support-reason-card {
    min-height: 142px;
    padding: 11px 6px;
  }

  body.page-public.route-legal .legal-support-reason-card .support-card-icon {
    width: 34px;
    height: 34px;
  }

  body.page-public.route-legal .legal-support-reason-card svg {
    width: 17px;
    height: 17px;
  }

  body.page-public.route-legal .legal-support-reason-card strong {
    font-size: 10.5px;
    line-height: 1.12;
  }

  body.page-public.route-legal .legal-support-reason-card small {
    font-size: 9.5px;
    line-height: 1.2;
  }
}

/* v186 center-lock support/legal read-more cards on narrow screens */
body.page-public .support-detail-section {
  display: grid !important;
  justify-items: center !important;
}

body.page-public .support-detail-section .support-read-more,
body.page-public.route-legal .legal-policy-details {
  width: min(920px, 100%) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

body.page-public .support-detail-section .support-read-more .feature-stack,
body.page-public.route-legal .legal-policy-details .feature-stack {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  justify-items: center !important;
}

body.page-public .support-detail-section .support-read-more .feature-stack > .panel,
body.page-public.route-legal .legal-policy-details .feature-stack > .panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 720px) {
  body.page-public .support-detail-section {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding-inline: 0 !important;
    overflow: visible !important;
  }

  body.page-public .support-detail-section .support-read-more,
  body.page-public.route-legal .legal-policy-details {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding: 0 !important;
    margin-inline: auto !important;
    overflow: hidden !important;
  }

  body.page-public .support-detail-section .support-read-more .feature-stack,
  body.page-public.route-legal .legal-policy-details .feature-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px 10px !important;
    margin-inline: auto !important;
  }

  body.page-public .support-detail-section .support-read-more .feature-stack > .panel,
  body.page-public.route-legal .legal-policy-details .feature-stack > .panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding-inline: 14px !important;
    overflow: hidden !important;
  }

  body.page-public .support-detail-section .support-read-more .feature-stack > .panel :is(h3, p),
  body.page-public.route-legal .legal-policy-details .feature-stack > .panel :is(h3, p) {
    max-width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

/* v189 phase 5 product detail proof and seller trust */
.phase5-product-proof {
  padding-top: clamp(26px, 5vw, 54px);
}

.phase5-product-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: 16px;
  align-items: stretch;
  max-width: 1180px;
  margin: 0 auto;
}

.phase5-product-media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.phase5-product-media-grid a {
  position: relative;
  display: block;
  min-height: 150px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 8px;
  overflow: hidden;
  background: #fffaf4;
}

.phase5-product-media-grid img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  display: block;
}

.phase5-product-media-grid span {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 250, 244, .92);
  color: #9b0008;
  font-weight: 800;
  font-size: 11px;
  text-align: center;
}

.phase5-seller-check-grid {
  display: grid;
  gap: 10px;
}

.phase5-seller-check-grid article {
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(135deg, #fffaf4, #fff);
  text-align: center;
}

.phase5-seller-check-grid strong {
  display: block;
  color: #9b0008;
  margin-bottom: 5px;
}

.phase5-seller-check-grid span {
  display: block;
  color: #4f3c33;
  line-height: 1.45;
}

@media (max-width: 760px) {
  .phase5-product-proof-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

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

  .phase5-product-media-grid a,
  .phase5-product-media-grid img {
    min-height: 132px;
  }

  .detail-hero.product-detail-hero .trust-strip,
  .product-detail-hero .trust-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .product-detail-hero .trust-strip span {
    min-width: 0;
    text-align: center;
  }
}

@media (max-width: 430px) {
  .phase5-product-media-grid a,
  .phase5-product-media-grid img {
    min-height: 118px;
  }

  .phase5-product-media-grid span {
    font-size: 10px;
  }
}

@media (max-width: 760px) {
  body.page-public.route-product .page-hero.detail-hero.product-detail-hero .trust-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v194 phase 5 product trust finish */
.phase5-product-proof .section-head {
  text-align: center;
}

.phase5-product-proof .panel {
  min-width: 0;
  border-color: rgba(176, 0, 8, .16);
  border-radius: 10px;
}

.phase5-seller-trust-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.phase5-trust-score {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  padding: 14px;
  border: 1px solid rgba(0, 126, 82, .18);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(232, 255, 244, .88), rgba(255, 250, 244, .98));
}

.phase5-trust-score strong {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #087a4d;
  color: #fff;
  font-size: 19px;
  line-height: 1;
  box-shadow: 0 14px 26px rgba(8, 122, 77, .18);
}

.phase5-trust-score span {
  color: #241713;
  font-weight: 900;
  line-height: 1.2;
}

.phase5-trust-score i {
  display: block;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(8, 122, 77, .14);
}

.phase5-trust-score b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0a7c50, #e7b41f);
}

.phase5-seller-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.phase5-seller-trust-grid article {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.phase5-seller-trust-grid article.is-ready {
  border-color: rgba(8, 122, 77, .2);
  background: linear-gradient(145deg, rgba(238, 255, 247, .9), #fff);
}

.phase5-seller-trust-grid article.is-pending {
  border-color: rgba(211, 128, 39, .24);
  background: linear-gradient(145deg, rgba(255, 247, 232, .94), #fff);
}

.phase5-seller-trust-grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #fff1df;
  color: #9b0008;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.phase5-seller-trust-grid .is-ready span {
  background: #e7f8ef;
  color: #087a4d;
}

.phase5-seller-trust-grid strong,
.phase5-seller-trust-grid small {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.phase5-seller-trust-grid strong {
  margin: 9px 0 5px;
  color: #241713;
  font-size: 15px;
  line-height: 1.25;
}

.phase5-seller-trust-grid small {
  color: #5e4b42;
  font-size: 12px;
  line-height: 1.35;
}

.phase5-buyer-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: min(100%, 1180px);
  margin: 14px auto 0;
}

.phase5-buyer-path article {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: linear-gradient(135deg, #fffaf4, #fff);
  text-align: center;
}

.phase5-buyer-path span {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  border-radius: 50%;
  background: #b00008;
  color: #fff;
  font-weight: 900;
  font-size: 12px;
}

.phase5-buyer-path strong,
.phase5-buyer-path small {
  display: block;
}

.phase5-buyer-path strong {
  color: #241713;
  line-height: 1.2;
}

.phase5-buyer-path small {
  margin-top: 5px;
  color: #5e4b42;
  line-height: 1.35;
}

body.page-public.route-product .product-spec-grid {
  overflow: hidden;
}

body.page-public.route-product .cards > .product-card {
  overflow: hidden;
}

@media (max-width: 760px) {
  .phase5-product-proof {
    width: min(100% - 14px, 100%);
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .phase5-product-proof .panel {
    padding: 14px;
  }

  .phase5-trust-score {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .phase5-trust-score strong {
    grid-row: auto;
  }

  .phase5-trust-score i {
    width: 100%;
  }

  .phase5-seller-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .phase5-seller-trust-grid article {
    padding: 11px 8px;
  }

  .phase5-seller-trust-grid strong {
    font-size: 13px;
  }

  .phase5-seller-trust-grid small {
    font-size: 11px;
  }

  .phase5-buyer-path {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .phase5-buyer-path article {
    padding: 11px 6px;
  }

  .phase5-buyer-path span {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }

  .phase5-buyer-path strong {
    font-size: 12px;
  }

  .phase5-buyer-path small {
    display: none;
  }
}

@media (max-width: 380px) {
  .phase5-seller-trust-grid {
    grid-template-columns: 1fr;
  }
}

/* Phase 1 dashboard IA: one role-aware navigation and compact user-first guidance. */
body.page-dashboard .dashboard-side-v2 {
  display: grid !important;
  gap: 8px;
  padding: 10px;
  overflow: visible;
  border-radius: 8px;
  background: #fffdf9;
  box-shadow: 0 10px 28px rgba(70, 35, 18, .08);
}

body.page-dashboard .dashboard-side-context {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 7px;
  background: #fff6ed;
}

body.page-dashboard .dashboard-side-context > span,
body.page-dashboard .dashboard-side-link > span,
body.page-dashboard .dashboard-workspace-menu summary > span,
body.page-dashboard .dashboard-workspace-menu a > span {
  display: grid;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 7px;
  background: #fff0df;
  color: #a4000c;
}

body.page-dashboard .dashboard-side-v2 svg {
  width: 17px;
  height: 17px;
}

body.page-dashboard .dashboard-side-context div {
  display: grid;
  min-width: 0;
}

body.page-dashboard .dashboard-side-context small {
  color: #71594d;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.page-dashboard .dashboard-side-context strong {
  overflow: hidden;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .dashboard-side-primary,
body.page-dashboard .dashboard-side-account {
  display: grid;
  gap: 3px;
}

body.page-dashboard .dashboard-side-account {
  padding-top: 7px;
  border-top: 1px solid rgba(118, 72, 44, .12);
}

body.page-dashboard .dashboard-side-v2 .dashboard-side-link {
  display: flex !important;
  gap: 9px;
  min-width: 0;
  min-height: 40px;
  padding: 5px 7px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #351c14;
  font-size: 13px;
  white-space: nowrap;
}

body.page-dashboard .dashboard-side-v2 .dashboard-side-link strong {
  overflow: hidden;
  text-overflow: ellipsis;
}

body.page-dashboard .dashboard-side-v2 .dashboard-side-link:is(:hover, .active) {
  border-color: rgba(176, 0, 13, .16);
  background: #fff1ed;
  color: #a4000c;
}

body.page-dashboard .dashboard-side-v2 .dashboard-side-link.active {
  box-shadow: inset 3px 0 0 #b0000d;
}

body.page-dashboard .dashboard-side-v2 .dashboard-side-link.active > span {
  background: #b0000d;
  color: #fff;
}

body.page-dashboard .dashboard-workspace-menu {
  position: relative;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 7px;
  background: #fff;
}

body.page-dashboard .dashboard-workspace-menu summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 5px 7px;
  color: #a4000c;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .dashboard-workspace-menu summary::-webkit-details-marker {
  display: none;
}

body.page-dashboard .dashboard-workspace-menu > div {
  display: grid;
  gap: 4px;
  padding: 6px;
  border-top: 1px solid rgba(118, 72, 44, .1);
}

body.page-dashboard .dashboard-workspace-menu a {
  display: flex !important;
  gap: 8px;
  min-height: 38px;
  padding: 4px 6px;
  border-radius: 6px;
  background: #fffaf5;
  color: #3d2117;
  font-size: 12px;
}

body.page-dashboard .dashboard-workspace-menu a.active {
  background: #fff0ed;
  color: #a4000c;
}

body.page-dashboard .dashboard-workspace-menu a > span {
  width: 27px;
  height: 27px;
}

body.page-dashboard .dashboard-customer-summary {
  align-content: center;
  text-align: center;
}

body.page-dashboard .dashboard-customer-activity-number {
  color: #b0000d;
  font-size: 42px;
  line-height: 1;
}

body.page-dashboard .dashboard-app-lower-grid:has(> :only-child) {
  grid-template-columns: minmax(0, 1fr);
}

body.page-dashboard .dashboard-help-drawer {
  padding: 0;
  overflow: hidden;
}

body.page-dashboard .dashboard-help-drawer > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 10px 14px;
  color: #a4000c;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .dashboard-help-drawer > summary::-webkit-details-marker {
  display: none;
}

body.page-dashboard .dashboard-help-drawer > summary span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 7px;
  background: #fff0df;
}

body.page-dashboard .dashboard-help-drawer > summary svg {
  width: 17px;
  height: 17px;
}

body.page-dashboard .dashboard-help-drawer-body {
  display: grid;
  gap: 12px;
  justify-items: center;
  padding: 14px;
  border-top: 1px solid rgba(118, 72, 44, .12);
}

body.page-dashboard .dashboard-help-drawer-body .mini-steps {
  width: min(100%, 760px);
  margin: 0;
}

body.page-dashboard .customer-command-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-dashboard .customer-command-bar :is(h2, p) {
  margin-bottom: 0;
}

body.page-dashboard .role-home-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.page-dashboard .role-home-action-grid a {
  display: grid;
  gap: 8px;
  min-height: 104px;
  place-items: center;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fff;
  color: #371d14;
  text-align: center;
  text-decoration: none;
}

body.page-dashboard .role-home-action-grid span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 8px;
  background: #fff0df;
  color: #b0000d;
}

body.page-dashboard .role-home-action-grid svg {
  width: 20px;
  height: 20px;
}

body.page-dashboard .dashboard-section-customer .metric-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-dashboard .dashboard-section-artist > .dashboard-side-v2,
body.page-dashboard .dashboard-section-profile > .dashboard-side-v2 {
  display: none !important;
}

@media (max-width: 900px) {
  body.page-dashboard .dashboard-side-v2 {
    position: sticky !important;
    top: 62px !important;
    z-index: 24;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
    max-height: none !important;
    margin: 0 0 4px;
    overflow: visible !important;
  }

  body.page-dashboard .dashboard-side-context {
    min-height: 42px;
    padding: 5px 7px;
  }

  body.page-dashboard .dashboard-side-primary,
  body.page-dashboard .dashboard-side-account {
    grid-column: 1 / -1;
    display: flex;
    gap: 5px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  body.page-dashboard .dashboard-side-primary::-webkit-scrollbar,
  body.page-dashboard .dashboard-side-account::-webkit-scrollbar {
    display: none;
  }

  body.page-dashboard .dashboard-side-account {
    padding-top: 5px;
  }

  body.page-dashboard .dashboard-side-v2 .dashboard-side-link {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 24px auto;
    gap: 5px;
    min-width: max-content !important;
    min-height: 36px;
    padding: 4px 8px;
    border-color: rgba(176, 0, 13, .1);
    background: #fff;
    font-size: 10px;
  }

  body.page-dashboard .dashboard-side-v2 .dashboard-side-link > span {
    width: 24px;
    height: 24px;
  }

  body.page-dashboard .dashboard-side-v2 .dashboard-side-link.active {
    box-shadow: inset 0 -3px 0 #b0000d;
  }

  body.page-dashboard .dashboard-workspace-menu {
    align-self: stretch;
  }

  body.page-dashboard .dashboard-workspace-menu summary {
    min-height: 42px;
    padding: 5px 7px;
  }

  body.page-dashboard .dashboard-workspace-menu summary strong {
    display: none;
  }

  body.page-dashboard .dashboard-workspace-menu[open] > div {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 30;
    width: min(270px, calc(100vw - 28px));
    border: 1px solid rgba(176, 0, 13, .15);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(54, 24, 13, .15);
  }

  body.page-dashboard .customer-command-bar {
    align-items: center;
  }
}

@media (max-width: 600px) {
  body.page-dashboard .dashboard-side-v2 {
    top: 58px !important;
    padding: 7px;
  }

  body.page-dashboard .dashboard-side-context small {
    font-size: 8px;
  }

  body.page-dashboard .dashboard-side-context strong {
    font-size: 12px;
  }

  body.page-dashboard .dashboard-side-context > span,
  body.page-dashboard .dashboard-workspace-menu summary > span {
    width: 28px;
    height: 28px;
  }

  body.page-dashboard .customer-command-bar {
    display: grid;
    text-align: center;
  }

  body.page-dashboard .customer-command-bar .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.page-dashboard .role-home-action-grid,
  body.page-dashboard .dashboard-section-customer .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-dashboard .role-home-action-grid a {
    min-height: 88px;
    padding: 8px 3px;
    font-size: 10px;
  }

  body.page-dashboard .role-home-action-grid span {
    width: 32px;
    height: 32px;
  }
}

/* v190 phase 6 design detail pages */
body.page-public.route-design .phase6-design-hero {
  display: grid;
  justify-items: center;
  gap: 16px;
}

.phase6-design-hero-media {
  width: min(520px, 100%);
  margin: 4px auto 0;
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 10px;
  overflow: hidden;
  background: #fffaf4;
  box-shadow: 0 18px 42px rgba(83, 44, 22, .12);
}

.phase6-design-hero-media a,
.phase6-design-hero-media img {
  display: block;
  width: 100%;
}

.phase6-design-hero-media img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.phase6-design-hero-media figcaption {
  padding: 9px 12px;
  text-align: center;
  color: #9b0008;
  font-weight: 800;
  font-size: 12px;
  background: rgba(255, 248, 237, .96);
}

.phase6-design-decision-panel {
  align-items: stretch;
}

.phase6-design-check-grid article,
.phase6-design-spec-grid > div {
  text-align: center;
}

.phase6-design-profile-section .profile-signal-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.phase6-design-profile-section .profile-signal-row span {
  min-width: 0;
  text-align: center;
}

.phase6-related-designs .gallery-grid {
  max-width: 1120px;
  margin-inline: auto;
}

.phase6-design-faq {
  width: min(760px, calc(100% - 24px));
  margin-inline: auto;
}

.design-gallery-card .card-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: center;
}

.design-gallery-card .card-actions .button {
  min-width: 0;
  width: 100%;
  padding-inline: 8px;
  text-align: center;
  white-space: normal;
}

@media (max-width: 760px) {
  body.page-public.route-design .phase6-design-hero h1 {
    max-width: 10.5em;
  }

  body.page-public.route-design .phase6-design-hero .trust-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .phase6-design-hero-media {
    width: min(100%, 360px);
    border-radius: 8px;
  }

  .phase6-design-profile-section .profile-signal-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .phase6-related-designs .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .design-gallery-card .card-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }

  .design-gallery-card .card-actions .button {
    font-size: 10px;
    padding: 7px 4px;
  }
}

@media (max-width: 430px) {
  .phase6-design-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .phase6-design-hero-media img {
    aspect-ratio: 1 / 1;
  }
}

/* v195 phase 6 design reference clarity finish */
.phase6-design-proof-layer {
  width: min(100% - 48px, 1460px);
  margin-inline: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(176, 0, 8, .15);
  border-radius: 10px;
  background:
    radial-gradient(circle at 96% 4%, rgba(231, 180, 31, .14), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(255, 247, 236, .94));
  box-shadow: 0 22px 48px rgba(83, 44, 22, .08);
  overflow: hidden;
}

.phase6-design-proof-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  text-align: left;
}

.phase6-design-proof-copy h2 {
  margin: 6px 0 10px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: 0;
}

.phase6-design-proof-copy p {
  color: #5a4033;
  font-weight: 760;
  line-height: 1.5;
}

.phase6-design-score {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: #fff;
}

.phase6-design-score strong {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-size: 19px;
  line-height: 1;
  box-shadow: 0 14px 26px rgba(176, 0, 8, .18);
}

.phase6-design-score span {
  color: #241713;
  font-weight: 900;
  line-height: 1.2;
}

.phase6-design-score i {
  display: block;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(176, 0, 8, .12);
}

.phase6-design-score b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #b0000d, #e7b41f);
}

.phase6-design-signal-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.phase6-design-signal-grid article {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.phase6-design-signal-grid article.is-ready {
  border-color: rgba(8, 122, 77, .2);
  background: linear-gradient(145deg, rgba(238, 255, 247, .92), #fff);
}

.phase6-design-signal-grid article.is-pending {
  border-color: rgba(211, 128, 39, .24);
  background: linear-gradient(145deg, rgba(255, 247, 232, .94), #fff);
}

.phase6-design-signal-grid span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #fff1df;
  color: #9b0008;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.phase6-design-signal-grid .is-ready span {
  background: #e7f8ef;
  color: #087a4d;
}

.phase6-design-signal-grid strong,
.phase6-design-signal-grid small {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.phase6-design-signal-grid strong {
  margin: 9px 0 5px;
  color: #241713;
  font-size: 15px;
  line-height: 1.24;
}

.phase6-design-signal-grid small {
  color: #5e4b42;
  font-size: 12px;
  line-height: 1.35;
}

.phase6-design-booking-path {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.phase6-design-booking-path article {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.phase6-design-booking-path span {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.phase6-design-booking-path strong,
.phase6-design-booking-path small {
  display: block;
}

.phase6-design-booking-path strong {
  color: #241713;
  line-height: 1.2;
}

.phase6-design-booking-path small {
  margin-top: 5px;
  color: #5e4b42;
  line-height: 1.35;
}

@media (max-width: 980px) {
  .phase6-design-proof-layer {
    grid-template-columns: 1fr;
  }

  .phase6-design-proof-copy {
    text-align: center;
  }

  .phase6-design-proof-copy :is(h2, p) {
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  .phase6-design-proof-layer {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    padding: 14px;
    border-radius: 8px;
  }

  .phase6-design-proof-copy h2 {
    max-width: 12em;
    font-size: 25px;
  }

  .phase6-design-score {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .phase6-design-score strong {
    grid-row: auto;
  }

  .phase6-design-score i {
    width: 100%;
  }

  .phase6-design-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .phase6-design-signal-grid article {
    padding: 11px 7px;
  }

  .phase6-design-signal-grid strong {
    font-size: 13px;
  }

  .phase6-design-signal-grid small {
    font-size: 10px;
    line-height: 1.28;
  }

  .phase6-design-booking-path {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .phase6-design-booking-path article {
    padding: 10px 5px;
  }

  .phase6-design-booking-path span {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }

  .phase6-design-booking-path strong {
    font-size: 12px;
  }

  .phase6-design-booking-path small {
    display: none;
  }

  body.page-public.route-design .phase6-related-designs .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }
}

@media (max-width: 380px) {
  body.page-public.route-design .phase6-design-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v191 phase 2 role-aware dashboard profile builder */
.role-smart-builder {
  margin-top: 18px;
  padding: clamp(16px, 3vw, 24px);
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 10px;
  background: linear-gradient(135deg, #fffdf8 0%, #fff7ed 48%, #ffffff 100%);
  box-shadow: 0 18px 44px rgba(83, 44, 22, .08);
}

.role-smart-builder-head {
  max-width: 760px;
  margin: 0 auto 14px;
  text-align: center;
}

.role-smart-builder-head h3 {
  margin: 4px 0 6px;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.08;
}

.role-smart-builder-head p {
  color: #5f4b40;
  line-height: 1.55;
}

.role-smart-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 12px auto 16px;
}

.role-smart-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  min-width: 98px;
  padding: 8px 14px;
  border: 1px solid rgba(176, 0, 8, .18);
  border-radius: 999px;
  color: #9b0008;
  background: #fff;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.role-smart-tabs a.active,
.role-smart-tabs a[aria-current="true"] {
  color: #fff;
  background: #b0000d;
  border-color: #b0000d;
  box-shadow: 0 12px 24px rgba(176, 0, 8, .2);
}

.role-smart-card[hidden] {
  display: none !important;
}

.role-smart-card {
  display: grid;
  grid-template-columns: minmax(260px, .88fr) minmax(0, 1.12fr);
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: rgba(255, 255, 255, .78);
}

.role-smart-card-main,
.role-smart-columns > div {
  min-width: 0;
  border: 1px solid rgba(176, 0, 8, .1);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.role-smart-card-main {
  display: grid;
  align-content: center;
  gap: 10px;
  text-align: center;
}

.role-smart-card-main .badge {
  justify-self: center;
  background: #fff0dc;
  color: #9b0008;
}

.role-smart-card-main h4 {
  margin: 0;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.12;
}

.role-smart-card-main p,
.role-smart-columns p,
.role-smart-columns li {
  color: #5a4338;
  line-height: 1.48;
}

.role-smart-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.role-smart-actions .button {
  width: 100%;
  min-width: 0;
  white-space: normal;
}

.role-smart-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.role-smart-columns strong {
  display: block;
  margin-bottom: 8px;
  color: #9b0008;
  text-align: center;
}

.role-smart-columns ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.role-smart-columns li {
  padding: 7px 8px;
  border-radius: 999px;
  background: #fff8ec;
  text-align: center;
  font-weight: 750;
  font-size: 12px;
}

.profile-form-section-title {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 18px 0 12px;
  padding: 12px 14px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: linear-gradient(135deg, #fff8ed, #fff);
}

.profile-form-section-title > span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-weight: 900;
}

.profile-form-section-title strong {
  display: block;
  color: #1f120d;
  font-size: 17px;
}

.profile-form-section-title small {
  display: block;
  margin-top: 3px;
  color: #614b3e;
  line-height: 1.4;
}

.guided-profile-form .form-grid {
  align-items: start;
}

.guided-profile-form :is(input, select, textarea) {
  max-width: 100%;
}

/* Artist profile builder cleanup */
.profile-builder-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.profile-builder-path article {
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
  padding: 16px 12px;
  border: 1px solid rgba(176, 0, 8, .13);
  border-radius: 8px;
  background: linear-gradient(145deg, #fff, #fff8ed);
  text-align: center;
}

.profile-builder-path span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-weight: 900;
}

.profile-builder-path strong {
  color: #1f120d;
  font-size: 16px;
  line-height: 1.18;
}

.profile-builder-path small {
  color: #614b3e;
  font-weight: 720;
  line-height: 1.35;
}

.compact-role-guide {
  margin-top: 14px;
}

.compact-role-guide > summary,
.profile-builder-support > summary,
.profile-optional-fields > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 999px;
  background: #fff;
  color: #9b0008;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  list-style: none;
}

.compact-role-guide > summary::-webkit-details-marker,
.profile-builder-support > summary::-webkit-details-marker,
.profile-optional-fields > summary::-webkit-details-marker {
  display: none;
}

.compact-role-guide > summary span,
.compact-role-guide > summary em {
  color: #714d3c;
  font-size: 12px;
  font-style: normal;
  text-transform: uppercase;
}

.compact-role-guide[open] > summary,
.profile-builder-support[open] > summary,
.profile-optional-fields[open] > summary {
  color: #fff;
  background: #b0000d;
  border-color: #b0000d;
  box-shadow: 0 12px 24px rgba(176, 0, 8, .18);
}

.compact-role-guide[open] > summary span,
.compact-role-guide[open] > summary em {
  color: rgba(255, 255, 255, .82);
}

.role-smart-builder-body {
  margin-top: 14px;
}

.profile-builder-support {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: linear-gradient(135deg, #fffdf8, #fff7ed);
}

.profile-builder-support .form-helper-grid {
  margin-top: 12px;
}

.profile-optional-fields {
  margin: 12px 0 16px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 8, .1);
  border-radius: 8px;
  background: #fffaf2;
}

.profile-optional-fields .form-grid {
  margin-top: 12px;
}

.guided-profile-form .single-field-grid {
  grid-template-columns: minmax(0, 1fr);
}

.profile-submit-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.profile-submit-row .button {
  width: 100%;
  min-width: 0;
  text-align: center;
}

@media (max-width: 920px) {
  .role-smart-card {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 760px) {
  .role-smart-builder {
    padding: 14px;
    border-radius: 8px;
    overflow: hidden;
  }

  .role-smart-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
  }

  .role-smart-tabs a {
    min-width: 0;
    min-height: 34px;
    padding: 7px 4px;
    font-size: 10px;
  }

  .role-smart-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .role-smart-columns > div {
    padding: 10px 6px;
  }

  .role-smart-columns strong {
    font-size: 11px;
  }

  .role-smart-columns li,
  .role-smart-columns p {
    font-size: 10px;
    line-height: 1.32;
  }

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

  .role-smart-actions .button {
    padding-inline: 6px;
    font-size: 10px;
  }

  .profile-form-section-title {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
  }

  .profile-form-section-title > span {
    width: 28px;
    height: 28px;
  }

  .profile-form-section-title strong {
    font-size: 14px;
  }

  .profile-form-section-title small {
    font-size: 11px;
  }

  .profile-builder-path {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .profile-builder-path article {
    padding: 11px 6px;
  }

  .profile-builder-path span {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }

  .profile-builder-path strong {
    font-size: 12px;
  }

  .profile-builder-path small {
    font-size: 10px;
    line-height: 1.28;
  }

  .compact-role-guide > summary,
  .profile-builder-support > summary,
  .profile-optional-fields > summary {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 11px;
  }

  .compact-role-guide > summary {
    display: grid;
    gap: 3px;
  }

  .profile-submit-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .profile-submit-row .button {
    padding-inline: 6px;
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  .role-smart-builder-head h3 {
    max-width: 12em;
    margin-inline: auto;
  }

  .role-smart-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .role-smart-columns {
    grid-template-columns: 1fr;
  }

  .role-smart-columns > div {
    min-height: 0;
  }
}

/* Artist service package builder cleanup */
.service-package-intro {
  border-color: rgba(176, 0, 8, .12);
  background:
    linear-gradient(135deg, rgba(255, 250, 242, .96), rgba(255, 244, 232, .86)),
    radial-gradient(circle at 100% 0, rgba(176, 0, 8, .08), transparent 32%);
}

.service-package-support {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: #fffdf8;
  box-shadow: 0 12px 28px rgba(66, 34, 22, .05);
}

.service-package-support > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 999px;
  background: #fff;
  color: #9b0008;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  list-style: none;
}

.service-package-support > summary::-webkit-details-marker,
.service-package-extra-note > summary::-webkit-details-marker {
  display: none;
}

.service-package-support[open] > summary {
  color: #fff;
  background: #b0000d;
  border-color: #b0000d;
  box-shadow: 0 12px 24px rgba(176, 0, 8, .16);
}

.service-package-support .form-helper-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.service-package-support .form-helper {
  min-width: 0;
  text-align: center;
}

.service-package-template-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.service-package-template-strip .button {
  width: 100%;
  min-width: 0 !important;
  min-height: 40px;
  padding-inline: 8px;
  white-space: normal;
  line-height: 1.2;
}

.service-package-form .form-grid {
  align-items: start;
}

.service-package-form textarea {
  min-height: 132px;
}

.service-package-extra-note {
  margin: 12px 0 14px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: linear-gradient(135deg, #fffaf2, #fff);
}

.service-package-extra-note > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  color: #9b0008;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  list-style: none;
}

.service-package-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.service-package-note-grid span {
  min-width: 0;
  padding: 9px 8px;
  border: 1px solid rgba(176, 0, 8, .1);
  border-radius: 8px;
  background: #fff;
  color: #5c3a2e;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}

body.page-dashboard .provider-listing-card .inline-editor .form-card {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 920px) {
  .service-package-support .form-helper-grid,
  .service-package-note-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .service-package-template-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .service-package-support {
    padding: 10px;
  }

  .service-package-support > summary,
  .service-package-extra-note > summary {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 11px;
  }

  .service-package-support .form-helper-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .service-package-support .form-helper {
    padding: 9px 6px;
  }

  .service-package-support .form-helper strong {
    font-size: 11px;
  }

  .service-package-support .form-helper span {
    font-size: 10px;
    line-height: 1.3;
  }

  .service-package-template-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .service-package-template-strip .button {
    min-height: 36px;
    padding: 8px 6px;
    font-size: 10px;
  }

  .service-package-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .service-package-note-grid span {
    padding: 8px 6px;
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  .service-package-support .form-helper-grid {
    grid-template-columns: 1fr;
  }

  .service-package-note-grid {
    grid-template-columns: 1fr;
  }
}

/* Artist portfolio proof builder cleanup */
.portfolio-proof-support {
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background:
    radial-gradient(circle at 96% 0, rgba(20, 132, 71, .08), transparent 28%),
    linear-gradient(135deg, #fffdf8, #fff7ed);
}

.portfolio-proof-support > summary,
.portfolio-proof-extra-note > summary,
.media-card-proof-details > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 999px;
  background: #fff;
  color: #9b0008;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  list-style: none;
}

.portfolio-proof-support > summary::-webkit-details-marker,
.portfolio-proof-extra-note > summary::-webkit-details-marker,
.media-card-proof-details > summary::-webkit-details-marker {
  display: none;
}

.portfolio-proof-support[open] > summary,
.portfolio-proof-extra-note[open] > summary,
.media-card-proof-details[open] > summary {
  color: #fff;
  background: #b0000d;
  border-color: #b0000d;
  box-shadow: 0 12px 24px rgba(176, 0, 8, .14);
}

.portfolio-proof-support .form-helper-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.portfolio-proof-support .form-helper {
  min-width: 0;
  text-align: center;
}

.portfolio-template-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.portfolio-template-strip .button {
  width: 100%;
  min-width: 0 !important;
  min-height: 40px;
  padding-inline: 8px;
  white-space: normal;
  line-height: 1.2;
}

body.page-dashboard .media-builder-grid {
  grid-template-columns: minmax(260px, .46fr) minmax(0, 1fr);
  gap: 16px;
}

body.page-dashboard .media-live-preview {
  border-top: 4px solid #148447;
  background:
    radial-gradient(circle at 94% 4%, rgba(20, 132, 71, .12), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 241, .94));
}

body.page-dashboard .media-preview-frame {
  aspect-ratio: 4 / 5;
  min-height: 260px;
  border-style: solid;
  background:
    linear-gradient(135deg, rgba(176, 0, 8, .08), rgba(20, 132, 71, .08)),
    #fffaf3;
}

body.page-dashboard .media-preview-frame img {
  min-height: 0;
  height: 100%;
}

.portfolio-proof-extra-note {
  margin: 12px 0 14px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: linear-gradient(135deg, #fffaf2, #fff);
}

.portfolio-proof-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.portfolio-proof-note-grid span {
  min-width: 0;
  padding: 9px 8px;
  border: 1px solid rgba(176, 0, 8, .1);
  border-radius: 8px;
  background: #fff;
  color: #5c3a2e;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}

body.page-dashboard .media-dashboard-card {
  overflow: hidden;
  border-top: 4px solid rgba(20, 132, 71, .72);
}

body.page-dashboard .media-dashboard-card > img {
  height: auto;
  aspect-ratio: 4 / 3;
}

.media-card-proof-details {
  margin-top: 2px;
}

.media-card-proof-details > summary {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 11px;
}

.media-card-proof-details p {
  margin: 8px 0 0;
  padding: 10px;
  border: 1px solid rgba(176, 0, 8, .1);
  border-radius: 8px;
  background: #fffaf2;
  color: #5b463b;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.42;
}

body.route-profile .profile-portfolio-tile {
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 34px rgba(83, 44, 22, .08);
}

body.route-profile .profile-portfolio-tile span,
body.route-profile .profile-portfolio-tile small {
  width: calc(100% - 16px);
  margin-inline: auto;
  overflow-wrap: anywhere;
}

body.route-profile .portfolio-action-panel {
  width: min(100%, 1180px);
  margin-inline: auto;
}

body.route-profile .portfolio-proof-strip {
  justify-content: center;
}

@media (max-width: 980px) {
  body.page-dashboard .media-builder-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-template-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .portfolio-proof-note-grid,
  .portfolio-proof-support .form-helper-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .portfolio-proof-support,
  .portfolio-proof-extra-note {
    padding: 10px;
  }

  .portfolio-proof-support > summary,
  .portfolio-proof-extra-note > summary {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 11px;
  }

  .portfolio-proof-support .form-helper-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .portfolio-proof-support .form-helper {
    padding: 9px 6px;
  }

  .portfolio-proof-support .form-helper strong {
    font-size: 11px;
  }

  .portfolio-proof-support .form-helper span {
    font-size: 10px;
    line-height: 1.3;
  }

  .portfolio-template-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .portfolio-template-strip .button {
    min-height: 36px;
    padding: 8px 6px;
    font-size: 10px;
  }

  .portfolio-proof-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .portfolio-proof-note-grid span {
    padding: 8px 6px;
    font-size: 10px;
  }

  body.page-dashboard .media-preview-frame {
    min-height: 220px;
  }

  body.route-profile .profile-gallery-showcase {
    width: calc(100vw - 14px);
    max-width: calc(100vw - 14px);
    margin-inline: auto;
  }

  body.route-profile .portfolio-action-panel {
    width: calc(100vw - 14px);
    max-width: calc(100vw - 14px);
    text-align: center;
  }
}

@media (max-width: 430px) {
  .portfolio-proof-support .form-helper-grid,
  .portfolio-proof-note-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body .dashboard {
    width: calc(100% - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  body .dashboard-main,
  body .dashboard-side,
  body .dashboard-panel,
  body .dashboard .section-head,
  body .dashboard .cards {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* v192 phase 3 public profile decision layer */
body.route-profile .phase3-profile-command {
  width: min(100% - 48px, 1460px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 10px;
  background:
    radial-gradient(circle at 96% 2%, rgba(255, 198, 51, .16), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 248, 235, .94));
  box-shadow: 0 22px 48px rgba(83, 44, 22, .09);
  overflow: hidden;
}

body.route-profile .phase3-profile-command :is(h2, p) {
  margin-left: 0;
  margin-right: 0;
}

body.route-profile .phase3-profile-command h2 {
  margin: 6px 0 10px;
  font-size: clamp(28px, 3.6vw, 48px);
  line-height: 1.08;
}

body.route-profile .phase3-profile-command-copy {
  display: grid;
  align-content: center;
  min-width: 0;
}

body.route-profile .phase3-profile-command-copy p {
  color: #5a4033;
  font-weight: 760;
  line-height: 1.5;
}

body.route-profile .phase3-primary-offer {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 8px;
  background: #fff;
}

body.route-profile .phase3-primary-offer span {
  color: #9b0008;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

body.route-profile .phase3-primary-offer strong {
  color: #1f120d;
  font-size: 18px;
  line-height: 1.2;
}

body.route-profile .phase3-primary-offer small {
  color: #60483b;
  line-height: 1.42;
  font-weight: 720;
}

body.route-profile .phase3-profile-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.route-profile .phase3-profile-snapshot-grid article {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 138px;
  padding: 16px;
  border: 1px solid rgba(176, 0, 8, .13);
  border-radius: 8px;
  background: rgba(255, 255, 255, .9);
  text-align: center;
}

body.route-profile .phase3-profile-snapshot-grid span {
  color: #9b0008;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

body.route-profile .phase3-profile-snapshot-grid strong {
  color: #1f120d;
  font-size: 18px;
  line-height: 1.22;
}

body.route-profile .phase3-profile-snapshot-grid small {
  color: #60483b;
  font-weight: 720;
  line-height: 1.35;
}

body.route-profile .phase3-profile-next-steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.route-profile .phase3-profile-next-steps a {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 6px 10px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 8px;
  background: #fff;
  color: #241812;
  text-decoration: none;
}

body.route-profile .phase3-profile-next-steps i {
  grid-row: span 3;
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-style: normal;
  font-weight: 900;
}

body.route-profile .phase3-profile-next-steps strong {
  color: #1f120d;
  font-size: 17px;
  line-height: 1.2;
}

body.route-profile .phase3-profile-next-steps span {
  color: #60483b;
  font-weight: 720;
  line-height: 1.35;
}

body.route-profile .phase3-profile-next-steps em {
  color: #9b0008;
  font-style: normal;
  font-weight: 900;
}

body.route-profile .detail-kpi-grid .panel {
  text-align: center;
}

body.route-profile .profile-offer-grid .listing-card {
  border-top: 4px solid rgba(176, 0, 8, .78);
}

body.route-profile .profile-offer-grid .listing-card p,
body.route-profile .profile-offer-grid .listing-card li {
  color: #5a4033;
}

body.route-profile #profile-inquiry .form-promise {
  text-align: center;
}

@media (max-width: 980px) {
  body.route-profile .phase3-profile-command {
    grid-template-columns: 1fr;
  }

  body.route-profile .phase3-profile-command-copy {
    text-align: center;
  }

  body.route-profile .phase3-profile-command :is(h2, p) {
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  body.route-profile .phase3-profile-command {
    width: calc(100% - 14px);
    padding: 14px;
    border-radius: 8px;
  }

  body.route-profile .phase3-profile-command h2 {
    max-width: 12em;
    margin-inline: auto;
  }

  body.route-profile .phase3-profile-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.route-profile .phase3-profile-snapshot-grid article {
    min-height: 132px;
    padding: 11px 7px;
  }

  body.route-profile .phase3-profile-snapshot-grid strong {
    font-size: 14px;
  }

  body.route-profile .phase3-profile-snapshot-grid small {
    font-size: 10px;
    line-height: 1.28;
  }

  body.route-profile .phase3-profile-next-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.route-profile .phase3-profile-next-steps a {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 10px 5px;
  }

  body.route-profile .phase3-profile-next-steps i {
    grid-row: auto;
    width: 28px;
    height: 28px;
  }

  body.route-profile .phase3-profile-next-steps strong {
    font-size: 12px;
  }

  body.route-profile .phase3-profile-next-steps span {
    font-size: 10px;
    line-height: 1.25;
  }

  body.route-profile .phase3-profile-next-steps em {
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  body.route-profile .phase3-profile-command h2 {
    font-size: 25px;
  }

  body.route-profile .phase3-profile-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.route-profile .phase3-profile-next-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* v193 phase 4 public entity detail refinement */
body.page-public:is(.route-service, .route-course, .route-product) .phase4-detail-hero {
  width: min(100% - 48px, 1520px);
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-public:is(.route-service, .route-course, .route-product) .phase4-detail-hero h1 {
  max-width: 15em;
}

.phase4-entity-decision {
  width: min(100% - 48px, 1460px);
  margin-inline: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(176, 0, 8, .15);
  border-radius: 10px;
  background:
    radial-gradient(circle at 96% 4%, rgba(20, 132, 71, .10), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 248, 235, .94));
  box-shadow: 0 22px 48px rgba(83, 44, 22, .08);
  overflow: hidden;
}

.phase4-product-decision-layer {
  background:
    radial-gradient(circle at 96% 4%, rgba(20, 132, 71, .14), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(255, 246, 239, .94));
}

.phase4-entity-copy {
  display: grid;
  align-content: center;
  min-width: 0;
  text-align: left;
}

.phase4-entity-copy h2 {
  margin: 6px 0 10px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: 0;
}

.phase4-entity-copy p {
  color: #5a4033;
  font-weight: 760;
  line-height: 1.5;
}

.phase4-entity-card-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.phase4-entity-card-grid article {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 132px;
  padding: 15px;
  border: 1px solid rgba(176, 0, 8, .13);
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  text-align: center;
}

.phase4-entity-card-grid span {
  color: #9b0008;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.phase4-entity-card-grid strong {
  color: #1f120d;
  font-size: 17px;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.phase4-entity-card-grid small {
  color: #60483b;
  font-weight: 720;
  line-height: 1.34;
}

.phase4-entity-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.phase4-entity-actions a {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 6px 10px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(176, 0, 8, .16);
  border-radius: 8px;
  background: #fff;
  color: #241812;
  text-decoration: none;
}

.phase4-entity-actions i {
  grid-row: span 3;
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #b0000d;
  color: #fff;
  font-style: normal;
  font-weight: 900;
}

.phase4-entity-actions strong {
  color: #1f120d;
  font-size: 17px;
  line-height: 1.2;
}

.phase4-entity-actions span {
  color: #60483b;
  font-weight: 720;
  line-height: 1.35;
}

.phase4-entity-actions em {
  color: #9b0008;
  font-style: normal;
  font-weight: 900;
}

.phase4-collapsible-detail {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
  box-sizing: border-box;
}

.phase4-collapsible-detail details {
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: linear-gradient(135deg, #fffaf4, #fff);
  box-shadow: 0 16px 36px rgba(83, 44, 22, .08);
  overflow: hidden;
}

.phase4-collapsible-detail summary {
  cursor: pointer;
  min-height: 48px;
  display: grid;
  place-items: center;
  padding: 13px 18px;
  color: #9b0008;
  font-weight: 900;
  text-align: center;
}

.phase4-collapsible-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(176, 0, 8, .12);
}

.phase4-collapsible-grid article {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: #fff;
  text-align: center;
}

.phase4-collapsible-grid h3 {
  margin: 0 0 10px;
  color: #1f120d;
}

.phase4-collapsible-grid p,
.phase4-collapsible-grid li {
  color: #584135;
  line-height: 1.45;
}

.phase4-detail-faq-section .faq-list,
body.route-product .faq-list {
  max-width: 820px;
  margin-inline: auto;
}

@media (max-width: 980px) {
  .phase4-entity-decision {
    grid-template-columns: 1fr;
  }

  .phase4-entity-copy {
    text-align: center;
  }

  .phase4-entity-copy :is(h2, p) {
    margin-inline: auto;
  }

  .phase4-collapsible-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body.page-public:is(.route-service, .route-course, .route-product) .phase4-detail-hero,
  .phase4-entity-decision,
  .phase4-collapsible-detail {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  body.page-public:is(.route-service, .route-course, .route-product) .phase4-detail-hero .hero-actions,
  body.page-public:is(.route-service, .route-course, .route-product) .phase4-detail-hero .trust-strip {
    width: calc(100% - 8px);
    margin-left: auto;
    margin-right: auto;
  }

  .phase4-entity-decision {
    padding: 14px;
    border-radius: 8px;
  }

  .phase4-entity-copy h2 {
    max-width: 12em;
    font-size: 25px;
  }

  .phase4-entity-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .phase4-entity-card-grid article {
    min-height: 132px;
    padding: 11px 7px;
  }

  .phase4-entity-card-grid strong {
    font-size: 13px;
  }

  .phase4-entity-card-grid small {
    font-size: 10px;
    line-height: 1.28;
  }

  .phase4-entity-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .phase4-entity-actions a {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 10px 5px;
  }

  .phase4-entity-actions i {
    grid-row: auto;
    width: 28px;
    height: 28px;
  }

  .phase4-entity-actions strong {
    font-size: 11px;
  }

  .phase4-entity-actions span,
  .phase4-entity-actions em {
    font-size: 10px;
    line-height: 1.24;
  }

  .phase4-collapsible-grid {
    padding: 10px;
  }

  .phase4-collapsible-grid article {
    padding: 12px 10px;
  }
}

@media (max-width: 430px) {
  .phase4-entity-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .phase4-entity-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Artist public profile cleanup: customer-first booking flow. */
body.route-profile .artist-profile-nav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.route-profile .artist-profile-snapshot {
  display: grid;
  grid-template-columns: minmax(260px, .82fr) minmax(420px, 1.18fr);
  gap: 16px;
  align-items: stretch;
  border: 1px solid rgba(176, 0, 8, .14);
  background: linear-gradient(135deg, #fffaf4, #fff 56%, #fff2ec);
  box-shadow: 0 16px 36px rgba(83, 44, 22, .08);
}

body.route-profile .artist-profile-snapshot-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
}

body.route-profile .artist-profile-snapshot-copy h2 {
  margin: 0;
  max-width: 11em;
  color: #1f120d;
  font-size: clamp(32px, 5vw, 58px);
  line-height: .98;
}

body.route-profile .artist-profile-snapshot-copy p:not(.eyebrow) {
  margin: 0;
  max-width: 540px;
  color: #5a4236;
  font-weight: 760;
  line-height: 1.42;
}

body.route-profile .artist-profile-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

body.route-profile .artist-profile-mini-grid a {
  min-width: 0;
  display: grid;
  gap: 7px;
  align-content: center;
  min-height: 132px;
  padding: 16px;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .93);
  color: #1f120d;
  text-align: center;
  text-decoration: none;
}

body.route-profile .artist-profile-mini-grid span {
  color: #9b0008;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

body.route-profile .artist-profile-mini-grid strong {
  color: #1f120d;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.route-profile .artist-profile-mini-grid small {
  color: #60483b;
  font-weight: 760;
}

body.route-profile .artist-profile-snapshot-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

body.route-profile .artist-booking-checklist li {
  align-items: center;
  min-height: 44px;
}

body.route-profile .artist-safety-drawer {
  width: min(100% - 48px, 1120px);
  margin-inline: auto;
}

body.route-profile .artist-safety-drawer details {
  overflow: hidden;
  border: 1px solid rgba(176, 0, 8, .14);
  border-radius: 10px;
  background: linear-gradient(135deg, #fff, #fff7ef);
  box-shadow: 0 16px 36px rgba(83, 44, 22, .08);
}

body.route-profile .artist-safety-drawer summary {
  cursor: pointer;
  min-height: 54px;
  display: grid;
  place-items: center;
  padding: 14px 18px;
  color: #9b0008;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}

body.route-profile .artist-safety-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(176, 0, 8, .12);
}

body.route-profile .artist-safety-grid article {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(176, 0, 8, .12);
  border-radius: 8px;
  background: #fff;
  text-align: center;
}

body.route-profile .artist-safety-grid span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #fff0df;
  color: #b0000d;
  font-weight: 900;
}

body.route-profile .artist-safety-grid h3 {
  margin: 0 0 8px;
  color: #1f120d;
  font-size: 18px;
}

body.route-profile .artist-safety-grid p {
  margin: 0;
  color: #60483b;
  font-weight: 700;
  line-height: 1.38;
}

@media (max-width: 980px) {
  body.route-profile .artist-profile-snapshot {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.route-profile .artist-profile-snapshot-copy h2,
  body.route-profile .artist-profile-snapshot-copy p {
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  body.route-profile .artist-profile-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px;
  }

  body.route-profile .artist-profile-nav a {
    min-width: 0;
    padding: 9px 4px;
  }

  body.route-profile .artist-profile-nav span {
    font-size: 10px;
    line-height: 1.1;
  }

  body.route-profile .artist-profile-nav strong {
    font-size: 10px;
  }

  body.route-profile .artist-profile-snapshot,
  body.route-profile .artist-safety-drawer {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 14px;
    box-sizing: border-box;
  }

  body.route-profile .artist-profile-snapshot-copy h2 {
    max-width: 12em;
    font-size: 26px;
    line-height: 1.05;
  }

  body.route-profile .artist-profile-snapshot-copy p:not(.eyebrow) {
    font-size: 12px;
  }

  body.route-profile .artist-profile-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.route-profile .artist-profile-mini-grid a {
    min-height: 118px;
    padding: 10px 6px;
  }

  body.route-profile .artist-profile-mini-grid strong {
    font-size: 16px;
  }

  body.route-profile .artist-profile-mini-grid small {
    font-size: 10px;
    line-height: 1.22;
  }

  body.route-profile .artist-profile-snapshot-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.route-profile .artist-profile-snapshot-actions .button {
    min-width: 0;
    width: 100%;
    padding-inline: 8px;
    font-size: 11px;
  }

  body.route-profile .artist-safety-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 10px;
  }

  body.route-profile .artist-safety-grid article {
    padding: 10px 5px;
  }

  body.route-profile .artist-safety-grid span {
    width: 24px;
    height: 24px;
    margin-bottom: 7px;
    font-size: 11px;
  }

  body.route-profile .artist-safety-grid h3 {
    font-size: 11px;
    line-height: 1.15;
  }

  body.route-profile .artist-safety-grid p {
    font-size: 9px;
    line-height: 1.22;
  }
}

/* Artist dashboard command center */
.artist-dashboard-command {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  gap: 18px;
  align-items: stretch;
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 92% 12%, rgba(0, 132, 76, 0.12), transparent 28%),
    linear-gradient(135deg, #fffdf9 0%, #fff5e8 100%);
}

.artist-command-copy,
.artist-command-score {
  min-width: 0;
}

.artist-command-copy h2 {
  margin: 8px 0 10px;
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: 1.06;
}

.artist-command-copy p {
  max-width: 760px;
  color: #5b463b;
  font-weight: 850;
  line-height: 1.45;
}

.artist-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.artist-command-score {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  border: 1px solid rgba(176, 0, 13, 0.16);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(108, 50, 8, 0.08);
  text-align: center;
}

.artist-command-score > span,
.artist-command-grid small,
.artist-ops-card small {
  color: #8f000a;
  font-size: 0.82rem;
  font-weight: 950;
  text-transform: uppercase;
}

.artist-command-score > strong {
  display: block;
  margin: 6px 0 12px;
  font-size: clamp(44px, 7vw, 76px);
  line-height: 0.95;
  color: #24140f;
}

.artist-command-score small {
  display: block;
  margin-top: 12px;
  color: #5b463b;
  font-weight: 850;
  line-height: 1.35;
}

.artist-command-grid-panel {
  background: #fff;
}

.artist-command-grid,
.artist-ops-grid,
.artist-command-detail-grid {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.artist-command-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.artist-command-grid article,
.artist-ops-card {
  min-width: 0;
  border: 1px solid rgba(165, 92, 34, 0.2);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  box-shadow: 0 14px 30px rgba(108, 50, 8, 0.06);
  text-align: center;
}

.artist-command-grid article {
  padding: 16px 12px;
}

.artist-command-grid article:nth-child(2) {
  background: linear-gradient(180deg, #fff, #fff8dd);
}

.artist-command-grid article:nth-child(3) {
  background: linear-gradient(180deg, #fff, #f4fff8);
}

.artist-command-grid article:nth-child(4) {
  background: linear-gradient(180deg, #fff, #fff0f0);
}

.artist-command-icon,
.artist-ops-card span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0 auto 10px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(176, 0, 13, 0.18);
}

.artist-command-grid strong {
  display: block;
  margin: 2px 0 4px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1;
  color: #24140f;
}

.artist-command-grid em {
  display: block;
  margin-top: 8px;
  color: #62483a;
  font-style: normal;
  font-weight: 800;
  line-height: 1.3;
}

.artist-command-ops {
  background:
    radial-gradient(circle at 0 0, rgba(255, 205, 71, 0.12), transparent 24%),
    #fffdf9;
}

.artist-ops-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 16px;
}

.artist-ops-card {
  display: flex;
  min-height: 150px;
  padding: 16px 12px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #24140f;
}

.artist-ops-card:nth-child(2) span {
  background: #ca8a04;
}

.artist-ops-card:nth-child(3) span {
  background: #00834c;
}

.artist-ops-card:nth-child(4) span {
  background: #7f1d1d;
}

.artist-ops-card strong {
  display: block;
  margin: 2px 0 8px;
  font-size: 1.05rem;
  line-height: 1.15;
}

.artist-ops-card small {
  color: #5b463b;
  text-transform: none;
  line-height: 1.3;
}

.artist-command-details {
  margin-top: 16px;
  border: 1px solid rgba(176, 0, 13, 0.16);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.artist-command-details summary {
  cursor: pointer;
  padding: 14px 16px;
  color: #9d000b;
  font-weight: 950;
  text-align: center;
}

.artist-command-detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 14px 14px;
}

.artist-command-detail-grid span {
  border: 1px solid rgba(165, 92, 34, 0.16);
  border-radius: 10px;
  background: #fffaf3;
  padding: 12px;
  color: #5b463b;
  font-weight: 850;
  line-height: 1.35;
  text-align: center;
}

.artist-latest-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.artist-latest-grid .panel {
  min-width: 0;
  text-align: center;
}

.artist-latest-grid h3 {
  margin: 10px 0 8px;
  font-size: 1.05rem;
  line-height: 1.18;
}

.artist-latest-grid p {
  color: #5b463b;
  font-weight: 750;
  line-height: 1.35;
}

@media (max-width: 860px) {
  .artist-dashboard-command {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .artist-command-actions {
    justify-content: center;
  }

  .artist-command-grid,
  .artist-ops-grid,
  .artist-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .artist-command-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .artist-dashboard-command,
  .artist-command-grid-panel,
  .artist-command-ops {
    width: 100%;
    padding: 13px;
  }

  .artist-command-copy h2 {
    font-size: 30px;
  }

  .artist-command-copy p {
    font-size: 13px;
  }

  .artist-command-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .artist-command-actions .button {
    min-width: 0;
    width: 100%;
    padding-inline: 8px;
    font-size: 12px;
  }

  .artist-command-score {
    padding: 16px 12px;
  }

  .artist-command-grid,
  .artist-ops-grid,
  .artist-latest-grid {
    gap: 9px;
  }

  .artist-command-grid article,
  .artist-ops-card,
  .artist-latest-grid .panel {
    padding: 12px 8px;
  }

  .artist-command-icon,
  .artist-ops-card span {
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
  }

  .artist-command-grid strong {
    font-size: 30px;
  }

  .artist-command-grid small,
  .artist-command-grid em,
  .artist-ops-card small,
  .artist-latest-grid p {
    font-size: 11px;
    overflow-wrap: anywhere;
  }
}

/* v196 sub-phase 6 artist lead inbox cleanup */
body.page-dashboard .lead-inbox-head,
body.page-dashboard .lead-filter-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

body.page-dashboard .lead-inbox-actions,
body.page-dashboard .lead-quick-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

body.page-dashboard .lead-quick-actions form,
body.page-dashboard .escalation-card form,
body.page-dashboard .inline-lead-action {
  margin: 0;
}

body.page-dashboard .lead-focus-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

body.page-dashboard .lead-focus-card {
  min-width: 0;
  padding: 14px 10px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 10px;
  background: linear-gradient(180deg, #fff, #fff8ef);
  text-align: center;
}

body.page-dashboard .lead-focus-card span,
body.page-dashboard .lead-focus-card small {
  display: block;
  color: #63483a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

body.page-dashboard .lead-focus-card span {
  color: #9b0008;
  text-transform: uppercase;
}

body.page-dashboard .lead-focus-card strong {
  display: block;
  margin: 6px 0 4px;
  color: #24140f;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1;
}

body.page-dashboard .lead-focus-card.danger {
  border-color: rgba(176, 0, 13, .28);
  background: linear-gradient(180deg, #fff7f7, #fff);
}

body.page-dashboard .lead-focus-card.warning {
  border-color: rgba(202, 138, 4, .28);
  background: linear-gradient(180deg, #fff9e8, #fff);
}

body.page-dashboard .lead-focus-card.success {
  border-color: rgba(0, 131, 76, .24);
  background: linear-gradient(180deg, #f4fff8, #fff);
}

body.page-dashboard .lead-status-details,
body.page-dashboard .lead-advanced-filters,
body.page-dashboard .lead-update-drawer {
  margin-top: 12px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

body.page-dashboard .lead-status-details > summary,
body.page-dashboard .lead-advanced-filters > summary,
body.page-dashboard .lead-update-drawer > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 12px;
  color: #9b0008;
  font-weight: 950;
  text-align: center;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .lead-status-details > summary::-webkit-details-marker,
body.page-dashboard .lead-advanced-filters > summary::-webkit-details-marker,
body.page-dashboard .lead-update-drawer > summary::-webkit-details-marker {
  display: none;
}

body.page-dashboard .lead-command-panel {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 10px;
  background: linear-gradient(135deg, #fffaf2, #fff);
}

body.page-dashboard .lead-command-panel h3,
body.page-dashboard .lead-command-panel p {
  margin: 0;
}

body.page-dashboard .lead-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .lead-command-grid article {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 96px;
  padding: 10px 8px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

body.page-dashboard .lead-command-grid span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-weight: 950;
}

body.page-dashboard .lead-command-grid strong {
  color: #24140f;
  line-height: 1.15;
}

body.page-dashboard .lead-command-grid small {
  color: #62483a;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

body.page-dashboard .lead-filter-shell .admin-filter-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 12px 12px;
}

body.page-dashboard .lead-filter-shell .admin-filter-bar label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #24140f;
  font-weight: 900;
}

body.page-dashboard .lead-filter-shell .admin-filter-bar input,
body.page-dashboard .lead-filter-shell .admin-filter-bar select {
  min-height: 42px;
  border: 1px solid rgba(165, 92, 34, .22);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .lead-filter-shell .filter-actions {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}

body.page-dashboard .lead-source-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

body.page-dashboard .lead-source-strip a,
body.page-dashboard .lead-status-details .status-strip span {
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 999px;
  background: #fff;
  color: #9b0008;
  font-weight: 900;
  text-decoration: none;
}

body.page-dashboard .lead-source-strip a.active {
  background: #b0000d;
  color: #fff;
}

body.page-dashboard .lead-escalation-strip,
body.page-dashboard .lead-analytics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

body.page-dashboard .escalation-card,
body.page-dashboard .lead-analytics-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  text-align: center;
}

body.page-dashboard .lead-card {
  display: grid;
  gap: 12px;
  border-top: 4px solid #b0000d;
  background: linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .lead-card.overdue {
  border-top-color: #9f1010;
  background: linear-gradient(180deg, #fff7f7, #fff);
}

body.page-dashboard .lead-card.due-today {
  border-top-color: #ca8a04;
  background: linear-gradient(180deg, #fff9e8, #fff);
}

body.page-dashboard .lead-card.no-followup {
  border-top-color: #7f1d1d;
}

body.page-dashboard .lead-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

body.page-dashboard .lead-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

body.page-dashboard .lead-avatar {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-weight: 950;
}

body.page-dashboard .lead-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 7px;
}

body.page-dashboard .lead-card h3 {
  margin: 0;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.15;
}

body.page-dashboard .lead-message {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-left: 4px solid #b0000d;
  border-radius: 10px;
  background: #fff;
  color: #2a160f;
  font-weight: 750;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.page-dashboard .lead-essentials-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .lead-essentials-grid span {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

body.page-dashboard .lead-essentials-grid strong,
body.page-dashboard .lead-essentials-grid em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  font-style: normal;
  line-height: 1.25;
}

body.page-dashboard .lead-essentials-grid strong {
  color: #9b0008;
  font-size: 11px;
  text-transform: uppercase;
}

body.page-dashboard .lead-essentials-grid em {
  margin-top: 4px;
  color: #24140f;
  font-size: 12px;
  font-weight: 850;
}

body.page-dashboard .lead-response-checklist {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 10px;
  background: #fff8ef;
}

body.page-dashboard .lead-response-checklist strong,
body.page-dashboard .lead-response-checklist span {
  display: block;
  min-width: 0;
}

body.page-dashboard .lead-response-checklist strong {
  color: #24140f;
}

body.page-dashboard .lead-response-checklist span,
body.page-dashboard .lead-private-note span {
  color: #5b463b;
  font-weight: 800;
  line-height: 1.35;
}

body.page-dashboard .lead-private-note {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px dashed rgba(176, 0, 13, .22);
  border-radius: 10px;
  background: #fff;
}

body.page-dashboard .lead-private-note strong {
  color: #9b0008;
}

body.page-dashboard .lead-update-drawer .form-card {
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(176, 0, 13, .1);
  border-radius: 0;
  box-shadow: none;
}

body.page-dashboard .lead-note-templates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .lead-note-templates button {
  min-width: 0;
  min-height: 36px;
  padding: 8px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  background: #fff;
  color: #9b0008;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

body.page-dashboard .lead-note-templates button:hover,
body.page-dashboard .lead-note-templates button:focus {
  background: #b0000d;
  color: #fff;
}

@media (max-width: 920px) {
  body.page-dashboard .lead-command-panel,
  body.page-dashboard .lead-card-head {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .lead-inbox-actions,
  body.page-dashboard .lead-quick-actions {
    justify-content: stretch;
  }

  body.page-dashboard .lead-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .lead-quick-actions .button,
  body.page-dashboard .lead-quick-actions button {
    width: 100%;
  }

  body.page-dashboard .lead-filter-shell .admin-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .lead-escalation-strip,
  body.page-dashboard .lead-analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.page-dashboard .lead-inbox-head,
  body.page-dashboard .lead-filter-head {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .lead-inbox-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.page-dashboard .lead-inbox-actions .button {
    width: 100%;
    min-width: 0;
  }

  body.page-dashboard .lead-focus-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-dashboard .lead-focus-card {
    padding: 10px 5px;
  }

  body.page-dashboard .lead-focus-card span,
  body.page-dashboard .lead-focus-card small {
    font-size: 9px;
  }

  body.page-dashboard .lead-focus-card strong {
    font-size: 22px;
  }

  body.page-dashboard .lead-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-dashboard .lead-command-grid article {
    min-height: 86px;
    padding: 8px 5px;
  }

  body.page-dashboard .lead-command-grid span {
    width: 26px;
    height: 26px;
    font-size: 12px;
  }

  body.page-dashboard .lead-command-grid strong,
  body.page-dashboard .lead-command-grid small {
    font-size: 10px;
    overflow-wrap: anywhere;
  }

  body.page-dashboard .lead-filter-shell .admin-filter-bar,
  body.page-dashboard .lead-essentials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .lead-card {
    padding: 12px;
  }

  body.page-dashboard .lead-identity {
    grid-template-columns: 36px minmax(0, 1fr);
    text-align: left;
  }

  body.page-dashboard .lead-avatar {
    width: 36px;
    height: 36px;
  }

  body.page-dashboard .lead-card h3 {
    font-size: 18px;
  }

  body.page-dashboard .lead-message {
    padding: 10px;
    font-size: 13px;
  }

  body.page-dashboard .lead-response-checklist {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .lead-response-checklist .button,
  body.page-dashboard .lead-response-checklist button {
    width: 100%;
  }

  body.page-dashboard .lead-note-templates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  body.page-dashboard .lead-source-strip {
    gap: 6px;
  }

  body.page-dashboard .lead-source-strip a {
    padding: 8px 9px;
    font-size: 11px;
  }

  body.page-dashboard .lead-escalation-strip,
  body.page-dashboard .lead-analytics-grid {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .lead-essentials-grid em,
  body.page-dashboard .lead-note-templates button {
    font-size: 10px;
  }
}

/* v197 sub-phase 7 artist reviews and trust cleanup */
body.page-dashboard .review-command-head {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

body.page-dashboard .review-head-actions,
body.page-public .review-score-actions,
body.page-dashboard .review-card-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-dashboard .review-trust-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 18px 0;
}

body.page-dashboard .review-trust-card,
body.page-dashboard .review-dashboard-card,
body.page-dashboard .review-guidance-drawer,
body.page-public .review-score-panel,
body.page-public .public-review-card,
body.page-public .review-write-checks article {
  background: linear-gradient(135deg, #fffdf8 0%, #fff7ed 100%);
  border: 1px solid rgba(176, 0, 13, 0.18);
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(87, 48, 26, 0.08);
}

body.page-dashboard .review-trust-card {
  min-height: 116px;
  padding: 16px;
}

body.page-dashboard .review-trust-card span,
body.page-dashboard .review-card-meta strong {
  color: var(--ms-red);
  display: block;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .review-trust-card strong {
  color: var(--ms-ink);
  display: block;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  line-height: 1;
  margin: 9px 0 6px;
}

body.page-dashboard .review-trust-card small,
body.page-dashboard .review-card-meta em,
body.page-public .review-score-panel small,
body.page-public .trust-review-steps small,
body.page-public .review-write-checks small {
  color: rgba(35, 24, 18, 0.72);
  font-style: normal;
  font-weight: 700;
}

body.page-dashboard .review-trust-card.approved {
  background: linear-gradient(135deg, #f3fff8 0%, #fffdf7 100%);
}

body.page-dashboard .review-trust-card.pending {
  background: linear-gradient(135deg, #fff8e6 0%, #fffef9 100%);
}

body.page-dashboard .review-trust-card.rating {
  background: linear-gradient(135deg, #fff3f3 0%, #fffaf4 100%);
}

body.page-dashboard .review-guidance-drawer {
  margin: 0 0 18px;
  padding: 0;
}

body.page-dashboard .review-guidance-drawer summary {
  cursor: pointer;
  font-weight: 900;
  padding: 15px 18px;
  text-align: center;
}

body.page-dashboard .review-guidance-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 18px 18px;
}

body.page-dashboard .review-guidance-grid article {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(176, 0, 13, 0.12);
  border-radius: 12px;
  display: grid;
  gap: 7px;
  justify-items: center;
  min-height: 132px;
  padding: 14px;
  text-align: center;
}

body.page-dashboard .review-guidance-grid span,
body.page-dashboard .review-rating-bubble,
body.page-public .review-rating-bubble,
body.page-public .review-score-icon {
  align-items: center;
  background: #b0000d;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 900;
  height: 42px;
  justify-content: center;
  width: 42px;
}

body.page-dashboard .review-dashboard-list {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-dashboard .review-dashboard-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

body.page-dashboard .review-dashboard-card.approved {
  border-top: 4px solid #078a43;
}

body.page-dashboard .review-dashboard-card.pending {
  border-top: 4px solid #d99000;
}

body.page-dashboard .review-dashboard-card.blocked {
  border-top: 4px solid #7a1c1c;
}

body.page-dashboard .review-card-top,
body.page-public .public-review-top {
  align-items: center;
  display: flex;
  gap: 12px;
}

body.page-dashboard .review-card-top h3,
body.page-public .public-review-top h3 {
  margin: 5px 0 0;
}

body.page-dashboard .review-card-meta {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-dashboard .review-empty-state .profile-submit-row {
  justify-content: center;
}

body.page-public .profile-review-hub .section-head {
  margin-left: auto;
  margin-right: auto;
  max-width: 820px;
  text-align: center;
}

body.page-public .profile-review-layout {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1.22fr);
}

body.page-public .review-score-panel {
  align-content: start;
  display: grid;
  gap: 14px;
  justify-items: center;
  padding: 22px;
  text-align: center;
}

body.page-public .review-score-panel strong {
  color: var(--ms-ink);
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1;
}

body.page-public .review-score-icon {
  background: #fff0d5;
  color: #c98700;
}

body.page-public .trust-review-steps {
  display: grid;
  gap: 10px;
  width: 100%;
}

body.page-public .trust-review-steps article {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(176, 0, 13, 0.12);
  border-radius: 12px;
  display: grid;
  gap: 6px;
  justify-items: center;
  min-height: 114px;
  padding: 12px;
  text-align: center;
}

body.page-public .trust-review-steps span {
  align-items: center;
  background: #b0000d;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

body.page-public .public-review-list {
  display: grid;
  gap: 14px;
}

body.page-public .public-review-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

body.page-public .empty-review-card {
  align-content: center;
  min-height: 220px;
  text-align: center;
}

body.page-public .review-write-checks {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

body.page-public .review-write-checks article {
  align-items: center;
  display: grid;
  gap: 6px;
  justify-items: center;
  padding: 14px;
  text-align: center;
}

body.page-public .review-write-checks span {
  align-items: center;
  background: #078a43;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}

@media (max-width: 920px) {
  body.page-dashboard .review-command-head {
    align-items: center;
    text-align: center;
  }

  body.page-dashboard .review-command-head,
  body.page-public .profile-review-layout {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  body.page-dashboard .review-head-actions {
    justify-content: center;
  }

  body.page-dashboard .review-trust-grid,
  body.page-dashboard .review-dashboard-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.page-dashboard .review-trust-grid,
  body.page-dashboard .review-guidance-grid,
  body.page-dashboard .review-dashboard-list,
  body.page-dashboard .review-card-meta {
    grid-template-columns: 1fr;
  }

  body.page-public .review-score-actions,
  body.page-dashboard .review-card-actions {
    justify-content: center;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .review-trust-card,
  body.page-dashboard .review-dashboard-card,
  body.page-public .review-score-panel,
  body.page-public .public-review-card {
    padding: 14px;
  }

  body.page-public .public-review-top,
  body.page-dashboard .review-card-top {
    align-items: flex-start;
  }
}

/* v198 sub-phase 8 artist SEO and share readiness */
body.page-dashboard .seo-share-head {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

body.page-dashboard .seo-share-actions,
body.page-dashboard .seo-copy-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-dashboard .seo-signal-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 18px 0;
}

body.page-dashboard .seo-signal-card,
body.page-dashboard .seo-primary-share-card,
body.page-dashboard .seo-playbook-panel article,
body.page-dashboard .seo-profile-card {
  background: linear-gradient(135deg, #fffdf8 0%, #fff7ed 100%);
  border: 1px solid rgba(176, 0, 13, 0.18);
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(87, 48, 26, 0.08);
}

body.page-dashboard .seo-signal-card {
  min-height: 118px;
  padding: 16px;
}

body.page-dashboard .seo-signal-card span {
  color: var(--ms-red);
  display: block;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .seo-signal-card strong {
  color: var(--ms-ink);
  display: block;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1;
  margin: 9px 0 6px;
}

body.page-dashboard .seo-signal-card small,
body.page-dashboard .seo-playbook-panel small,
body.page-dashboard .seo-profile-card .meta,
body.page-dashboard .seo-mini-stats small {
  color: rgba(35, 24, 18, 0.72);
  font-weight: 700;
}

body.page-dashboard .seo-signal-card.ready {
  background: linear-gradient(135deg, #f3fff8 0%, #fffdf7 100%);
}

body.page-dashboard .seo-signal-card.proof {
  background: linear-gradient(135deg, #f5fbff 0%, #fffaf4 100%);
}

body.page-dashboard .seo-signal-card.warning {
  background: linear-gradient(135deg, #fff7e7 0%, #fffef9 100%);
}

body.page-dashboard .seo-share-layout {
  align-items: stretch;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
}

body.page-dashboard .seo-primary-share-card {
  display: grid;
  gap: 12px;
  padding: 20px;
}

body.page-dashboard .seo-primary-share-card h3 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  margin: 0;
}

body.page-dashboard .seo-primary-share-card input[readonly] {
  background: #fff;
  border: 1px solid rgba(176, 0, 13, 0.2);
  border-radius: 12px;
  color: var(--ms-ink);
  font-weight: 800;
  min-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.page-dashboard .seo-playbook-panel {
  display: grid;
  gap: 12px;
}

body.page-dashboard .seo-playbook-panel article {
  align-items: center;
  display: grid;
  gap: 7px;
  justify-items: center;
  min-height: 122px;
  padding: 14px;
  text-align: center;
}

body.page-dashboard .seo-playbook-panel span {
  align-items: center;
  background: #b0000d;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  width: 34px;
}

body.page-dashboard .seo-profile-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.page-dashboard .seo-profile-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

body.page-dashboard .seo-profile-card.ready {
  border-top: 4px solid #078a43;
}

body.page-dashboard .seo-profile-card.warning {
  border-top: 4px solid #d99000;
}

body.page-dashboard .seo-profile-card.action {
  border-top: 4px solid #b0000d;
}

body.page-dashboard .seo-profile-top {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

body.page-dashboard .seo-profile-top strong {
  align-items: center;
  background: #fff0d5;
  border-radius: 999px;
  color: #8a4700;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 900;
  height: 54px;
  justify-content: center;
  width: 54px;
}

body.page-dashboard .compact-meter {
  margin: 0;
  min-height: 8px;
}

body.page-dashboard .seo-mini-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-dashboard .seo-mini-stats span {
  background: #fff;
  border: 1px solid rgba(176, 0, 13, 0.12);
  border-radius: 12px;
  display: grid;
  gap: 3px;
  justify-items: center;
  padding: 10px;
  text-align: center;
}

body.page-dashboard .seo-mini-stats strong {
  color: var(--ms-red);
  font-size: 1.2rem;
  line-height: 1;
}

body.page-dashboard .seo-missing-drawer {
  background: #fff;
  border: 1px solid rgba(176, 0, 13, 0.12);
  border-radius: 12px;
}

body.page-dashboard .seo-missing-drawer summary {
  cursor: pointer;
  font-weight: 900;
  padding: 12px;
  text-align: center;
}

body.page-dashboard .seo-missing-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 0 12px 12px;
}

body.page-dashboard .seo-missing-list span {
  background: #fff7ed;
  border: 1px solid rgba(176, 0, 13, 0.14);
  border-radius: 999px;
  color: var(--ms-red);
  font-size: 0.76rem;
  font-weight: 900;
  padding: 7px 10px;
}

@media (max-width: 920px) {
  body.page-dashboard .seo-share-head {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  body.page-dashboard .seo-share-actions,
  body.page-dashboard .seo-copy-row {
    justify-content: center;
  }

  body.page-dashboard .seo-signal-grid,
  body.page-dashboard .seo-share-layout,
  body.page-dashboard .seo-profile-grid {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .seo-playbook-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.page-dashboard .seo-signal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .seo-playbook-panel,
  body.page-dashboard .seo-mini-stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .seo-signal-card,
  body.page-dashboard .seo-primary-share-card,
  body.page-dashboard .seo-profile-card {
    padding: 14px;
  }

  body.page-dashboard .seo-profile-top {
    align-items: center;
  }

  body.page-dashboard .seo-signal-card small {
    font-size: 11px;
  }
}

/* v199 sub-phase 9 provider billing command center */
body.page-dashboard .billing-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, .7fr);
  gap: 18px;
  align-items: stretch;
  background:
    linear-gradient(135deg, rgba(255, 249, 239, .96), rgba(255, 255, 255, .98)),
    radial-gradient(circle at 12% 12%, rgba(185, 9, 18, .08), transparent 32%);
  border: 1px solid rgba(185, 9, 18, .16);
  box-shadow: 0 24px 60px rgba(64, 28, 14, .08);
}

body.page-dashboard .billing-command-copy,
body.page-dashboard .billing-status-card,
body.page-dashboard .billing-snapshot-card,
body.page-dashboard .billing-role-card,
body.page-dashboard .billing-limit-card,
body.page-dashboard .billing-control-card,
body.page-dashboard .billing-record-card,
body.page-dashboard .billing-plan-card {
  min-width: 0;
}

body.page-dashboard .billing-command-copy {
  display: grid;
  align-content: center;
  gap: 10px;
}

body.page-dashboard .billing-command-copy h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 4.4rem);
  line-height: 1;
  letter-spacing: 0;
}

body.page-dashboard .billing-command-copy p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #5d463b;
  font-weight: 700;
}

body.page-dashboard .billing-command-actions,
body.page-dashboard .billing-role-chips,
body.page-dashboard .billing-record-card .card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body.page-dashboard .billing-status-card {
  display: grid;
  gap: 10px;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(185, 9, 18, .16);
  background: #fff;
}

body.page-dashboard .billing-status-card strong {
  font-size: clamp(1.35rem, 2.4vw, 2.2rem);
  line-height: 1.05;
}

body.page-dashboard .billing-status-card small,
body.page-dashboard .billing-snapshot-card small,
body.page-dashboard .billing-limit-card strong,
body.page-dashboard .billing-plan-card small,
body.page-dashboard .billing-plan-list,
body.page-dashboard .billing-step-grid small,
body.page-dashboard .billing-note-panel span {
  color: #6f584d;
  font-weight: 700;
}

body.page-dashboard .billing-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-dashboard .billing-snapshot-card,
body.page-dashboard .billing-limit-card,
body.page-dashboard .billing-record-card,
body.page-dashboard .billing-control-card,
body.page-dashboard .billing-plan-card {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid rgba(185, 9, 18, .15);
  border-radius: 8px;
  background: #fffdfa;
  box-shadow: 0 16px 38px rgba(64, 28, 14, .06);
}

body.page-dashboard .billing-snapshot-card span,
body.page-dashboard .billing-limit-card span {
  color: #b00912;
  font-size: .76rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .billing-snapshot-card strong {
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  line-height: 1.05;
}

body.page-dashboard .billing-access-console,
body.page-dashboard .billing-flow-panel,
body.page-dashboard .billing-records-panel {
  border: 1px solid rgba(185, 9, 18, .13);
  background: linear-gradient(180deg, rgba(255, 251, 244, .98), rgba(255, 255, 255, .98));
}

body.page-dashboard .billing-access-layout {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.5fr);
  gap: 16px;
  align-items: stretch;
}

body.page-dashboard .billing-role-card {
  display: grid;
  gap: 12px;
  align-content: center;
  padding: 22px;
  border-radius: 8px;
  border: 1px solid rgba(185, 9, 18, .16);
  background: linear-gradient(135deg, #fff3df, #fffdf9);
  text-align: center;
}

body.page-dashboard .billing-role-card h3,
body.page-dashboard .billing-control-card h3,
body.page-dashboard .billing-plan-card h3 {
  margin: 0;
  line-height: 1.1;
}

body.page-dashboard .billing-role-chips {
  justify-content: center;
}

body.page-dashboard .billing-role-chips span {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(185, 9, 18, .18);
  background: #fff;
  color: #9c0710;
  font-weight: 900;
}

body.page-dashboard .billing-limit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-dashboard .billing-limit-card {
  align-content: start;
}

body.page-dashboard .billing-limit-card.locked {
  background: #fff7f3;
}

body.page-dashboard .billing-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-dashboard .billing-step-grid article {
  display: grid;
  gap: 9px;
  justify-items: center;
  text-align: center;
  padding: 18px;
  border: 1px solid rgba(185, 9, 18, .14);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .billing-step-grid span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #b00912;
  color: #fff;
  font-weight: 900;
}

body.page-dashboard .billing-note-panel {
  display: grid;
  gap: 8px;
  max-width: 860px;
  margin: 18px auto 0;
  padding: 18px;
  border: 1px solid rgba(185, 9, 18, .13);
  border-radius: 8px;
  background: #fffdfa;
  text-align: center;
}

body.page-dashboard .billing-record-card {
  background: #fff;
}

body.page-dashboard .billing-control-card {
  margin-bottom: 14px;
  text-align: center;
}

body.page-dashboard .billing-control-card form {
  margin: 0;
}

body.page-dashboard .billing-ops-details {
  padding: 14px;
  border: 1px solid rgba(185, 9, 18, .14);
  border-radius: 8px;
  background: #fffaf3;
}

body.page-dashboard .billing-ops-details summary {
  cursor: pointer;
  color: #a20710;
  font-weight: 900;
  text-align: center;
}

body.page-dashboard .billing-ops-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

body.page-dashboard .billing-ops-grid span {
  padding: 10px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(185, 9, 18, .12);
  font-size: .84rem;
  font-weight: 800;
  text-align: center;
}

body.page-dashboard .billing-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

body.page-dashboard .billing-plan-card {
  position: relative;
  overflow: hidden;
  grid-template-rows: auto auto 1fr auto auto auto;
}

body.page-dashboard .billing-plan-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, #b00912, #f2b705, #0c8a48);
}

body.page-dashboard .billing-plan-card.featured {
  border-color: rgba(185, 9, 18, .34);
  box-shadow: 0 22px 56px rgba(185, 9, 18, .12);
}

body.page-dashboard .billing-plan-price {
  display: block;
  padding: 12px;
  border-radius: 8px;
  background: #fff3df;
  color: #a20710;
  font-size: 1.35rem;
  text-align: center;
}

body.page-dashboard .billing-plan-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
}

body.page-dashboard .billing-plan-card form {
  display: grid;
  gap: 10px;
  margin: 0;
}

body.page-dashboard .billing-plan-card select {
  width: 100%;
  min-height: 42px;
}

@media (max-width: 1100px) {
  body.page-dashboard .billing-snapshot-grid,
  body.page-dashboard .billing-limit-grid,
  body.page-dashboard .billing-step-grid,
  body.page-dashboard .billing-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  body.page-dashboard .billing-command-center,
  body.page-dashboard .billing-access-layout,
  body.page-dashboard .billing-records-panel {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .billing-command-copy,
  body.page-dashboard .billing-command-copy p:not(.eyebrow) {
    text-align: center;
    justify-items: center;
    margin-inline: auto;
  }

  body.page-dashboard .billing-command-actions {
    justify-content: center;
  }
}

@media (max-width: 560px) {
  body.page-dashboard .billing-command-center,
  body.page-dashboard .billing-access-console,
  body.page-dashboard .billing-flow-panel,
  body.page-dashboard .billing-records-panel {
    padding: 14px;
  }

  body.page-dashboard .billing-snapshot-grid,
  body.page-dashboard .billing-limit-grid,
  body.page-dashboard .billing-step-grid,
  body.page-dashboard .billing-plan-grid,
  body.page-dashboard .billing-ops-grid {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .billing-command-copy h2 {
    font-size: 2.1rem;
  }

  body.page-dashboard .billing-command-actions .button,
  body.page-dashboard .billing-record-card .card-actions .button {
    width: 100%;
  }
}

/* v200 sub-phase 10 artist public launch handoff */
body.page-dashboard .artist-launch-kit,
body.route-profile .artist-public-share-strip {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(185, 9, 18, .14);
  background:
    radial-gradient(circle at 8% 12%, rgba(0, 132, 76, .1), transparent 28%),
    linear-gradient(135deg, #fffdf9, #fff6e8);
  box-shadow: 0 22px 54px rgba(64, 28, 14, .08);
}

body.page-dashboard .artist-launch-kit {
  grid-template-columns: minmax(0, 1.2fr) minmax(190px, .45fr);
  align-items: stretch;
}

body.page-dashboard .artist-launch-copy,
body.page-dashboard .artist-launch-score,
body.page-dashboard .artist-launch-card,
body.route-profile .artist-public-share-strip > div {
  min-width: 0;
}

body.page-dashboard .artist-launch-copy h2,
body.route-profile .artist-public-share-strip h2 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  line-height: 1.03;
}

body.page-dashboard .artist-launch-copy p:not(.eyebrow),
body.route-profile .artist-public-share-strip p:not(.eyebrow) {
  max-width: 760px;
  color: #5d463b;
  font-weight: 760;
  line-height: 1.42;
}

body.page-dashboard .artist-launch-actions,
body.route-profile .artist-public-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body.page-dashboard .artist-launch-score {
  display: grid;
  gap: 8px;
  align-content: center;
  justify-items: center;
  padding: 20px;
  border: 1px solid rgba(185, 9, 18, .15);
  border-radius: 8px;
  background: #fff;
  text-align: center;
}

body.page-dashboard .artist-launch-score span,
body.page-dashboard .artist-launch-card span {
  color: #b00912;
  font-size: .76rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .artist-launch-score strong {
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 1;
}

body.page-dashboard .artist-launch-score small,
body.page-dashboard .artist-launch-card small,
body.route-profile .artist-public-share-strip p {
  color: #6f584d;
  font-weight: 760;
}

body.page-dashboard .artist-launch-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-dashboard .artist-launch-card {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(185, 9, 18, .13);
  border-radius: 8px;
  background: #fff;
  color: #24140f;
  text-align: center;
  text-decoration: none;
}

body.page-dashboard .artist-launch-card.is-ready {
  background: linear-gradient(180deg, #ffffff, #f2fff8);
}

body.page-dashboard .artist-launch-card.is-action {
  background: linear-gradient(180deg, #ffffff, #fff2ec);
}

body.page-dashboard .artist-launch-card strong {
  font-size: 1.05rem;
  line-height: 1.15;
}

body.page-dashboard .artist-launch-card em {
  color: #9c0710;
  font-style: normal;
  font-weight: 900;
}

body.route-profile .artist-public-share-strip {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  max-width: min(1180px, calc(100% - 32px));
  margin: 18px auto;
  padding: 18px;
  border-radius: 8px;
}

body.route-profile .artist-public-share-strip p,
body.route-profile .artist-public-share-strip h2 {
  margin-block: 6px 0;
}

body.route-profile .artist-public-share-actions {
  justify-content: flex-end;
}

@media (max-width: 920px) {
  body.page-dashboard .artist-launch-kit,
  body.route-profile .artist-public-share-strip {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .artist-launch-actions,
  body.route-profile .artist-public-share-actions {
    justify-content: center;
  }

  body.page-dashboard .artist-launch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  body.page-dashboard .artist-launch-kit,
  body.route-profile .artist-public-share-strip {
    padding: 14px;
  }

  body.page-dashboard .artist-launch-grid {
    grid-template-columns: 1fr;
  }

  body.route-profile .artist-public-share-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.route-profile .artist-public-share-actions .button,
  body.page-dashboard .artist-launch-actions .button {
    width: 100%;
  }
}

/* v201 final artist closeout */
.button.is-copied {
  background: #0f7b45 !important;
  border-color: #0f7b45 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(15, 123, 69, .2);
}

body.page-dashboard .artist-latest-panel {
  border: 1px solid rgba(185, 9, 18, .14);
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 204, 65, .16), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ec);
}

body.page-dashboard .artist-latest-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-dashboard .artist-latest-grid .panel {
  display: grid;
  min-width: 0;
  gap: 10px;
  align-content: start;
  justify-items: center;
  text-align: center;
}

body.page-dashboard .artist-latest-grid .panel h3 {
  margin: 0;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  line-height: 1.12;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-latest-grid .panel p {
  margin: 0;
  color: #624a3e;
  font-weight: 750;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-latest-grid .card-actions {
  justify-content: center;
}

body.page-dashboard .artist-latest-grid .button {
  justify-self: center;
}

/* v202 artist app phase 1: content cleanup and action-first dashboard base */
body.page-dashboard .artist-app-chip-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  max-width: 620px;
  margin: 14px 0 4px;
}

body.page-dashboard .artist-app-chip-row span {
  display: inline-grid;
  min-height: 42px;
  place-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  color: #980009;
  font-size: .82rem;
  font-weight: 950;
  text-align: center;
  box-shadow: 0 12px 24px rgba(83, 44, 22, .06);
}

body.page-dashboard .artist-dashboard-command {
  align-items: center;
}

body.page-dashboard .artist-command-copy h2 {
  max-width: 11em;
}

body.page-dashboard .artist-command-actions .button {
  min-height: 46px;
}

body.page-dashboard .artist-command-ops .section-lead,
body.page-dashboard .artist-latest-panel .section-lead,
body.page-dashboard .artist-launch-copy > p:not(.eyebrow) {
  display: none;
}

body.page-dashboard .artist-latest-grid .panel {
  border-top: 4px solid rgba(176, 0, 13, .72);
  background: linear-gradient(180deg, #fff, #fffaf2);
}

body.page-dashboard .artist-latest-grid .panel:nth-child(2) {
  border-top-color: #c98b02;
}

body.page-dashboard .artist-latest-grid .panel:nth-child(3) {
  border-top-color: #07894f;
}

body.page-dashboard .artist-latest-grid .panel:nth-child(4) {
  border-top-color: #7f1d1d;
}

body.route-profile .artist-public-share-strip {
  align-items: center;
}

body.route-profile .artist-public-share-strip h2,
body.route-profile .artist-profile-snapshot-copy h2 {
  letter-spacing: 0;
}

body.route-profile .artist-public-share-strip p:not(.eyebrow),
body.route-profile .artist-profile-snapshot-copy p:not(.eyebrow) {
  display: none;
}

body.route-profile .artist-profile-snapshot {
  grid-template-columns: minmax(220px, .68fr) minmax(420px, 1.32fr);
}

body.route-profile .artist-profile-mini-grid a {
  min-height: 116px;
}

@media (max-width: 920px) {
  body.page-dashboard .artist-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  body.page-dashboard .artist-latest-grid {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .artist-app-chip-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    max-width: none;
  }

  body.page-dashboard .artist-app-chip-row span {
    min-height: 36px;
    padding: 7px 4px;
    font-size: 10px;
  }

  body.page-dashboard .artist-latest-grid .button,
  body.page-dashboard .artist-latest-grid .card-actions .button {
    width: 100%;
  }
}

/* v203 artist app phase 2: dashboard shell and compact mobile controls */
body.page-dashboard .artist-app-shell {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 10% 0, rgba(255, 194, 64, .14), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(0, 132, 76, .1), transparent 28%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 42px rgba(82, 38, 17, .08);
}

body.page-dashboard .artist-app-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .artist-app-identity {
  display: grid;
  min-width: 0;
  gap: 4px;
}

body.page-dashboard .artist-app-identity strong {
  color: #24140f;
  font-size: clamp(1.28rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-app-identity small {
  color: #6a5145;
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-app-status-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-shell-status {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 12px;
  background: #fff;
  text-align: center;
}

body.page-dashboard .artist-shell-status.ready {
  border-color: rgba(0, 132, 76, .2);
  background: linear-gradient(180deg, #fff, #f0fff7);
}

body.page-dashboard .artist-shell-status.warning {
  border-color: rgba(201, 139, 2, .26);
  background: linear-gradient(180deg, #fff, #fff8dc);
}

body.page-dashboard .artist-shell-status.action {
  border-color: rgba(176, 0, 13, .24);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .artist-shell-status span {
  color: #9a000b;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .artist-shell-status strong {
  color: #24140f;
  font-size: clamp(1rem, 2vw, 1.45rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-app-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-app-tabs a,
body.page-dashboard .artist-mobile-dock a {
  display: grid;
  min-width: 0;
  align-content: center;
  justify-items: center;
  gap: 5px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 12px;
  background: rgba(255, 255, 255, .96);
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(83, 44, 22, .06);
}

body.page-dashboard .artist-app-tabs a {
  min-height: 92px;
  padding: 9px 7px;
}

body.page-dashboard .artist-app-tabs a.active {
  border-color: #b0000d;
  background: #b0000d;
  color: #fff;
  box-shadow: 0 14px 28px rgba(176, 0, 13, .18);
}

body.page-dashboard .artist-app-tabs i,
body.page-dashboard .artist-mobile-dock i {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 999px;
  background: #fff0d9;
  color: #a0000a;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

body.page-dashboard .artist-app-tabs a.active i {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

body.page-dashboard .artist-app-tabs strong,
body.page-dashboard .artist-mobile-dock strong {
  font-size: .8rem;
  font-weight: 950;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-app-tabs small {
  color: inherit;
  font-size: .68rem;
  font-weight: 850;
  line-height: 1.1;
  opacity: .78;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-mobile-dock {
  display: none;
}

@media (max-width: 860px) {
  body.page-dashboard .artist-app-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .artist-app-topbar .button {
    justify-self: center;
  }

  body.page-dashboard .artist-app-identity .badge {
    justify-self: center;
  }
}

@media (max-width: 520px) {
  body.page-dashboard .artist-app-shell {
    gap: 10px;
    padding: 12px;
  }

  body.page-dashboard .artist-app-topbar .button {
    width: 100%;
  }

  body.page-dashboard .artist-app-status-rail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-shell-status {
    min-height: 68px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .artist-shell-status span {
    font-size: 9px;
  }

  body.page-dashboard .artist-shell-status strong {
    font-size: 12px;
  }

  body.page-dashboard .artist-app-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-app-tabs a {
    min-height: 72px;
    padding: 6px 2px;
    border-radius: 10px;
  }

  body.page-dashboard .artist-app-tabs i {
    width: 26px;
    height: 26px;
    font-size: 11px;
  }

  body.page-dashboard .artist-app-tabs strong {
    font-size: 9px;
  }

  body.page-dashboard .artist-app-tabs small {
    font-size: 8px;
  }

  body.page-dashboard .artist-mobile-dock {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 10px 0 14px;
    padding: 8px;
    border: 1px solid rgba(176, 0, 13, .14);
    border-radius: 14px;
    background: rgba(255, 250, 243, .98);
    box-shadow: 0 16px 34px rgba(83, 44, 22, .08);
  }

  body.page-dashboard .artist-mobile-dock a {
    min-height: 62px;
    padding: 6px 2px;
    border-radius: 10px;
  }

  body.page-dashboard .artist-mobile-dock i {
    width: 26px;
    height: 26px;
    font-size: 11px;
  }

  body.page-dashboard .artist-mobile-dock strong {
    font-size: 9px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .artist-app-status-rail,
  body.page-dashboard .artist-mobile-dock {
    gap: 4px;
  }

  body.page-dashboard .artist-app-tabs {
    gap: 4px;
  }

  body.page-dashboard .artist-app-tabs strong,
  body.page-dashboard .artist-mobile-dock strong {
    font-size: 8px;
  }
}

/* v204 artist app phase 3: app-style profile builder */
body.page-dashboard .profile-builder-workspace {
  border-top: 4px solid #b0000d;
  background:
    radial-gradient(circle at 92% 8%, rgba(0, 132, 76, .08), transparent 28%),
    linear-gradient(180deg, #fff, #fff8ee);
}

body.page-dashboard .profile-builder-app-shell {
  display: grid;
  gap: 12px;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(255, 198, 70, .16), transparent 34%),
    #fff;
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
}

body.page-dashboard .profile-app-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .profile-app-topbar > div {
  min-width: 0;
}

body.page-dashboard .profile-app-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .profile-app-topbar small {
  display: block;
  margin-top: 4px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .profile-app-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

body.page-dashboard .profile-app-status-row,
body.page-dashboard .profile-form-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .profile-app-status-row article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .profile-app-status-row article.is-ready {
  border-color: rgba(0, 132, 76, .2);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .profile-app-status-row article.is-warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .profile-app-status-row article.is-action {
  border-color: rgba(176, 0, 13, .22);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .profile-app-status-row span {
  color: #9b0008;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .profile-app-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .profile-form-shortcuts a {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 999px;
  background: #fffaf3;
  color: #9b0008;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard .profile-form-section-title {
  scroll-margin-top: 120px;
}

body.page-dashboard .profile-builder-workspace .section-lead {
  max-width: 760px;
  margin-inline: auto;
}

body.page-dashboard .profile-builder-workspace .profile-builder-path article {
  min-height: 116px;
}

body.page-dashboard .guided-profile-form {
  border-top: 4px solid rgba(176, 0, 13, .82);
  background: linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .guided-profile-form .profile-form-section-title {
  border-radius: 12px;
  background:
    radial-gradient(circle at 96% 0, rgba(255, 204, 67, .13), transparent 34%),
    #fff;
}

@media (max-width: 860px) {
  body.page-dashboard .profile-app-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .profile-app-actions {
    justify-content: center;
  }
}

@media (max-width: 520px) {
  body.page-dashboard .profile-builder-app-shell {
    padding: 12px;
    border-radius: 12px;
  }

  body.page-dashboard .profile-app-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.page-dashboard .profile-app-actions .button {
    width: 100%;
    min-width: 0;
    padding-inline: 6px;
    font-size: 10px;
  }

  body.page-dashboard .profile-app-status-row,
  body.page-dashboard .profile-form-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .profile-app-status-row article {
    min-height: 66px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .profile-app-status-row span {
    font-size: 9px;
  }

  body.page-dashboard .profile-app-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .profile-form-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.page-dashboard .profile-builder-workspace .profile-builder-path article {
    min-height: 94px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .profile-app-status-row,
  body.page-dashboard .profile-form-shortcuts {
    gap: 4px;
  }

  body.page-dashboard .profile-form-shortcuts a {
    font-size: 8px;
  }
}

/* v205 artist app phase 2/3 verification: mobile dashboard shell stabilization */
@media (max-width: 760px) {
  body.page-dashboard .dashboard {
    width: calc(100% - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-inline: auto !important;
    overflow: hidden;
    box-sizing: border-box;
  }

  body.page-dashboard .dashboard-main,
  body.page-dashboard .dashboard-side,
  body.page-dashboard .dashboard-panel,
  body.page-dashboard .artist-app-shell,
  body.page-dashboard .profile-builder-workspace,
  body.page-dashboard .profile-builder-app-shell,
  body.page-dashboard .artist-dashboard-command,
  body.page-dashboard .artist-command-grid-panel,
  body.page-dashboard .artist-command-ops,
  body.page-dashboard .artist-launch-kit,
  body.page-dashboard .artist-latest-panel,
  body.page-dashboard .guided-profile-form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.phase1-foundation.page-dashboard .dashboard-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.page-dashboard .dashboard-side {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    gap: 6px;
    overflow: visible !important;
    overflow-x: visible !important;
    padding: 8px;
  }

  body.phase1-foundation.page-dashboard .dashboard-side {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
  }

  body.page-dashboard .dashboard-side h2 {
    grid-column: 1 / -1;
    position: static;
    margin: 0;
    border-right: 0;
    padding-right: 0;
    text-align: center;
    white-space: normal;
  }

  body.phase1-foundation.page-dashboard .dashboard-side h2 {
    position: static !important;
    display: block;
    grid-column: 1 / -1;
    min-height: 0;
    margin: 0;
    border-right: 0;
    padding-right: 0;
    background: transparent;
    text-align: center;
  }

  body.page-dashboard .dashboard-side a {
    display: grid;
    flex: initial;
    min-width: 0;
    min-height: 42px;
    place-items: center;
    padding: 6px 4px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.1;
  }

  body.page-dashboard .dashboard-main > h1,
  body.page-dashboard .admin .dashboard-main > h1 {
    max-width: 100%;
    margin-inline: auto;
    font-size: clamp(1.75rem, 8.4vw, 2.2rem);
    line-height: 1.08;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  body.page-dashboard .dashboard-page-lead {
    max-width: 100%;
    margin-inline: auto;
    overflow-wrap: anywhere;
  }

  body.page-dashboard .artist-app-shell,
  body.page-dashboard .profile-builder-app-shell {
    overflow: hidden;
  }

  body.page-dashboard .artist-app-status-rail,
  body.page-dashboard .artist-app-tabs,
  body.page-dashboard .artist-mobile-dock,
  body.page-dashboard .profile-app-status-row,
  body.page-dashboard .profile-form-shortcuts {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.page-dashboard .artist-shell-status,
  body.page-dashboard .artist-app-tabs a,
  body.page-dashboard .artist-mobile-dock a,
  body.page-dashboard .profile-app-status-row article,
  body.page-dashboard .profile-form-shortcuts a {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 390px) {
  body.page-dashboard .dashboard {
    width: calc(100% - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  body.page-dashboard .dashboard-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase1-foundation.page-dashboard .dashboard-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v207 artist app phase 4: service package studio */
body.page-dashboard .service-builder-app-shell {
  display: grid;
  gap: 12px;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-top: 4px solid #b0000d;
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(255, 198, 70, .16), transparent 32%),
    radial-gradient(circle at 96% 20%, rgba(0, 132, 76, .09), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ee);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
  overflow: hidden;
}

body.page-dashboard .service-builder-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .service-builder-topbar > div {
  min-width: 0;
}

body.page-dashboard .service-builder-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .service-builder-topbar small {
  display: block;
  margin-top: 4px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .service-builder-status-row,
body.page-dashboard .service-builder-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .service-builder-status-row article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .service-builder-status-row article.ready {
  border-color: rgba(0, 132, 76, .2);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .service-builder-status-row article.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .service-builder-status-row article.action {
  border-color: rgba(176, 0, 13, .22);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .service-builder-status-row span {
  color: #9b0008;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .service-builder-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .service-builder-shortcuts a {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 999px;
  background: #fffaf3;
  color: #9b0008;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard #service-package-form,
body.page-dashboard #service-template-strip,
body.page-dashboard #service-booking-details,
body.page-dashboard #service-listings-panel {
  scroll-margin-top: 120px;
}

@media (max-width: 860px) {
  body.page-dashboard .service-builder-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .service-builder-topbar .button {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .service-builder-app-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 12px;
    border-radius: 12px;
    box-sizing: border-box;
  }

  body.page-dashboard .service-builder-topbar .button {
    width: 100%;
  }

  body.page-dashboard .service-builder-status-row,
  body.page-dashboard .service-builder-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .service-builder-status-row article {
    min-height: 66px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .service-builder-status-row span {
    font-size: 9px;
  }

  body.page-dashboard .service-builder-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .service-builder-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .service-builder-status-row,
  body.page-dashboard .service-builder-shortcuts {
    gap: 4px;
  }

  body.page-dashboard .service-builder-shortcuts a {
    font-size: 8px;
  }
}

/* v208 artist app phase 5: portfolio proof studio */
body.page-dashboard .portfolio-builder-app-shell {
  display: grid;
  gap: 12px;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(20, 132, 71, .15);
  border-top: 4px solid #148447;
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(20, 132, 71, .12), transparent 32%),
    radial-gradient(circle at 96% 20%, rgba(176, 0, 13, .08), transparent 30%),
    linear-gradient(180deg, #fff, #fff9ef);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
  overflow: hidden;
}

body.page-dashboard .portfolio-builder-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .portfolio-builder-topbar > div {
  min-width: 0;
}

body.page-dashboard .portfolio-builder-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-builder-topbar small {
  display: block;
  margin-top: 4px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-builder-status-row,
body.page-dashboard .portfolio-builder-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .portfolio-builder-status-row article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .portfolio-builder-status-row article.ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .portfolio-builder-status-row article.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .portfolio-builder-status-row article.action {
  border-color: rgba(176, 0, 13, .22);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .portfolio-builder-status-row span {
  color: #0c7040;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .portfolio-builder-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-builder-shortcuts a {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(20, 132, 71, .18);
  border-radius: 999px;
  background: #f4fff9;
  color: #0c7040;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard #media-upload-form,
body.page-dashboard #media-template-strip,
body.page-dashboard #media-image-details,
body.page-dashboard #media-proof-checklist,
body.page-dashboard #media-submitted-panel {
  scroll-margin-top: 120px;
}

@media (max-width: 860px) {
  body.page-dashboard .portfolio-builder-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .portfolio-builder-topbar .button {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .portfolio-builder-app-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 12px;
    border-radius: 12px;
    box-sizing: border-box;
  }

  body.page-dashboard .portfolio-builder-topbar .button {
    width: 100%;
  }

  body.page-dashboard .portfolio-builder-status-row,
  body.page-dashboard .portfolio-builder-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .portfolio-builder-status-row article {
    min-height: 66px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .portfolio-builder-status-row span {
    font-size: 9px;
  }

  body.page-dashboard .portfolio-builder-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .portfolio-builder-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .portfolio-builder-status-row,
  body.page-dashboard .portfolio-builder-shortcuts {
    gap: 4px;
  }

  body.page-dashboard .portfolio-builder-shortcuts a {
    font-size: 8px;
  }
}

/* v209 artist app phase 6: lead command center */
body.page-dashboard .lead-command-app-shell {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-top: 4px solid #b0000d;
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(176, 0, 13, .1), transparent 32%),
    radial-gradient(circle at 96% 20%, rgba(20, 132, 71, .1), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

body.page-dashboard .lead-command-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .lead-command-topbar > div {
  min-width: 0;
}

body.page-dashboard .lead-command-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .lead-command-topbar small {
  display: block;
  margin-top: 4px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .lead-command-status-row,
body.page-dashboard .lead-command-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .lead-command-status-row article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .lead-command-status-row article.ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .lead-command-status-row article.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .lead-command-status-row article.action,
body.page-dashboard .lead-command-status-row article.danger {
  border-color: rgba(176, 0, 13, .22);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .lead-command-status-row span {
  color: #9b0008;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .lead-command-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .lead-command-shortcuts a {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 999px;
  background: #fffaf3;
  color: #9b0008;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard .lead-command-shortcuts a:first-child,
body.page-dashboard .lead-command-shortcuts a:nth-child(2) {
  background: #b0000d;
  color: #fff;
}

body.page-dashboard #lead-filter-panel,
body.page-dashboard #lead-queue-panel,
body.page-dashboard #lead-next-step-panel {
  scroll-margin-top: 120px;
}

body.phase1-foundation.page-dashboard .lead-command-app-shell,
body.phase1-foundation.page-dashboard .lead-filter-shell,
body.phase1-foundation.page-dashboard .lead-queue-panel,
body.phase1-foundation.page-dashboard .lead-card,
body.phase1-foundation.page-dashboard .lead-update-drawer,
body.phase1-foundation.page-dashboard .lead-update-drawer .form-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .lead-card *,
body.page-dashboard .lead-filter-shell *,
body.page-dashboard .lead-queue-panel * {
  min-width: 0;
}

@media (max-width: 860px) {
  body.page-dashboard .lead-command-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .lead-command-topbar .button {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .lead-command-app-shell {
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border-radius: 12px;
  }

  body.page-dashboard .lead-command-topbar .button {
    width: 100%;
  }

  body.page-dashboard .lead-command-status-row,
  body.page-dashboard .lead-command-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .lead-command-status-row article {
    min-height: 66px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .lead-command-status-row span {
    font-size: 9px;
  }

  body.page-dashboard .lead-command-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .lead-command-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.page-dashboard .lead-filter-shell,
  body.page-dashboard .lead-queue-panel {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .lead-command-status-row,
  body.page-dashboard .lead-command-shortcuts {
    gap: 4px;
  }

  body.page-dashboard .lead-command-shortcuts a {
    font-size: 8px;
  }
}

/* v210 artist app phase 7: reviews and trust command center */
body.page-dashboard .review-command-app-shell {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(201, 139, 2, .18);
  border-top: 4px solid #c98700;
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(201, 139, 2, .13), transparent 32%),
    radial-gradient(circle at 96% 20%, rgba(176, 0, 13, .08), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

body.page-dashboard .review-command-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .review-command-topbar > div {
  min-width: 0;
}

body.page-dashboard .review-command-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-command-topbar small {
  display: block;
  margin-top: 4px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-command-status-row,
body.page-dashboard .review-command-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .review-command-status-row article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .review-command-status-row article.ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .review-command-status-row article.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .review-command-status-row article.rating {
  border-color: rgba(176, 0, 13, .2);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .review-command-status-row article.danger {
  border-color: rgba(122, 28, 28, .24);
  background: linear-gradient(180deg, #fff8f8, #fff);
}

body.page-dashboard .review-command-status-row span {
  color: #9b0008;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .review-command-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-command-shortcuts a {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(201, 139, 2, .18);
  border-radius: 999px;
  background: #fffaf3;
  color: #9b0008;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard .review-command-shortcuts a:first-child {
  background: #b0000d;
  color: #fff;
}

body.page-dashboard #review-guidance-drawer,
body.page-dashboard #review-dashboard-list {
  scroll-margin-top: 120px;
}

body.phase1-foundation.page-dashboard .review-command-app-shell,
body.phase1-foundation.page-dashboard .review-guidance-drawer,
body.phase1-foundation.page-dashboard .review-dashboard-card,
body.phase1-foundation.page-dashboard .review-empty-state {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .review-command-app-shell *,
body.page-dashboard .review-guidance-drawer *,
body.page-dashboard .review-dashboard-card *,
body.page-public .profile-review-hub *,
body.page-public .review-score-panel *,
body.page-public .public-review-card * {
  min-width: 0;
}

body.page-public .review-score-icon {
  font-size: 0;
}

body.page-public .review-score-icon::before {
  content: "\\2605";
  font-size: 1.15rem;
  line-height: 1;
}

body.page-public .public-review-signal-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

body.page-public .public-review-signal-row span {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  justify-items: center;
  gap: 2px;
  padding: 8px 4px;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-public .public-review-signal-row strong,
body.page-public .public-review-signal-row small {
  display: block;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-public .public-review-signal-row strong {
  color: #9b0008;
  font-size: .82rem;
  font-weight: 950;
}

body.page-public .public-review-signal-row small {
  color: #5f4638;
  font-size: .68rem;
  font-weight: 850;
}

@media (max-width: 860px) {
  body.page-dashboard .review-command-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .review-command-topbar .button {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .review-command-app-shell {
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border-radius: 12px;
  }

  body.page-dashboard .review-command-topbar .button {
    width: 100%;
  }

  body.page-dashboard .review-command-status-row,
  body.page-dashboard .review-command-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .review-command-status-row article {
    min-height: 66px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .review-command-status-row span {
    font-size: 9px;
  }

  body.page-dashboard .review-command-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .review-command-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.page-public .profile-review-layout {
    width: 100%;
    max-width: 100%;
  }

  body.page-public .review-score-panel {
    padding: 14px;
  }

  body.page-public .trust-review-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-public .trust-review-steps article {
    min-height: 96px;
    padding: 8px 4px;
  }

  body.page-public .trust-review-steps span {
    width: 24px;
    height: 24px;
    font-size: .7rem;
  }

  body.page-public .trust-review-steps strong,
  body.page-public .trust-review-steps small {
    font-size: 9px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .review-command-status-row,
  body.page-dashboard .review-command-shortcuts,
  body.page-public .public-review-signal-row,
  body.page-public .trust-review-steps {
    gap: 4px;
  }

  body.page-dashboard .review-command-shortcuts a,
  body.page-public .trust-review-steps strong,
  body.page-public .trust-review-steps small {
    font-size: 8px;
  }
}

/* v211 artist app phase 8: SEO and share command center */
body.page-dashboard .seo-command-app-shell {
  display: grid;
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(20, 132, 71, .15);
  border-top: 4px solid #148447;
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(20, 132, 71, .12), transparent 32%),
    radial-gradient(circle at 96% 20%, rgba(201, 139, 2, .12), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

body.page-dashboard .seo-command-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .seo-command-topbar > div {
  min-width: 0;
}

body.page-dashboard .seo-command-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .seo-command-topbar small {
  display: block;
  margin-top: 4px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .seo-command-status-row,
body.page-dashboard .seo-command-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-command-status-row article {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .seo-command-status-row article.ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .seo-command-status-row article.proof {
  border-color: rgba(31, 110, 164, .2);
  background: linear-gradient(180deg, #fff, #f3fbff);
}

body.page-dashboard .seo-command-status-row article.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .seo-command-status-row article.action {
  border-color: rgba(176, 0, 13, .22);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .seo-command-status-row span {
  color: #0c7040;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .seo-command-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .seo-command-shortcuts a,
body.page-dashboard .seo-command-shortcuts button {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(20, 132, 71, .18);
  border-radius: 999px;
  background: #f4fff9;
  color: #0c7040;
  font: inherit;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
  cursor: pointer;
}

body.page-dashboard .seo-command-shortcuts a:first-child,
body.page-dashboard .seo-command-shortcuts button:first-child {
  background: #b0000d;
  border-color: #b0000d;
  color: #fff;
}

body.page-dashboard #seo-primary-share-card,
body.page-dashboard #seo-profile-readiness-panel,
body.page-dashboard .seo-missing-drawer {
  scroll-margin-top: 120px;
}

body.phase1-foundation.page-dashboard .seo-command-app-shell,
body.phase1-foundation.page-dashboard .seo-share-console,
body.phase1-foundation.page-dashboard .seo-primary-share-card,
body.phase1-foundation.page-dashboard .seo-profile-card,
body.phase1-foundation.page-dashboard #seo-profile-readiness-panel {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .seo-command-app-shell *,
body.page-dashboard .seo-share-console *,
body.page-dashboard .seo-profile-card * {
  min-width: 0;
}

body.page-dashboard .seo-primary-share-card input[readonly] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 860px) {
  body.page-dashboard .seo-command-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .seo-command-topbar .button {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .seo-command-app-shell {
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border-radius: 12px;
  }

  body.page-dashboard .seo-command-topbar .button {
    width: 100%;
  }

  body.page-dashboard .seo-command-status-row,
  body.page-dashboard .seo-command-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .seo-command-status-row article {
    min-height: 66px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .seo-command-status-row span {
    font-size: 9px;
  }

  body.page-dashboard .seo-command-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .seo-command-shortcuts a,
  body.page-dashboard .seo-command-shortcuts button {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.page-dashboard .seo-playbook-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-dashboard .seo-playbook-panel article {
    min-height: 96px;
    padding: 8px 4px;
  }

  body.page-dashboard .seo-playbook-panel span {
    width: 26px;
    height: 26px;
    font-size: 11px;
  }

  body.page-dashboard .seo-playbook-panel strong,
  body.page-dashboard .seo-playbook-panel small {
    font-size: 9px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .seo-command-status-row,
  body.page-dashboard .seo-command-shortcuts,
  body.page-dashboard .seo-playbook-panel {
    gap: 4px;
  }

  body.page-dashboard .seo-command-shortcuts a,
  body.page-dashboard .seo-command-shortcuts button,
  body.page-dashboard .seo-playbook-panel strong,
  body.page-dashboard .seo-playbook-panel small {
    font-size: 8px;
  }
}

/* v212 artist app phase 9: billing and plan access command center */
body.page-dashboard .billing-command-app-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-top: 4px solid #b0000d;
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0, rgba(176, 0, 13, .10), transparent 32%),
    radial-gradient(circle at 96% 20%, rgba(20, 132, 71, .12), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .07);
  overflow: hidden;
  box-sizing: border-box;
}

body.page-dashboard .billing-command-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, .36fr);
  gap: 12px;
  align-items: stretch;
}

body.page-dashboard .billing-command-topbar > div {
  min-width: 0;
}

body.page-dashboard .billing-command-topbar > div:first-child {
  display: grid;
  align-content: center;
}

body.page-dashboard .billing-command-topbar strong {
  display: block;
  margin-top: 5px;
  color: #24140f;
  font-size: clamp(1.35rem, 2.6vw, 2.15rem);
  line-height: 1.04;
  overflow-wrap: anywhere;
}

body.page-dashboard .billing-command-topbar small {
  display: block;
  max-width: 760px;
  margin-top: 5px;
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.page-dashboard .billing-command-app-shell .billing-status-card {
  min-height: 112px;
  padding: 14px;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(83, 44, 22, .06);
}

body.page-dashboard .billing-command-app-shell .billing-status-card strong {
  font-size: clamp(1rem, 1.8vw, 1.3rem);
}

body.page-dashboard .billing-command-status-row,
body.page-dashboard .billing-command-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .billing-command-shortcuts {
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
}

body.page-dashboard .billing-command-status-row article {
  display: grid;
  min-width: 0;
  min-height: 76px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid rgba(165, 92, 34, .15);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  text-align: center;
}

body.page-dashboard .billing-command-status-row article.ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f1fff8);
}

body.page-dashboard .billing-command-status-row article.proof {
  border-color: rgba(31, 110, 164, .2);
  background: linear-gradient(180deg, #fff, #f3fbff);
}

body.page-dashboard .billing-command-status-row article.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8dd);
}

body.page-dashboard .billing-command-status-row article.action {
  border-color: rgba(176, 0, 13, .22);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .billing-command-status-row span {
  color: #b0000d;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

body.page-dashboard .billing-command-status-row strong {
  color: #24140f;
  font-size: clamp(.95rem, 2vw, 1.35rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .billing-command-shortcuts a {
  display: inline-grid;
  min-width: 0;
  min-height: 42px;
  place-items: center;
  padding: 8px 6px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-radius: 999px;
  background: #fff7f0;
  color: #9a0711;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
  overflow-wrap: anywhere;
}

body.page-dashboard .billing-command-shortcuts a:first-child {
  background: #b0000d;
  border-color: #b0000d;
  color: #fff;
}

body.page-dashboard #billing-access-console,
body.page-dashboard #billing-records-panel,
body.page-dashboard #dashboard-plans {
  scroll-margin-top: 120px;
}

body.phase1-foundation.page-dashboard .billing-command-app-shell,
body.phase1-foundation.page-dashboard .billing-snapshot-grid,
body.phase1-foundation.page-dashboard .billing-access-console,
body.phase1-foundation.page-dashboard .billing-flow-panel,
body.phase1-foundation.page-dashboard .billing-records-panel,
body.phase1-foundation.page-dashboard #dashboard-plans {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .billing-command-app-shell *,
body.page-dashboard .billing-snapshot-card *,
body.page-dashboard .billing-limit-card *,
body.page-dashboard .billing-plan-card *,
body.page-dashboard .billing-record-card *,
body.page-dashboard .billing-control-card * {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.page-dashboard .billing-snapshot-grid.dashboard-panel {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dashboard .billing-plan-card .button,
body.page-dashboard .billing-plan-card select,
body.page-dashboard .billing-control-card .button,
body.page-dashboard .billing-record-card .button {
  max-width: 100%;
}

body.page-dashboard .billing-flow-panel .section-head {
  text-align: center;
}

body.page-dashboard .billing-note-panel {
  justify-items: center;
}

@media (max-width: 860px) {
  body.page-dashboard .billing-command-topbar {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .billing-command-topbar > div:first-child {
    justify-items: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .billing-command-app-shell {
    padding: 12px;
    border-radius: 12px;
  }

  body.page-dashboard .billing-command-status-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .billing-command-shortcuts {
    grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
    gap: 5px;
  }

  body.page-dashboard .billing-command-status-row article {
    min-height: 64px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .billing-command-status-row span,
  body.page-dashboard .billing-command-shortcuts a {
    font-size: 9px;
  }

  body.page-dashboard .billing-command-status-row strong {
    font-size: 11px;
  }

  body.page-dashboard .billing-command-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
  }

  body.page-dashboard .billing-snapshot-grid,
  body.page-dashboard .billing-limit-grid,
  body.page-dashboard .billing-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.page-dashboard .billing-snapshot-card,
  body.page-dashboard .billing-limit-card,
  body.page-dashboard .billing-step-grid article {
    min-height: 112px;
    padding: 10px 6px;
    text-align: center;
    justify-items: center;
  }

  body.page-dashboard .billing-snapshot-card span,
  body.page-dashboard .billing-limit-card span,
  body.page-dashboard .billing-snapshot-card small,
  body.page-dashboard .billing-limit-card strong,
  body.page-dashboard .billing-step-grid small {
    font-size: 9px;
    line-height: 1.15;
  }

  body.page-dashboard .billing-snapshot-card strong {
    font-size: 12px;
  }

  body.page-dashboard .billing-plan-grid {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .billing-plan-card {
    grid-template-rows: auto;
    padding: 14px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .billing-command-status-row,
  body.page-dashboard .billing-command-shortcuts,
  body.page-dashboard .billing-snapshot-grid,
  body.page-dashboard .billing-limit-grid,
  body.page-dashboard .billing-step-grid {
    gap: 4px;
  }

  body.page-dashboard .billing-command-shortcuts a,
  body.page-dashboard .billing-snapshot-card span,
  body.page-dashboard .billing-limit-card span,
  body.page-dashboard .billing-snapshot-card small,
  body.page-dashboard .billing-limit-card strong,
  body.page-dashboard .billing-step-grid small {
    font-size: 8px;
  }
}

/* v213 artist app phase 10: public launch handoff polish */
body.page-dashboard .artist-launch-kit-v213,
body.route-profile .artist-public-share-strip-v213 {
  width: 100%;
  max-width: min(1180px, calc(100% - 32px));
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 14px;
}

body.page-dashboard .artist-launch-kit-v213 {
  grid-template-columns: minmax(0, 1fr) minmax(180px, .32fr);
  padding: 16px;
}

body.page-dashboard .artist-launch-kit-v213 *,
body.route-profile .artist-public-share-strip-v213 * {
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-launch-status-row,
body.route-profile .artist-public-share-stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-launch-status-row article,
body.route-profile .artist-public-share-stats span {
  display: grid;
  min-height: 64px;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 9px 6px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 12px;
  background: #fff;
  text-align: center;
}

body.page-dashboard .artist-launch-status-row article.ready {
  background: linear-gradient(180deg, #fff, #f1fff8);
  border-color: rgba(20, 132, 71, .22);
}

body.page-dashboard .artist-launch-status-row article.warning {
  background: linear-gradient(180deg, #fff, #fff8dd);
  border-color: rgba(201, 139, 2, .25);
}

body.page-dashboard .artist-launch-status-row article.action {
  background: linear-gradient(180deg, #fff, #fff0f0);
  border-color: rgba(176, 0, 13, .22);
}

body.page-dashboard .artist-launch-status-row span,
body.route-profile .artist-public-share-stats small {
  color: #b0000d;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.05;
  text-transform: uppercase;
}

body.page-dashboard .artist-launch-status-row strong,
body.route-profile .artist-public-share-stats strong {
  color: #24140f;
  font-size: clamp(.9rem, 1.8vw, 1.2rem);
  line-height: 1.05;
}

body.route-profile .artist-public-share-strip-v213 {
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
  gap: 14px;
  padding: 16px;
}

body.route-profile .artist-public-share-stats {
  margin-top: 10px;
}

body.page-dashboard .artist-launch-kit-v213 .form-note,
body.route-profile .artist-public-share-strip-v213 .form-note {
  margin: 8px 0 0;
  color: #6b5144;
  font-weight: 800;
}

body.route-profile .artist-public-share-strip-v213 .form-note {
  text-align: left;
}

@media (max-width: 920px) {
  body.page-dashboard .artist-launch-kit-v213,
  body.route-profile .artist-public-share-strip-v213 {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.route-profile .artist-public-share-strip-v213 .form-note {
    text-align: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .artist-launch-kit-v213,
  body.route-profile .artist-public-share-strip-v213 {
    max-width: calc(100% - 20px);
    padding: 12px;
    border-radius: 12px;
  }

  body.page-dashboard .artist-launch-status-row,
  body.route-profile .artist-public-share-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-launch-status-row article,
  body.route-profile .artist-public-share-stats span {
    min-height: 56px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .artist-launch-status-row span,
  body.route-profile .artist-public-share-stats small {
    font-size: 8px;
  }

  body.page-dashboard .artist-launch-status-row strong,
  body.route-profile .artist-public-share-stats strong {
    font-size: 10px;
  }

  body.page-dashboard .artist-launch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.page-dashboard .artist-launch-card {
    min-height: 116px;
    padding: 9px 5px;
  }

  body.page-dashboard .artist-launch-card span,
  body.page-dashboard .artist-launch-card small,
  body.page-dashboard .artist-launch-card em {
    font-size: 9px;
    line-height: 1.12;
  }

  body.page-dashboard .artist-launch-card strong {
    font-size: 11px;
    line-height: 1.1;
  }

  body.route-profile .artist-public-share-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
  }

  body.route-profile .artist-public-share-actions .button {
    width: 100%;
    min-height: 38px;
    padding: 7px 4px;
    font-size: 9px;
    line-height: 1.05;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .artist-launch-status-row,
  body.route-profile .artist-public-share-stats,
  body.page-dashboard .artist-launch-grid,
  body.route-profile .artist-public-share-actions {
    gap: 4px;
  }

  body.page-dashboard .artist-launch-card span,
  body.page-dashboard .artist-launch-card small,
  body.page-dashboard .artist-launch-card em,
  body.route-profile .artist-public-share-actions .button {
    font-size: 8px;
  }
}

/* v214 emergency dashboard shell correction: app-like role shortcuts */
body.page-dashboard .role-command-center {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 18px;
  overflow: hidden;
}

body.page-dashboard .role-command-copy {
  max-width: 920px;
  margin: 0 auto 14px;
  text-align: center;
}

body.page-dashboard .role-command-copy h2 {
  margin: 0 0 8px;
  font-size: clamp(1.75rem, 3vw, 3.1rem);
  line-height: 1.05;
}

body.page-dashboard .role-command-copy p {
  max-width: 760px;
  margin: 0 auto 10px;
  color: #60483c;
  font-weight: 820;
  line-height: 1.35;
}

body.page-dashboard .role-command-center .field-tags {
  justify-content: center;
}

body.page-dashboard .role-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

body.page-dashboard .role-dashboard-card {
  min-width: 0;
  min-height: 0;
  padding: 13px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 204, 65, .15), transparent 32%),
    linear-gradient(180deg, #fff, #fffaf3);
  box-shadow: 0 14px 34px rgba(64, 28, 14, .06);
  gap: 8px;
}

body.page-dashboard .role-dashboard-card.active {
  background:
    radial-gradient(circle at 100% 0%, rgba(0, 132, 76, .13), transparent 34%),
    linear-gradient(180deg, #fff, #f5fff8);
}

body.page-dashboard .role-dashboard-card.locked {
  opacity: .92;
}

body.page-dashboard .role-dashboard-card-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

body.page-dashboard .role-dashboard-card-head .badge {
  display: inline-grid;
  min-width: 54px;
  min-height: 34px;
  place-items: center;
  padding: 6px 8px;
  border-radius: 999px;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  font-size: 10px;
  line-height: 1;
}

body.page-dashboard .role-dashboard-card-head strong {
  min-width: 0;
  color: #24140f;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  line-height: 1.08;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.page-dashboard .role-dashboard-card > p {
  min-height: 38px;
  margin: 0;
  color: #60483c;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.page-dashboard .role-dashboard-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

body.page-dashboard .role-dashboard-metrics span,
body.page-dashboard .role-dashboard-card > small {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: #9c0710;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
}

body.page-dashboard .role-dashboard-card > small {
  border-radius: 10px;
  background: rgba(255, 246, 232, .85);
  color: #654b3d;
}

body.page-dashboard .role-dashboard-missing {
  color: #9c0710 !important;
}

body.page-dashboard .role-dashboard-card .card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: auto;
}

body.page-dashboard .role-dashboard-card .button {
  width: 100%;
  min-height: 36px;
  padding: 7px 6px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.05;
  white-space: normal;
}

@media (max-width: 1220px) {
  body.page-dashboard .role-dashboard-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  body.page-dashboard .role-command-center {
    padding: 12px;
  }

  body.page-dashboard .role-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.page-dashboard .role-dashboard-card {
    padding: 10px;
    border-radius: 10px;
  }

  body.page-dashboard .role-dashboard-card-head {
    gap: 6px;
  }

  body.page-dashboard .role-dashboard-card-head .badge {
    min-width: 42px;
    min-height: 28px;
    padding: 5px 6px;
    font-size: 8px;
  }

  body.page-dashboard .role-dashboard-card-head strong {
    font-size: 13px;
  }

  body.page-dashboard .role-dashboard-card > p {
    min-height: 30px;
    font-size: 10px;
  }

  body.page-dashboard .role-dashboard-metrics span,
  body.page-dashboard .role-dashboard-card > small {
    min-height: 24px;
    padding: 4px 6px;
    font-size: 9px;
  }

  body.page-dashboard .role-dashboard-card .button {
    min-height: 32px;
    padding: 6px 4px;
    font-size: 9px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .role-dashboard-grid {
    gap: 6px;
  }

  body.page-dashboard .role-dashboard-card {
    padding: 8px;
  }

  body.page-dashboard .role-dashboard-card-head .badge {
    min-width: 38px;
    font-size: 7px;
  }

  body.page-dashboard .role-dashboard-card-head strong {
    font-size: 12px;
  }

  body.page-dashboard .role-dashboard-card .button,
  body.page-dashboard .role-dashboard-metrics span,
  body.page-dashboard .role-dashboard-card > small {
    font-size: 8px;
  }
}

/* v215 dashboard app shell rebuild: compact action-first workspace */
body.page-dashboard .dashboard {
  width: min(100% - 28px, 1480px);
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
  gap: 18px;
}

body.page-dashboard .dashboard-main {
  display: block;
  min-width: 0;
}

body.page-dashboard .dashboard-main > .eyebrow,
body.page-dashboard .dashboard-main > h1 {
  text-align: center;
}

body.page-dashboard .dashboard-main > h1 {
  margin-bottom: 12px;
  font-size: clamp(2rem, 3.6vw, 3.25rem);
}

body.page-dashboard .dashboard-app-shell {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-top: 4px solid #b0000d;
  border-radius: 16px;
  background:
    radial-gradient(circle at 0 0, rgba(255, 204, 65, .16), transparent 26%),
    radial-gradient(circle at 100% 0, rgba(0, 132, 76, .09), transparent 25%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 42px rgba(83, 44, 22, .08);
  overflow: hidden;
}

body.page-dashboard .dashboard-app-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 14px;
  align-items: stretch;
}

body.page-dashboard .dashboard-app-hero h2 {
  max-width: 820px;
  margin: 0 0 10px;
  color: #24140f;
  font-size: clamp(1.65rem, 3.1vw, 3rem);
  line-height: 1.06;
}

body.page-dashboard .dashboard-app-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .dashboard-app-stats span,
body.page-dashboard .dashboard-app-plan-card,
body.page-dashboard .dashboard-app-panel {
  min-width: 0;
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 28px rgba(83, 44, 22, .05);
}

body.page-dashboard .dashboard-app-stats span {
  display: grid;
  min-height: 64px;
  place-items: center;
  padding: 10px 8px;
  color: #62483a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

body.page-dashboard .dashboard-app-stats strong {
  display: block;
  color: #a3000c;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  line-height: 1;
}

body.page-dashboard .dashboard-app-plan-card {
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 16px;
  text-align: center;
}

body.page-dashboard .dashboard-app-plan-card strong {
  color: #24140f;
  font-size: clamp(1.1rem, 1.8vw, 1.45rem);
  line-height: 1.1;
}

body.page-dashboard .dashboard-app-plan-card small {
  color: #654b3d;
  font-weight: 760;
  line-height: 1.25;
}

body.page-dashboard .dashboard-quick-dock {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .dashboard-quick-dock a {
  display: grid;
  min-width: 0;
  min-height: 92px;
  place-items: center;
  gap: 5px;
  padding: 12px 8px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 14px;
  background: #fff;
  color: #25140e;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(83, 44, 22, .05);
}

body.page-dashboard .dashboard-quick-dock a:hover,
body.page-dashboard .dashboard-role-app-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(83, 44, 22, .09);
}

body.page-dashboard .dashboard-quick-dock span,
body.page-dashboard .dashboard-role-app-icon {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  background: #fff0d9;
  color: #b0000d;
}

body.page-dashboard .dashboard-app-icon-svg {
  width: 22px;
  height: 22px;
}

body.page-dashboard .dashboard-quick-dock strong {
  color: #20110c;
  font-size: 13px;
  line-height: 1.05;
}

body.page-dashboard .dashboard-quick-dock small {
  color: #7b5b4a;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.05;
}

body.page-dashboard .dashboard-role-app-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

body.page-dashboard .dashboard-role-app-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

body.page-dashboard .dashboard-role-app-card {
  display: grid;
  min-width: 0;
  min-height: 172px;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(176, 0, 13, .07), transparent 32%),
    linear-gradient(180deg, #fff, #fffaf4);
  box-shadow: 0 14px 30px rgba(83, 44, 22, .055);
}

body.page-dashboard .dashboard-role-app-card.active {
  border-color: rgba(0, 132, 76, .22);
  background:
    radial-gradient(circle at 100% 0, rgba(0, 132, 76, .12), transparent 33%),
    linear-gradient(180deg, #fff, #f6fff8);
}

body.page-dashboard .dashboard-role-app-card.locked {
  background:
    radial-gradient(circle at 100% 0, rgba(99, 67, 48, .08), transparent 33%),
    linear-gradient(180deg, #fff, #fff7ef);
}

body.page-dashboard .dashboard-role-app-card.current {
  box-shadow: inset 0 0 0 2px rgba(176, 0, 13, .22), 0 14px 30px rgba(83, 44, 22, .055);
}

body.page-dashboard .dashboard-role-app-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

body.page-dashboard .dashboard-role-app-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.page-dashboard .dashboard-role-app-copy small {
  color: #9d0d11;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-dashboard .dashboard-role-app-copy strong {
  color: #24140f;
  font-size: clamp(1rem, 1.5vw, 1.35rem);
  line-height: 1.08;
  overflow-wrap: normal;
}

body.page-dashboard .dashboard-role-app-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.page-dashboard .dashboard-role-app-meta span {
  display: grid;
  min-height: 34px;
  place-items: center;
  padding: 6px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #784438;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
}

body.page-dashboard .dashboard-role-app-action {
  display: grid;
  min-height: 38px;
  place-items: center;
  margin-top: auto;
  padding: 8px;
  border-radius: 12px;
  background: #b0000d;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(176, 0, 13, .16);
}

body.page-dashboard .dashboard-app-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .74fr);
  gap: 12px;
}

body.page-dashboard .dashboard-app-panel {
  padding: 16px;
}

body.page-dashboard .dashboard-task-list,
body.page-dashboard .dashboard-usage-list {
  display: grid;
  gap: 8px;
}

body.page-dashboard .dashboard-task-list a,
body.page-dashboard .dashboard-usage-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 12px;
  background: #fffaf3;
  color: #24140f;
  text-decoration: none;
}

body.page-dashboard .dashboard-task-list a span {
  grid-row: span 2;
  display: inline-grid;
  min-width: 64px;
  min-height: 28px;
  place-items: center;
  border-radius: 999px;
  background: #fff;
  color: #a3000c;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .dashboard-task-list a strong,
body.page-dashboard .dashboard-usage-list span,
body.page-dashboard .dashboard-usage-list strong {
  font-size: 13px;
  font-weight: 950;
  line-height: 1.1;
}

body.page-dashboard .dashboard-usage-list strong {
  color: #a3000c;
}

body.page-dashboard .dashboard-section-switcher {
  padding: 16px;
}

@media (max-width: 1180px) {
  body.page-dashboard .dashboard-role-app-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.page-dashboard .dashboard-app-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.page-dashboard .dashboard {
    width: calc(100% - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.page-dashboard .dashboard-app-hero,
  body.page-dashboard .dashboard-app-lower-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .dashboard-quick-dock {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
  }

  body.page-dashboard .dashboard-role-app-grid,
  body.page-dashboard .dashboard-role-app-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  body.page-dashboard .dashboard-app-shell {
    padding: 10px;
    border-radius: 14px;
  }

  body.page-dashboard .dashboard-role-app-card {
    min-height: 148px;
    padding: 9px;
    border-radius: 12px;
  }
}

@media (max-width: 520px) {
  body.page-dashboard .dashboard-main > .eyebrow,
  body.page-dashboard .dashboard-main > h1 {
    text-align: center;
  }

  body.page-dashboard .dashboard-main > h1 {
    font-size: clamp(1.8rem, 8vw, 2.2rem);
  }

  body.page-dashboard .dashboard-app-hero h2 {
    font-size: clamp(1.45rem, 7vw, 2rem);
    text-align: center;
  }

  body.page-dashboard .dashboard-app-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .dashboard-app-stats span {
    min-height: 50px;
    padding: 7px 3px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.page-dashboard .dashboard-app-stats strong {
    font-size: 1rem;
  }

  body.page-dashboard .dashboard-quick-dock a {
    min-height: 70px;
    padding: 8px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .dashboard-quick-dock span,
  body.page-dashboard .dashboard-role-app-icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
  }

  body.page-dashboard .dashboard-app-icon-svg {
    width: 18px;
    height: 18px;
  }

  body.page-dashboard .dashboard-quick-dock strong,
  body.page-dashboard .dashboard-role-app-copy strong {
    font-size: 11px;
  }

  body.page-dashboard .dashboard-quick-dock small {
    font-size: 8px;
  }

  body.page-dashboard .dashboard-role-app-main {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .dashboard-role-app-copy small {
    font-size: 8px;
  }

  body.page-dashboard .dashboard-role-app-meta {
    gap: 4px;
  }

  body.page-dashboard .dashboard-role-app-meta span {
    min-height: 28px;
    padding: 5px 3px;
    font-size: 8px;
  }

  body.page-dashboard .dashboard-role-app-action {
    min-height: 32px;
    padding: 6px 4px;
    border-radius: 9px;
    font-size: 9px;
  }

  body.page-dashboard .dashboard-task-list a,
  body.page-dashboard .dashboard-usage-list div {
    padding: 9px;
  }
}

@media (max-width: 360px) {
  body.page-dashboard .dashboard-app-stats,
  body.page-dashboard .dashboard-quick-dock {
    gap: 4px;
  }

  body.page-dashboard .dashboard-role-app-card {
    min-height: 138px;
  }

  body.page-dashboard .dashboard-role-app-copy strong {
    font-size: 10px;
  }
}

/* v216 dashboard app design system: shared mobile-app shell primitives */
body.page-dashboard {
  --dash-red: #b0000d;
  --dash-red-dark: #8f000a;
  --dash-ink: #24140f;
  --dash-muted: #674c3e;
  --dash-line: rgba(165, 92, 34, .18);
  --dash-soft: #fff8ef;
  --dash-card: rgba(255, 255, 255, .94);
  --dash-green: #007a45;
  --dash-gold: #d49200;
  --dash-radius: 16px;
  --dash-shadow: 0 18px 42px rgba(83, 44, 22, .07);
}

body.page-dashboard .dashboard,
body.page-dashboard .dashboard *,
body.page-dashboard .dashboard *::before,
body.page-dashboard .dashboard *::after {
  box-sizing: border-box;
}

body.page-dashboard .dashboard-main,
body.page-dashboard .dashboard-panel,
body.page-dashboard .dashboard-app-shell,
body.page-dashboard .dashboard-app-panel,
body.page-dashboard .profile-card,
body.page-dashboard .listing-card,
body.page-dashboard .milestone-item,
body.page-dashboard .phase3-profile-quality-card,
body.page-dashboard .dashboard-role-app-card {
  min-width: 0;
  max-width: 100%;
}

body.page-dashboard .dashboard-main {
  display: grid;
  gap: 16px;
  align-content: start;
  overflow: visible;
}

body.page-dashboard .dashboard-main > .eyebrow,
body.page-dashboard .dashboard-main > h1 {
  margin-inline: auto;
}

body.page-dashboard .dashboard-main > h1 {
  max-width: min(100%, 840px);
  text-wrap: balance;
}

body.page-dashboard .dashboard-panel,
body.page-dashboard .dashboard .panel.empty-state,
body.page-dashboard .profile-card,
body.page-dashboard .listing-card {
  border-radius: var(--dash-radius);
  background: var(--dash-card);
  box-shadow: var(--dash-shadow);
}

body.page-dashboard .dashboard-panel {
  margin: 0;
  padding: clamp(14px, 2vw, 22px);
}

body.page-dashboard .section-head.compact-head {
  width: min(100%, 780px);
  margin-inline: auto;
  text-align: center;
}

body.page-dashboard .section-head.compact-head h2 {
  margin-inline: auto;
  font-size: clamp(1.35rem, 2.3vw, 2.15rem);
  line-height: 1.08;
  text-wrap: balance;
}

body.page-dashboard .section-head.compact-head .section-lead {
  max-width: 700px;
  margin-inline: auto;
}

body.page-dashboard .dashboard-app-shell {
  border-radius: 20px;
}

body.page-dashboard .dashboard-app-hero,
body.page-dashboard .dashboard-app-lower-grid {
  min-width: 0;
}

body.page-dashboard .dashboard-app-plan-card,
body.page-dashboard .dashboard-app-stats span,
body.page-dashboard .dashboard-quick-dock a,
body.page-dashboard .dashboard-role-app-card,
body.page-dashboard .dashboard-app-panel,
body.page-dashboard .milestone-item,
body.page-dashboard .phase3-profile-quality-card,
body.page-dashboard .profile-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.page-dashboard .dashboard-quick-dock a:focus-visible,
body.page-dashboard .dashboard-role-app-main:focus-visible,
body.page-dashboard .dashboard-role-app-action:focus-visible,
body.page-dashboard .dashboard-side a:focus-visible,
body.page-dashboard .button:focus-visible {
  outline: 3px solid rgba(176, 0, 13, .24);
  outline-offset: 3px;
}

body.page-dashboard .dashboard-side {
  border-radius: 18px;
}

body.page-dashboard .dashboard-side a {
  min-width: 0;
}

body.page-dashboard .dashboard-side a.active {
  box-shadow: 0 10px 22px rgba(176, 0, 13, .16);
}

body.page-dashboard .dashboard-quick-dock a:nth-child(1) span,
body.page-dashboard .dashboard-role-app-card:nth-child(1) .dashboard-role-app-icon {
  background: #fff0d9;
  color: var(--dash-red);
}

body.page-dashboard .dashboard-quick-dock a:nth-child(2) span,
body.page-dashboard .dashboard-role-app-card:nth-child(2) .dashboard-role-app-icon {
  background: #eaf8ee;
  color: var(--dash-green);
}

body.page-dashboard .dashboard-quick-dock a:nth-child(3) span,
body.page-dashboard .dashboard-role-app-card:nth-child(3) .dashboard-role-app-icon {
  background: #fff7d9;
  color: #a66f00;
}

body.page-dashboard .dashboard-quick-dock a:nth-child(4) span,
body.page-dashboard .dashboard-role-app-card:nth-child(4) .dashboard-role-app-icon {
  background: #f5ecff;
  color: #7a3fb1;
}

body.page-dashboard .dashboard-quick-dock a:nth-child(5) span,
body.page-dashboard .dashboard-role-app-card:nth-child(5) .dashboard-role-app-icon {
  background: #eaf4ff;
  color: #2263a7;
}

body.page-dashboard .dashboard-role-app-card:nth-child(6) .dashboard-role-app-icon {
  background: #fff0ef;
  color: #c23a2b;
}

body.page-dashboard .dashboard-role-app-card:nth-child(7) .dashboard-role-app-icon {
  background: #edf7f4;
  color: #0f766e;
}

body.page-dashboard .dashboard-task-list a:hover,
body.page-dashboard .milestone-item:hover,
body.page-dashboard .profile-card:hover,
body.page-dashboard .phase3-profile-quality-card:hover {
  transform: translateY(-1px);
  border-color: rgba(176, 0, 13, .22);
  box-shadow: 0 18px 38px rgba(83, 44, 22, .09);
}

body.page-dashboard .dashboard-task-list a {
  border-radius: 14px;
}

body.page-dashboard .dashboard-task-list a span {
  align-self: center;
  width: fit-content;
}

body.page-dashboard .dashboard-usage-list div {
  border-radius: 14px;
  background: linear-gradient(180deg, #fff7e8, #fff);
}

body.page-dashboard .milestone-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

body.page-dashboard .milestone-item {
  display: grid;
  grid-template-columns: 1fr !important;
  align-content: start;
  min-height: 118px;
  gap: 8px;
  padding: 14px;
  text-align: left;
}

body.page-dashboard .milestone-item .badge {
  width: fit-content;
}

body.page-dashboard .milestone-item strong,
body.page-dashboard .phase3-profile-quality-card h3,
body.page-dashboard .profile-card h3 {
  overflow-wrap: anywhere;
}

body.page-dashboard .phase3-profile-quality-grid,
body.page-dashboard .profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  width: 100%;
}

body.page-dashboard .phase3-profile-quality-card,
body.page-dashboard .profile-card {
  padding: 16px;
  border: 1px solid var(--dash-line);
  border-radius: var(--dash-radius);
}

body.page-dashboard .phase3-profile-quality-card p,
body.page-dashboard .profile-card p,
body.page-dashboard .milestone-item small {
  color: var(--dash-muted);
  font-weight: 760;
  line-height: 1.34;
}

body.page-dashboard .phase3-profile-quality-card .card-actions,
body.page-dashboard .profile-card .card-actions,
body.page-dashboard .dashboard .card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 7px;
  width: 100%;
}

body.page-dashboard .phase3-profile-quality-card .button,
body.page-dashboard .profile-card .button,
body.page-dashboard .dashboard .card-actions .button {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 8px 7px;
  border-radius: 11px;
  line-height: 1.08;
  white-space: normal;
}

body.page-dashboard .dashboard input,
body.page-dashboard .dashboard select,
body.page-dashboard .dashboard textarea {
  min-height: 44px;
  border-radius: 12px;
  border-color: rgba(165, 92, 34, .25);
  background: #fff;
}

body.page-dashboard .dashboard textarea {
  min-height: 104px;
}

body.page-dashboard .dashboard label {
  min-width: 0;
}

body.page-dashboard .dashboard .form-grid,
body.page-dashboard .dashboard .compact-fields {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

@media (max-width: 900px) {
  body.page-dashboard .dashboard-main {
    gap: 12px;
  }

  body.page-dashboard .dashboard-side {
    position: sticky !important;
    top: 62px !important;
    z-index: 24;
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    gap: 6px;
    margin: 4px 0 10px;
    padding: 7px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    border-radius: 16px;
    background: rgba(255, 250, 243, .98);
    box-shadow: 0 10px 24px rgba(83, 44, 22, .08);
    scrollbar-width: none;
  }

  body.phase1-foundation.page-dashboard .dashboard-side {
    position: sticky !important;
    top: 62px !important;
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.page-dashboard .dashboard-side::-webkit-scrollbar {
    display: none;
  }

  body.page-dashboard .dashboard-side h2 {
    display: none !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side h2 {
    display: none !important;
  }

  body.page-dashboard .dashboard-side a {
    flex: 0 0 auto !important;
    display: inline-grid !important;
    min-width: max-content;
    min-height: 36px;
    place-items: center;
    padding: 8px 11px;
    border: 1px solid rgba(176, 0, 13, .12);
    border-radius: 999px;
    background: #fff;
    color: var(--dash-red-dark);
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    text-align: center;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side a {
    flex: 0 0 auto !important;
    display: inline-grid !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
  }

  body.page-dashboard .dashboard-side a.active {
    background: var(--dash-red);
    color: #fff;
  }

  body.page-dashboard .dashboard-app-shell {
    border-radius: 16px;
  }

  body.page-dashboard .dashboard-panel {
    border-radius: 16px;
  }

  body.page-dashboard .dashboard .form-grid,
  body.page-dashboard .dashboard .compact-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  body.page-dashboard .dashboard {
    width: calc(100% - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-top: 8px;
    margin-bottom: 96px;
  }

  body.page-dashboard .dashboard-app-shell,
  body.page-dashboard .dashboard-panel {
    padding: 11px;
  }

  body.page-dashboard .dashboard-app-plan-card {
    padding: 12px;
  }

  body.page-dashboard .dashboard-quick-dock {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: visible;
  }

  body.page-dashboard .dashboard-quick-dock a {
    min-height: 74px;
  }

  body.page-dashboard .dashboard-role-app-grid,
  body.page-dashboard .dashboard-role-app-grid.compact,
  body.page-dashboard .phase3-profile-quality-grid,
  body.page-dashboard .profile-grid,
  body.page-dashboard .milestone-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .milestone-item {
    min-height: 116px;
    padding: 10px;
    text-align: center;
  }

  body.page-dashboard .milestone-item .badge {
    margin-inline: auto;
  }

  body.page-dashboard .phase3-profile-quality-card,
  body.page-dashboard .profile-card {
    padding: 11px;
    text-align: center;
  }

  body.page-dashboard .phase3-profile-quality-card ul {
    padding-left: 16px;
    text-align: left;
  }

  body.page-dashboard .phase3-profile-quality-card .card-actions,
  body.page-dashboard .profile-card .card-actions,
  body.page-dashboard .dashboard .card-actions {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .dashboard .form-grid,
  body.page-dashboard .dashboard .compact-fields {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .dashboard-side a {
    min-height: 34px;
    padding: 7px 9px;
    font-size: 10px;
  }

  body.page-dashboard .dashboard-quick-dock strong {
    font-size: 10px;
  }

  body.page-dashboard .dashboard-quick-dock small {
    display: none;
  }
}

/* v217 dashboard home 2.0: today-first app workspace */
body.page-dashboard .dashboard-home-v2 {
  gap: 16px;
  padding: clamp(12px, 1.7vw, 20px);
}

body.page-dashboard .dashboard-today-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  gap: 14px;
  align-items: stretch;
  min-width: 0;
}

body.page-dashboard .dashboard-today-copy,
body.page-dashboard .dashboard-readiness-card {
  min-width: 0;
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 32px rgba(83, 44, 22, .06);
}

body.page-dashboard .dashboard-today-copy {
  display: grid;
  align-content: center;
  gap: 11px;
  padding: clamp(14px, 2vw, 22px);
  background:
    radial-gradient(circle at 0 0, rgba(255, 198, 70, .18), transparent 34%),
    linear-gradient(180deg, #fff, #fff9f0);
}

body.page-dashboard .dashboard-today-copy h2 {
  max-width: 760px;
  margin: 0;
  color: var(--dash-ink);
  font-size: clamp(1.9rem, 3.7vw, 3.45rem);
  line-height: 1.02;
  text-wrap: balance;
}

body.page-dashboard .dashboard-today-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.page-dashboard .dashboard-today-meta span {
  display: inline-grid;
  min-height: 30px;
  place-items: center;
  padding: 6px 10px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 999px;
  background: #fff;
  color: #794a3d;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

body.page-dashboard .dashboard-primary-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

body.page-dashboard .dashboard-primary-actions a {
  display: grid;
  min-width: 0;
  min-height: 76px;
  place-items: center;
  gap: 4px;
  padding: 10px 6px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 14px;
  background: #fff;
  color: var(--dash-ink);
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(83, 44, 22, .055);
}

body.page-dashboard .dashboard-primary-actions a:first-child {
  background: #b0000d;
  color: #fff;
  box-shadow: 0 16px 28px rgba(176, 0, 13, .18);
}

body.page-dashboard .dashboard-primary-actions a span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 12px;
  background: #fff0d9;
  color: #b0000d;
}

body.page-dashboard .dashboard-primary-actions a:first-child span {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

body.page-dashboard .dashboard-primary-actions strong {
  max-width: 100%;
  color: inherit;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.05;
}

body.page-dashboard .dashboard-primary-actions small {
  color: inherit;
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  opacity: .78;
}

body.page-dashboard .dashboard-readiness-card {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 9px;
  padding: 16px;
  text-align: center;
}

body.page-dashboard .dashboard-readiness-ring {
  display: grid;
  width: 108px;
  height: 108px;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 0 57%, transparent 58%),
    conic-gradient(var(--dash-green) var(--score-deg), rgba(176, 0, 13, .13) 0);
  box-shadow: inset 0 0 0 1px rgba(0, 122, 53, .12), 0 14px 28px rgba(83, 44, 22, .08);
}

body.page-dashboard .dashboard-readiness-ring strong {
  color: var(--dash-green);
  font-size: 1.65rem;
  font-weight: 950;
  line-height: .9;
}

body.page-dashboard .dashboard-readiness-ring span {
  margin-top: -18px;
  color: #684b3d;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .dashboard-readiness-card h3 {
  margin: 0;
  color: var(--dash-ink);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  line-height: 1.12;
}

body.page-dashboard .dashboard-readiness-card p {
  max-width: 230px;
  margin: 0;
  color: var(--dash-muted);
  font-size: 12px;
  font-weight: 780;
  line-height: 1.28;
}

body.page-dashboard .dashboard-today-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

body.page-dashboard .dashboard-today-card {
  display: grid;
  min-width: 0;
  min-height: 112px;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 13px 8px;
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 16px;
  background: #fff;
  color: var(--dash-ink);
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(83, 44, 22, .055);
}

body.page-dashboard .dashboard-today-card span {
  display: inline-grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 14px;
  background: #fff0d9;
  color: var(--dash-red);
}

body.page-dashboard .dashboard-today-card small {
  color: #9d0d11;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .dashboard-today-card strong {
  color: var(--dash-ink);
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  font-weight: 950;
  line-height: .95;
}

body.page-dashboard .dashboard-today-card em {
  color: var(--dash-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.08;
}

body.page-dashboard .dashboard-today-card.tone-green span {
  background: #eaf8ee;
  color: var(--dash-green);
}

body.page-dashboard .dashboard-today-card.tone-gold span {
  background: #fff7d9;
  color: #a66f00;
}

body.page-dashboard .dashboard-today-card.tone-blue span {
  background: #eaf4ff;
  color: #2263a7;
}

body.page-dashboard .dashboard-today-card:hover,
body.page-dashboard .dashboard-primary-actions a:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(83, 44, 22, .085);
}

body.page-dashboard .dashboard-home-section-title {
  display: grid;
  justify-items: center;
  gap: 2px;
  margin: 2px 0 -2px;
  text-align: center;
}

body.page-dashboard .dashboard-home-section-title h2 {
  margin: 0;
  color: var(--dash-ink);
  font-size: clamp(1.1rem, 1.8vw, 1.45rem);
  line-height: 1.08;
}

@media (max-width: 1100px) {
  body.page-dashboard .dashboard-today-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .dashboard-readiness-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: start;
    text-align: left;
  }

  body.page-dashboard .dashboard-readiness-card p {
    max-width: 100%;
  }
}

@media (max-width: 700px) {
  body.page-dashboard .dashboard-today-copy {
    text-align: center;
  }

  body.page-dashboard .dashboard-today-meta {
    justify-content: center;
  }

  body.page-dashboard .dashboard-primary-actions {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .dashboard-primary-actions a {
    min-height: 70px;
    padding: 8px 3px;
    border-radius: 12px;
  }

  body.page-dashboard .dashboard-primary-actions a span {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }

  body.page-dashboard .dashboard-primary-actions strong {
    font-size: 10px;
  }

  body.page-dashboard .dashboard-primary-actions small {
    display: none;
  }

  body.page-dashboard .dashboard-today-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .dashboard-today-card {
    min-height: 82px;
    padding: 8px 3px;
    border-radius: 12px;
  }

  body.page-dashboard .dashboard-today-card span {
    width: 30px;
    height: 30px;
    border-radius: 10px;
  }

  body.page-dashboard .dashboard-today-card small {
    font-size: 8px;
  }

  body.page-dashboard .dashboard-today-card strong {
    font-size: 1.05rem;
  }

  body.page-dashboard .dashboard-today-card em {
    display: none;
  }

  body.page-dashboard .dashboard-readiness-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .dashboard-readiness-ring {
    width: 92px;
    height: 92px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .dashboard-primary-actions strong {
    font-size: 9px;
  }

  body.page-dashboard .dashboard-today-card small {
    font-size: 7px;
  }
}

/* v218 profile builder app wizard */
body.page-dashboard .profile-builder-workspace {
  --wizard-red: #b0000d;
  --wizard-ink: #24140f;
  --wizard-muted: #6d5142;
  --wizard-green: #087b46;
  --wizard-gold: #b77a00;
}

body.page-dashboard .profile-builder-workspace > .section-head {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

body.page-dashboard .profile-builder-workspace .profile-builder-path {
  display: none;
}

body.page-dashboard .profile-wizard-progress {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(0, 122, 53, .15);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(0, 122, 53, .08), transparent 32%),
    linear-gradient(135deg, #fff, #fffaf2);
}

body.page-dashboard .profile-wizard-ring {
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 0 57%, transparent 58%),
    conic-gradient(var(--wizard-green) var(--score-deg), rgba(176, 0, 13, .13) 0);
  box-shadow: inset 0 0 0 1px rgba(0, 122, 53, .14), 0 15px 30px rgba(83, 44, 22, .08);
}

body.page-dashboard .profile-wizard-ring strong {
  color: var(--wizard-green);
  font-size: 1.45rem;
  font-weight: 950;
  line-height: .9;
}

body.page-dashboard .profile-wizard-ring span {
  margin-top: -16px;
  color: var(--wizard-muted);
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .profile-wizard-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body.page-dashboard .profile-wizard-step {
  display: grid;
  min-width: 0;
  min-height: 88px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 6px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 16px;
  background: #fff;
  color: var(--wizard-ink);
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(83, 44, 22, .055);
}

body.page-dashboard .profile-wizard-step i,
body.page-dashboard .profile-form-shortcuts a span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 13px;
  background: #fff0d9;
  color: var(--wizard-red);
  font-style: normal;
}

body.page-dashboard .profile-wizard-step.is-ready {
  border-color: rgba(0, 122, 53, .2);
  background: linear-gradient(180deg, #fff, #f3fff8);
}

body.page-dashboard .profile-wizard-step.is-ready i {
  background: #eaf8ee;
  color: var(--wizard-green);
}

body.page-dashboard .profile-wizard-step strong {
  color: var(--wizard-ink);
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
}

body.page-dashboard .profile-wizard-step small {
  color: var(--wizard-muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.05;
}

body.page-dashboard .profile-form-shortcuts a {
  gap: 5px;
  border-radius: 14px;
}

body.page-dashboard .profile-form-shortcuts a span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
}

body.page-dashboard .profile-form-shortcuts a .dashboard-app-icon-svg,
body.page-dashboard .profile-wizard-step .dashboard-app-icon-svg,
body.page-dashboard .profile-form-section-title .dashboard-app-icon-svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .profile-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 12px;
  margin: 14px 0;
}

body.page-dashboard .profile-builder-grid .role-form-coach {
  display: none;
}

body.page-dashboard .profile-live-preview,
body.page-dashboard .readiness-coach {
  border-radius: 18px;
}

body.page-dashboard .profile-live-preview h3,
body.page-dashboard .readiness-coach h3 {
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.1;
}

body.page-dashboard .profile-live-preview .meta,
body.page-dashboard .readiness-coach .mini-steps {
  font-size: .9rem;
  line-height: 1.35;
}

body.page-dashboard .phase3-readiness-console {
  margin: 14px 0;
  border-radius: 20px;
}

body.page-dashboard .phase3-public-focus {
  display: none;
}

body.page-dashboard .profile-wizard-form {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  padding: clamp(14px, 2vw, 22px);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 204, 67, .13), transparent 30%),
    linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .profile-form-command-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(83, 44, 22, .055);
}

body.page-dashboard .profile-form-command-bar strong {
  display: block;
  margin-top: 4px;
  color: var(--wizard-ink);
  font-size: clamp(1rem, 1.7vw, 1.3rem);
  line-height: 1.08;
}

body.page-dashboard .profile-form-command-bar small {
  display: block;
  margin-top: 3px;
  color: var(--wizard-muted);
  font-size: 12px;
  font-weight: 850;
}

body.page-dashboard .profile-wizard-form .profile-form-section-title {
  margin: 4px 0 0;
  padding: 12px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 98% 0, rgba(255, 204, 67, .12), transparent 34%),
    #fff;
  box-shadow: 0 10px 24px rgba(83, 44, 22, .045);
}

body.page-dashboard .profile-wizard-form .profile-form-section-title > span {
  width: 40px;
  height: 40px;
  background: #fff0d9;
  color: var(--wizard-red);
}

body.page-dashboard .profile-wizard-form .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(165, 92, 34, .13);
  border-radius: 18px;
  background: #fff;
}

body.page-dashboard .profile-wizard-form label {
  min-width: 0;
}

body.page-dashboard .profile-wizard-form :is(input, select, textarea) {
  min-height: 46px;
  border-radius: 13px;
}

body.page-dashboard .profile-wizard-form textarea {
  min-height: 132px;
}

body.page-dashboard .profile-wizard-form .form-field-note {
  display: grid;
  align-content: center;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 122, 53, .14);
  border-radius: 13px;
  background: #f3fff8;
  color: var(--wizard-muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
}

body.page-dashboard .profile-optional-fields {
  border-radius: 16px;
  background: #fff;
}

body.page-dashboard .profile-optional-fields > summary {
  border-radius: 14px;
}

body.page-dashboard .bio-template-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(165, 92, 34, .13);
  border-radius: 16px;
  background: #fff;
}

body.page-dashboard .profile-submit-row {
  position: sticky;
  bottom: 10px;
  z-index: 5;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 18px;
  background: rgba(255, 250, 243, .94);
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 34px rgba(83, 44, 22, .12);
}

body.page-dashboard .profile-status-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  max-width: 900px;
  margin-inline: auto;
}

body.page-dashboard .profile-status-cards .profile-card {
  width: 100%;
  min-width: 0;
}

@media (max-width: 900px) {
  body.page-dashboard .profile-wizard-progress,
  body.page-dashboard .profile-builder-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .profile-wizard-ring {
    justify-self: center;
  }
}

@media (max-width: 700px) {
  body.page-dashboard .profile-builder-app-shell {
    gap: 10px;
  }

  body.page-dashboard .profile-wizard-progress {
    padding: 10px;
    gap: 10px;
  }

  body.page-dashboard .profile-wizard-ring {
    width: 82px;
    height: 82px;
  }

  body.page-dashboard .profile-wizard-ring strong {
    font-size: 1.2rem;
  }

  body.page-dashboard .profile-wizard-ring span {
    font-size: 8px;
  }

  body.page-dashboard .profile-wizard-step-strip,
  body.page-dashboard .profile-form-shortcuts,
  body.page-dashboard .profile-app-status-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .profile-wizard-step {
    min-height: 72px;
    padding: 7px 2px;
    border-radius: 12px;
  }

  body.page-dashboard .profile-wizard-step i {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  body.page-dashboard .profile-wizard-step strong {
    font-size: 10px;
  }

  body.page-dashboard .profile-wizard-step small {
    font-size: 8px;
  }

  body.page-dashboard .profile-form-command-bar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .profile-form-command-bar .button {
    width: 100%;
  }

  body.page-dashboard .profile-wizard-form .form-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  body.page-dashboard .profile-wizard-form .profile-form-section-title {
    grid-template-columns: 34px minmax(0, 1fr);
    text-align: left;
  }

  body.page-dashboard .profile-wizard-form .profile-form-section-title > span {
    width: 32px;
    height: 32px;
  }

  body.page-dashboard .bio-template-row {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
  }

  body.page-dashboard .profile-submit-row {
    bottom: 78px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .profile-wizard-step strong {
    font-size: 9px;
  }

  body.page-dashboard .profile-wizard-step small {
    display: none;
  }

  body.page-dashboard .profile-wizard-step {
    min-height: 58px;
  }
}

body.page-dashboard .profile-status-cards {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.page-dashboard .profile-status-cards > .profile-card {
  justify-self: stretch !important;
  width: 100% !important;
}

/* v219 service package builder app wizard */
body.page-dashboard .service-builder-app-shell {
  --service-red: #b0000d;
  --service-ink: #24140f;
  --service-muted: #6d5142;
  --service-green: #087b46;
  --service-gold: #b77a00;
}

body.page-dashboard .service-wizard-progress {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(0, 122, 53, .15);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(0, 122, 53, .08), transparent 32%),
    linear-gradient(135deg, #fff, #fffaf2);
}

body.page-dashboard .service-wizard-ring {
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 0 57%, transparent 58%),
    conic-gradient(var(--service-green) var(--score-deg), rgba(176, 0, 13, .13) 0);
  box-shadow: inset 0 0 0 1px rgba(0, 122, 53, .14), 0 15px 30px rgba(83, 44, 22, .08);
}

body.page-dashboard .service-wizard-ring strong {
  color: var(--service-green);
  font-size: 1.45rem;
  font-weight: 950;
  line-height: .9;
}

body.page-dashboard .service-wizard-ring span {
  margin-top: -16px;
  color: var(--service-muted);
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .service-wizard-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body.page-dashboard .service-wizard-step {
  display: grid;
  min-width: 0;
  min-height: 88px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 10px 6px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 16px;
  background: #fff;
  color: var(--service-ink);
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(83, 44, 22, .055);
}

body.page-dashboard .service-wizard-step i,
body.page-dashboard .service-builder-shortcuts a span,
body.page-dashboard .service-form-section-title > span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 13px;
  background: #fff0d9;
  color: var(--service-red);
  font-style: normal;
}

body.page-dashboard .service-wizard-step.is-ready {
  border-color: rgba(0, 122, 53, .2);
  background: linear-gradient(180deg, #fff, #f3fff8);
}

body.page-dashboard .service-wizard-step.is-ready i {
  background: #eaf8ee;
  color: var(--service-green);
}

body.page-dashboard .service-wizard-step strong {
  color: var(--service-ink);
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
}

body.page-dashboard .service-wizard-step small {
  color: var(--service-muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.05;
}

body.page-dashboard .service-builder-shortcuts a {
  gap: 5px;
  border-radius: 14px;
}

body.page-dashboard .service-builder-shortcuts a span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
}

body.page-dashboard .service-builder-shortcuts a .dashboard-app-icon-svg,
body.page-dashboard .service-wizard-step .dashboard-app-icon-svg,
body.page-dashboard .service-form-section-title .dashboard-app-icon-svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .service-package-intro {
  display: none;
}

body.page-dashboard .service-package-support {
  border-radius: 18px;
}

body.page-dashboard .service-package-studio-form {
  display: grid;
  gap: 12px;
  padding: clamp(14px, 2vw, 22px);
  border-top: 4px solid rgba(176, 0, 13, .82);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 204, 67, .13), transparent 30%),
    linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .service-form-command-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(83, 44, 22, .055);
}

body.page-dashboard .service-form-command-bar strong {
  display: block;
  margin-top: 4px;
  color: var(--service-ink);
  font-size: clamp(1rem, 1.7vw, 1.3rem);
  line-height: 1.08;
}

body.page-dashboard .service-form-command-bar small {
  display: block;
  margin-top: 3px;
  color: var(--service-muted);
  font-size: 12px;
  font-weight: 850;
}

body.page-dashboard .service-form-section-title {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 18px;
  background:
    radial-gradient(circle at 98% 0, rgba(255, 204, 67, .12), transparent 34%),
    #fff;
  box-shadow: 0 10px 24px rgba(83, 44, 22, .045);
}

body.page-dashboard .service-form-section-title strong {
  display: block;
  color: var(--service-ink);
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.08;
}

body.page-dashboard .service-form-section-title small {
  display: block;
  margin-top: 3px;
  color: var(--service-muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

body.page-dashboard .service-package-template-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(165, 92, 34, .13);
  border-radius: 18px;
  background: #fff;
}

body.page-dashboard .service-package-template-strip .button {
  min-height: 54px;
  border-radius: 14px;
  background: #fffaf3;
}

body.page-dashboard .service-package-studio-form .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(165, 92, 34, .13);
  border-radius: 18px;
  background: #fff;
}

body.page-dashboard .service-package-studio-form :is(input, select, textarea) {
  min-height: 46px;
  border-radius: 13px;
}

body.page-dashboard .service-package-studio-form textarea {
  min-height: 132px;
}

body.page-dashboard .service-package-extra-note {
  border-radius: 16px;
  background: #fff;
}

body.page-dashboard .service-package-note-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-dashboard .service-listings-studio .section-head {
  max-width: 780px;
  margin-inline: auto;
  text-align: center;
}

body.page-dashboard .service-submitted-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important;
  gap: 12px;
}

body.page-dashboard .service-submitted-cards .provider-listing-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  border-radius: 18px;
}

body.page-dashboard .service-submitted-cards .provider-listing-card > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

body.page-dashboard .service-submitted-cards .inline-editor > summary {
  display: grid;
  min-height: 42px;
  place-items: center;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 14px;
  background: #fffaf3;
  color: var(--service-red);
  font-weight: 950;
  cursor: pointer;
}

@media (max-width: 900px) {
  body.page-dashboard .service-wizard-progress {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .service-wizard-ring {
    justify-self: center;
  }
}

@media (max-width: 700px) {
  body.page-dashboard .service-wizard-progress {
    padding: 10px;
    gap: 10px;
  }

  body.page-dashboard .service-wizard-ring {
    width: 82px;
    height: 82px;
  }

  body.page-dashboard .service-wizard-ring strong {
    font-size: 1.2rem;
  }

  body.page-dashboard .service-wizard-ring span {
    font-size: 8px;
  }

  body.page-dashboard .service-wizard-step-strip,
  body.page-dashboard .service-builder-shortcuts,
  body.page-dashboard .service-builder-status-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px;
  }

  body.page-dashboard .service-wizard-step {
    min-height: 72px;
    padding: 7px 2px;
    border-radius: 12px;
  }

  body.page-dashboard .service-wizard-step i {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  body.page-dashboard .service-wizard-step strong {
    font-size: 10px;
  }

  body.page-dashboard .service-wizard-step small {
    font-size: 8px;
  }

  body.page-dashboard .service-form-command-bar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .service-form-command-bar .button {
    width: 100%;
  }

  body.page-dashboard .service-package-template-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .service-package-studio-form .form-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  body.page-dashboard .service-form-section-title {
    grid-template-columns: 34px minmax(0, 1fr);
    text-align: left;
  }

  body.page-dashboard .service-form-section-title > span {
    width: 32px;
    height: 32px;
  }

  body.page-dashboard .service-package-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .service-submitted-cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .service-wizard-step {
    min-height: 58px;
  }

  body.page-dashboard .service-wizard-step strong {
    font-size: 9px;
  }

  body.page-dashboard .service-wizard-step small {
    display: none;
  }
}

/* v220 portfolio proof studio: app-style upload, readiness and submitted proof cards */
body.page-dashboard .portfolio-page-lead {
  width: min(100%, 760px);
  margin-inline: auto;
}

body.page-dashboard .portfolio-builder-app-shell[data-portfolio-wizard-v220] {
  gap: 14px;
  padding: clamp(12px, 2vw, 20px);
  border-color: rgba(20, 132, 71, .2);
  border-top-color: #148447;
  border-radius: 18px;
  background:
    radial-gradient(circle at 9% 5%, rgba(20, 132, 71, .14), transparent 30%),
    radial-gradient(circle at 98% 0, rgba(176, 0, 13, .1), transparent 28%),
    linear-gradient(135deg, #fff, #fffaf0 58%, #f3fff8);
}

body.page-dashboard .portfolio-builder-app-shell[data-portfolio-wizard-v220] .portfolio-builder-topbar {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

body.page-dashboard .portfolio-wizard-ring {
  --portfolio-progress: 0deg;
  width: 102px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  border-radius: 24px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(#148447 var(--portfolio-progress), rgba(20, 132, 71, .14) 0) border-box;
  border: 7px solid transparent;
  box-shadow: 0 16px 36px rgba(20, 132, 71, .12);
}

body.page-dashboard .portfolio-wizard-ring strong {
  margin: 0;
  color: #08733d;
  font-size: 1.22rem;
  line-height: 1;
}

body.page-dashboard .portfolio-wizard-ring span {
  color: #6a4c3f;
  font-size: .68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

body.page-dashboard .portfolio-builder-status-row article .dashboard-app-icon-svg {
  width: 22px;
  height: 22px;
  color: #148447;
}

body.page-dashboard .portfolio-wizard-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

body.page-dashboard .portfolio-wizard-step {
  display: grid;
  min-width: 0;
  min-height: 104px;
  align-content: center;
  justify-items: center;
  gap: 6px;
  padding: 11px 8px;
  border: 1px solid rgba(20, 132, 71, .18);
  border-radius: 14px;
  background: linear-gradient(180deg, #fff, #f7fff9);
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(83, 44, 22, .06);
}

body.page-dashboard .portfolio-wizard-step.is-ready {
  border-color: rgba(20, 132, 71, .28);
  background: linear-gradient(180deg, #fff, #effff6);
}

body.page-dashboard .portfolio-wizard-step.is-action {
  border-color: rgba(176, 0, 13, .18);
  background: linear-gradient(180deg, #fff, #fff4f4);
}

body.page-dashboard .portfolio-wizard-step i,
body.page-dashboard .portfolio-builder-shortcuts a span,
body.page-dashboard .portfolio-form-section-title > span,
body.page-dashboard .portfolio-form-command-bar span {
  display: grid;
  place-items: center;
  color: #148447;
}

body.page-dashboard .portfolio-wizard-step i {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: #ecfff5;
}

body.page-dashboard .portfolio-wizard-step.is-action i {
  color: #b0000d;
  background: #fff0f0;
}

body.page-dashboard .portfolio-wizard-step .dashboard-app-icon-svg,
body.page-dashboard .portfolio-form-section-title .dashboard-app-icon-svg,
body.page-dashboard .portfolio-form-command-bar .dashboard-app-icon-svg {
  width: 22px;
  height: 22px;
}

body.page-dashboard .portfolio-wizard-step strong,
body.page-dashboard .portfolio-wizard-step span {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-wizard-step strong {
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.08;
}

body.page-dashboard .portfolio-wizard-step span {
  color: #6b5144;
  font-size: .68rem;
  font-weight: 900;
  line-height: 1.1;
}

body.page-dashboard .portfolio-builder-shortcuts a {
  grid-template-columns: auto minmax(0, auto);
  gap: 6px;
}

body.page-dashboard .portfolio-builder-shortcuts a span {
  width: 22px;
  height: 22px;
}

body.page-dashboard .portfolio-builder-shortcuts a .dashboard-app-icon-svg {
  width: 16px;
  height: 16px;
}

body.page-dashboard .portfolio-proof-support {
  margin-top: 8px;
}

body.page-dashboard .portfolio-proof-studio-form {
  display: grid;
  gap: 14px;
  padding: clamp(12px, 2vw, 18px);
  border-color: rgba(20, 132, 71, .18);
  border-top: 4px solid #148447;
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(20, 132, 71, .08), transparent 32%),
    linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .portfolio-form-command-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(20, 132, 71, .18);
  border-radius: 14px;
  background: linear-gradient(135deg, #f5fff9, #fff);
}

body.page-dashboard .portfolio-form-command-bar > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}

body.page-dashboard .portfolio-form-command-bar span {
  width: 42px;
  height: 42px;
  grid-row: span 2;
  border-radius: 14px;
  background: #e8fff2;
}

body.page-dashboard .portfolio-form-command-bar strong,
body.page-dashboard .portfolio-form-command-bar small {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-form-command-bar strong {
  color: #24140f;
  font-size: clamp(1rem, 2vw, 1.35rem);
  line-height: 1.06;
}

body.page-dashboard .portfolio-form-command-bar small {
  color: #6b5144;
  font-weight: 850;
  line-height: 1.25;
}

body.page-dashboard .portfolio-form-section-title {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid rgba(20, 132, 71, .14);
  border-radius: 12px;
  background: #f8fffb;
  color: #24140f;
  font-weight: 950;
  scroll-margin-top: 120px;
}

body.page-dashboard .portfolio-form-section-title > span {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #e8fff2;
}

body.page-dashboard .portfolio-proof-studio-form .portfolio-template-strip {
  margin: 0;
}

body.page-dashboard .portfolio-proof-studio-form .form-grid {
  padding: 12px;
  border: 1px solid rgba(20, 132, 71, .12);
  border-radius: 14px;
  background: #fff;
}

body.page-dashboard .portfolio-proof-studio-form :is(input, select, textarea) {
  min-height: 44px;
  font-size: 14px;
}

body.page-dashboard .portfolio-proof-studio-form textarea {
  min-height: 110px;
}

body.page-dashboard .portfolio-proof-submitted-panel {
  width: min(100%, 1120px);
  margin: 18px auto 0;
  gap: 14px !important;
  align-items: stretch;
}

body.page-dashboard .media-proof-card {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: 14px;
  border-top: 4px solid #148447;
  border-radius: 14px;
  box-shadow: 0 14px 32px rgba(83, 44, 22, .07);
}

body.page-dashboard .media-proof-card > img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  background: #fff4ea;
}

body.page-dashboard .media-proof-card h3,
body.page-dashboard .media-proof-card p {
  margin-inline: auto;
  max-width: 100%;
  text-align: center;
  overflow-wrap: anywhere;
}

body.page-dashboard .media-proof-card .status-strip {
  justify-content: center;
}

body.page-dashboard .media-proof-empty {
  min-height: 220px;
  place-items: center;
  text-align: center;
}

@media (max-width: 860px) {
  body.page-dashboard .portfolio-builder-app-shell[data-portfolio-wizard-v220] .portfolio-builder-topbar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .portfolio-wizard-ring {
    width: 94px;
  }

  body.page-dashboard .portfolio-form-command-bar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .portfolio-form-command-bar > div {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }

  body.page-dashboard .portfolio-form-command-bar span {
    grid-row: auto;
  }
}

@media (max-width: 700px) {
  body.page-dashboard .portfolio-builder-app-shell[data-portfolio-wizard-v220] {
    padding: 11px;
    border-radius: 14px;
  }

  body.page-dashboard .portfolio-builder-status-row,
  body.page-dashboard .portfolio-wizard-step-strip,
  body.page-dashboard .portfolio-builder-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px;
  }

  body.page-dashboard .portfolio-builder-status-row article {
    min-height: 68px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .portfolio-builder-status-row article .dashboard-app-icon-svg {
    width: 17px;
    height: 17px;
  }

  body.page-dashboard .portfolio-wizard-step {
    min-height: 72px;
    padding: 7px 2px;
    border-radius: 12px;
  }

  body.page-dashboard .portfolio-wizard-step i {
    width: 28px;
    height: 28px;
    border-radius: 10px;
  }

  body.page-dashboard .portfolio-wizard-step .dashboard-app-icon-svg {
    width: 16px;
    height: 16px;
  }

  body.page-dashboard .portfolio-wizard-step strong {
    font-size: 10px;
  }

  body.page-dashboard .portfolio-wizard-step span {
    font-size: 8px;
  }

  body.page-dashboard .portfolio-builder-shortcuts a {
    min-height: 36px;
    padding: 6px 2px;
    border-radius: 10px;
    font-size: 9px;
  }

  body.page-dashboard .portfolio-builder-shortcuts a span {
    display: none;
  }

  body.page-dashboard .portfolio-proof-studio-form .form-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  body.page-dashboard .portfolio-form-section-title {
    grid-template-columns: 34px minmax(0, 1fr);
    text-align: left;
  }

  body.page-dashboard .portfolio-form-section-title > span {
    width: 32px;
    height: 32px;
  }

  body.page-dashboard .portfolio-proof-submitted-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.page-dashboard .media-proof-card {
    padding: 12px;
    border-radius: 12px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .portfolio-wizard-step {
    min-height: 58px;
  }

  body.page-dashboard .portfolio-wizard-step strong {
    font-size: 9px;
  }

  body.page-dashboard .portfolio-wizard-step span {
    display: none;
  }
}

/* v221 artist app phase 6: lead and inquiry command center */
body.page-dashboard .lead-command-app-shell[data-lead-command-v221] {
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .18);
  border-top: 0;
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 5%, rgba(176, 0, 13, .12), transparent 26%),
    radial-gradient(circle at 90% 8%, rgba(20, 132, 71, .13), transparent 28%),
    linear-gradient(135deg, #fffdf9 0%, #fff6ec 100%);
}

body.page-dashboard .lead-command-app-shell[data-lead-command-v221] .lead-command-topbar {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

body.page-dashboard .lead-command-ring {
  --lead-progress: 0deg;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fff 58%, transparent 60%),
    conic-gradient(#148447 var(--lead-progress), rgba(176, 0, 13, .12) 0);
  color: #24140f;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(165, 92, 34, .12), 0 16px 28px rgba(83, 44, 22, .08);
}

body.page-dashboard .lead-command-ring strong,
body.page-dashboard .lead-command-ring span {
  display: block;
  line-height: 1;
}

body.page-dashboard .lead-command-ring strong {
  font-size: 22px;
  font-weight: 950;
}

body.page-dashboard .lead-command-ring span {
  max-width: 64px;
  color: #9b0008;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .lead-command-status-row article i,
body.page-dashboard .lead-command-step-strip i,
body.page-dashboard .lead-command-shortcuts svg,
body.page-dashboard .lead-response-checklist i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #fff1df;
  color: #b0000d;
}

body.page-dashboard .lead-command-status-row article i svg,
body.page-dashboard .lead-command-step-strip i svg,
body.page-dashboard .lead-command-shortcuts svg,
body.page-dashboard .lead-response-checklist i svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .lead-command-status-row article.ready i,
body.page-dashboard .lead-command-step-strip a.ready i {
  background: #ecfff4;
  color: #148447;
}

body.page-dashboard .lead-command-status-row article.warning i,
body.page-dashboard .lead-command-step-strip a.warning i {
  background: #fff8dc;
  color: #b77900;
}

body.page-dashboard .lead-command-status-row article.danger i,
body.page-dashboard .lead-command-step-strip a.danger i,
body.page-dashboard .lead-command-status-row article.action i,
body.page-dashboard .lead-command-step-strip a.action i {
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .lead-command-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

body.page-dashboard .lead-command-step-strip a {
  display: grid;
  gap: 6px;
  place-items: center;
  min-width: 0;
  min-height: 104px;
  padding: 12px 8px;
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .84);
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(83, 44, 22, .06);
}

body.page-dashboard .lead-command-step-strip strong,
body.page-dashboard .lead-command-step-strip small,
body.page-dashboard .lead-command-shortcuts span {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.12;
}

body.page-dashboard .lead-command-step-strip strong {
  font-size: 14px;
  font-weight: 950;
}

body.page-dashboard .lead-command-step-strip small {
  color: #62483a;
  font-size: 11px;
  font-weight: 850;
}

body.page-dashboard .lead-command-shortcuts a {
  grid-template-columns: auto minmax(0, auto);
  gap: 6px;
}

body.page-dashboard .lead-command-shortcuts svg {
  width: 22px;
  height: 22px;
  padding: 5px;
}

body.page-dashboard .lead-filter-shell {
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .section-guidance {
  display: none;
}

body.page-dashboard .lead-source-strip a {
  display: inline-grid;
  place-items: center;
  min-width: 0;
  white-space: normal;
  line-height: 1.1;
}

body.page-dashboard .lead-card[data-lead-card-v221] {
  gap: 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 0;
  border-radius: 16px;
  background:
    radial-gradient(circle at 94% 8%, rgba(176, 0, 13, .08), transparent 28%),
    linear-gradient(180deg, #fff, #fff9f1);
  box-shadow: 0 14px 34px rgba(83, 44, 22, .06);
}

body.page-dashboard .lead-card[data-lead-card-v221].overdue {
  background: linear-gradient(180deg, #fff7f7, #fff);
}

body.page-dashboard .lead-card[data-lead-card-v221].due-today {
  background: linear-gradient(180deg, #fff9e8, #fff);
}

body.page-dashboard .lead-card[data-lead-card-v221] .lead-card-head {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
}

body.page-dashboard .lead-score-pill {
  display: grid;
  place-items: center;
  min-width: 72px;
  min-height: 72px;
  padding: 8px;
  border: 1px solid rgba(20, 132, 71, .2);
  border-radius: 999px;
  background: #f0fff6;
  color: #148447;
  text-align: center;
}

body.page-dashboard .lead-score-pill strong,
body.page-dashboard .lead-score-pill small {
  display: block;
  line-height: 1;
}

body.page-dashboard .lead-score-pill strong {
  font-size: 18px;
  font-weight: 950;
}

body.page-dashboard .lead-score-pill small {
  margin-top: 4px;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .lead-card[data-lead-card-v221] .lead-message {
  border-left: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .9);
}

body.page-dashboard .lead-card[data-lead-card-v221] .lead-essentials-grid span {
  border-radius: 14px;
}

body.page-dashboard .lead-card[data-lead-card-v221] .lead-response-checklist {
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff8ed, #fff);
}

body.page-dashboard .lead-card[data-lead-card-v221] .lead-update-drawer {
  border-radius: 14px;
}

body.page-dashboard .lead-card[data-lead-card-v221] .lead-update-drawer > summary {
  min-height: 46px;
  border-radius: 14px;
  background: #fff;
}

body.page-dashboard .dashboard-section-inquiries .lead-queue-panel .feature-stack {
  display: grid;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.page-dashboard .lead-note-templates button {
  overflow-wrap: anywhere;
}

@media (max-width: 920px) {
  body.page-dashboard .lead-command-app-shell[data-lead-command-v221] .lead-command-topbar {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .lead-card[data-lead-card-v221] .lead-card-head {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  body.page-dashboard .lead-card[data-lead-card-v221] .lead-score-pill {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .lead-command-app-shell[data-lead-command-v221] {
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .lead-command-ring {
    width: 84px;
    height: 84px;
  }

  body.page-dashboard .lead-command-step-strip {
    gap: 5px;
  }

  body.page-dashboard .lead-command-step-strip a {
    min-height: 80px;
    padding: 8px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .lead-command-step-strip i,
  body.page-dashboard .lead-command-status-row article i {
    width: 28px;
    height: 28px;
  }

  body.page-dashboard .lead-command-step-strip i svg,
  body.page-dashboard .lead-command-status-row article i svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .lead-command-step-strip strong {
    font-size: 10px;
  }

  body.page-dashboard .lead-command-step-strip small {
    font-size: 9px;
  }

  body.page-dashboard .lead-command-shortcuts a {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  body.page-dashboard .lead-command-shortcuts svg {
    justify-self: center;
    width: 20px;
    height: 20px;
    padding: 4px;
  }

  body.page-dashboard .lead-filter-shell,
  body.page-dashboard .lead-queue-panel,
  body.page-dashboard .lead-card[data-lead-card-v221] {
    padding-left: 10px;
    padding-right: 10px;
  }

  body.page-dashboard .lead-card[data-lead-card-v221] {
    width: calc(100% - 2px);
    border-radius: 14px;
  }

  body.page-dashboard .lead-card[data-lead-card-v221] .lead-response-checklist {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .lead-card[data-lead-card-v221] .lead-response-checklist .inline-lead-action,
  body.page-dashboard .lead-card[data-lead-card-v221] .lead-response-checklist .button,
  body.page-dashboard .lead-card[data-lead-card-v221] .lead-response-checklist button {
    width: 100%;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .lead-command-ring {
    width: 76px;
    height: 76px;
  }

  body.page-dashboard .lead-command-ring strong {
    font-size: 18px;
  }

  body.page-dashboard .lead-command-ring span {
    font-size: 8px;
  }

  body.page-dashboard .lead-command-status-row article i {
    display: none;
  }

  body.page-dashboard .lead-command-step-strip a {
    min-height: 72px;
  }

  body.page-dashboard .lead-command-step-strip small {
    display: none;
  }

  body.page-dashboard .lead-score-pill {
    min-width: 62px;
    min-height: 62px;
  }
}

/* v222 artist app phase 7: reviews and trust command center */
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .section-guidance {
  display: none;
}

body.page-dashboard .review-command-app-shell[data-review-command-v222] {
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(201, 139, 2, .22);
  border-top: 0;
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 3%, rgba(201, 139, 2, .14), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(176, 0, 13, .09), transparent 28%),
    linear-gradient(135deg, #fffdf8 0%, #fff4e6 100%);
}

body.page-dashboard .review-command-app-shell[data-review-command-v222] .review-command-topbar {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

body.page-dashboard .review-command-ring {
  --review-progress: 0deg;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fff 58%, transparent 60%),
    conic-gradient(#c98700 var(--review-progress), rgba(176, 0, 13, .12) 0);
  color: #24140f;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(165, 92, 34, .12), 0 16px 28px rgba(83, 44, 22, .08);
}

body.page-dashboard .review-command-ring strong,
body.page-dashboard .review-command-ring span {
  display: block;
  line-height: 1;
}

body.page-dashboard .review-command-ring strong {
  font-size: 22px;
  font-weight: 950;
}

body.page-dashboard .review-command-ring span {
  max-width: 62px;
  color: #9b0008;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .review-command-status-row article i,
body.page-dashboard .review-command-step-strip i,
body.page-dashboard .review-command-shortcuts svg,
body.page-dashboard .review-request-card > span,
body.page-dashboard .review-trust-strip svg {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #fff4df;
  color: #c98700;
}

body.page-dashboard .review-command-status-row article i svg,
body.page-dashboard .review-command-step-strip i svg,
body.page-dashboard .review-command-shortcuts svg,
body.page-dashboard .review-request-card > span svg,
body.page-dashboard .review-trust-strip svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .review-command-status-row article.ready i,
body.page-dashboard .review-command-step-strip a.ready i {
  background: #ecfff4;
  color: #148447;
}

body.page-dashboard .review-command-status-row article.warning i,
body.page-dashboard .review-command-step-strip a.warning i {
  background: #fff8dc;
  color: #b77900;
}

body.page-dashboard .review-command-status-row article.danger i,
body.page-dashboard .review-command-step-strip a.danger i {
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .review-command-status-row article.rating i,
body.page-dashboard .review-command-step-strip a.action i {
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .review-command-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

body.page-dashboard .review-command-step-strip a {
  display: grid;
  gap: 6px;
  place-items: center;
  min-width: 0;
  min-height: 104px;
  padding: 12px 8px;
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .86);
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(83, 44, 22, .06);
}

body.page-dashboard .review-command-step-strip strong,
body.page-dashboard .review-command-step-strip small,
body.page-dashboard .review-command-shortcuts span {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  line-height: 1.12;
}

body.page-dashboard .review-command-step-strip strong {
  font-size: 14px;
  font-weight: 950;
}

body.page-dashboard .review-command-step-strip small {
  color: #62483a;
  font-size: 11px;
  font-weight: 850;
}

body.page-dashboard .review-command-shortcuts a {
  grid-template-columns: auto minmax(0, auto);
  gap: 6px;
}

body.page-dashboard .review-command-shortcuts svg {
  width: 22px;
  height: 22px;
  padding: 5px;
}

body.page-dashboard .review-request-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  gap: 12px;
  margin: 14px 0;
}

body.page-dashboard .review-request-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(201, 139, 2, .18);
  border-radius: 16px;
  background: linear-gradient(135deg, #fffaf1, #fff);
  box-shadow: 0 12px 26px rgba(83, 44, 22, .06);
}

body.page-dashboard .review-request-card.soft {
  grid-template-columns: auto minmax(0, 1fr);
  background: linear-gradient(135deg, #fff, #f4fff8);
}

body.page-dashboard .review-request-card strong,
body.page-dashboard .review-request-card small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.22;
}

body.page-dashboard .review-request-card strong {
  color: #24140f;
  font-size: 18px;
  font-weight: 950;
}

body.page-dashboard .review-request-card small {
  margin-top: 4px;
  color: #62483a;
  font-weight: 800;
}

body.page-dashboard .review-copy-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

body.page-dashboard .review-request-card .form-note {
  grid-column: 2 / -1;
  margin: 0;
}

body.page-dashboard .review-guidance-drawer {
  border-radius: 16px;
}

body.page-dashboard .review-guidance-grid article {
  min-height: 112px;
  border-radius: 14px;
}

body.page-dashboard .review-dashboard-list {
  gap: 12px;
}

body.page-dashboard .review-dashboard-card[data-review-card-v222] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-top: 0;
  border-radius: 16px;
  background:
    radial-gradient(circle at 96% 4%, rgba(201, 139, 2, .11), transparent 28%),
    linear-gradient(180deg, #fff, #fffaf3);
}

body.page-dashboard .review-dashboard-card[data-review-card-v222].approved {
  background: linear-gradient(180deg, #fff, #f3fff8);
}

body.page-dashboard .review-dashboard-card[data-review-card-v222].pending {
  background: linear-gradient(180deg, #fff, #fff8df);
}

body.page-dashboard .review-dashboard-card[data-review-card-v222].blocked {
  background: linear-gradient(180deg, #fff7f7, #fff);
}

body.page-dashboard .review-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .review-trust-strip span {
  display: grid;
  gap: 6px;
  place-items: center;
  min-width: 0;
  min-height: 76px;
  padding: 8px 6px;
  border: 1px solid rgba(165, 92, 34, .13);
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  text-align: center;
}

body.page-dashboard .review-trust-strip strong {
  color: #24140f;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-empty-state {
  display: grid;
  gap: 12px;
  place-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  padding: 22px 16px;
  border-radius: 16px;
  text-align: center;
}

body.page-dashboard .review-empty-state h3,
body.page-dashboard .review-empty-state p {
  position: static;
  display: block;
  max-width: 720px;
  margin: 0;
  color: #24140f;
  line-height: 1.35;
  opacity: 1;
  visibility: visible;
  transform: none;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-empty-state h3 {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 950;
}

body.page-dashboard .review-empty-state p {
  color: #5b463b;
  font-weight: 800;
}

body.page-dashboard .review-empty-state .profile-submit-row {
  position: static;
  bottom: auto;
  z-index: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  width: min(100%, 520px);
  margin-top: 0;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body.page-dashboard .review-empty-state .profile-submit-row .button {
  width: 100%;
  min-width: 0;
}

@media (max-width: 920px) {
  body.page-dashboard .review-command-app-shell[data-review-command-v222] .review-command-topbar,
  body.page-dashboard .review-request-panel,
  body.page-dashboard .review-request-card {
    grid-template-columns: 1fr;
    justify-items: stretch;
    text-align: center;
  }

  body.page-dashboard .review-command-ring,
  body.page-dashboard .review-request-card > span {
    justify-self: center;
  }

  body.page-dashboard .review-copy-actions {
    justify-content: center;
  }

  body.page-dashboard .review-request-card .form-note {
    grid-column: auto;
  }

  body.page-dashboard .review-empty-state {
    padding: 18px 12px;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .review-command-app-shell[data-review-command-v222] {
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .review-command-ring {
    width: 84px;
    height: 84px;
  }

  body.page-dashboard .review-command-step-strip {
    gap: 5px;
  }

  body.page-dashboard .review-command-step-strip a {
    min-height: 80px;
    padding: 8px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .review-command-step-strip i,
  body.page-dashboard .review-command-status-row article i {
    width: 28px;
    height: 28px;
  }

  body.page-dashboard .review-command-step-strip i svg,
  body.page-dashboard .review-command-status-row article i svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .review-command-step-strip strong {
    font-size: 10px;
  }

  body.page-dashboard .review-command-step-strip small {
    font-size: 9px;
  }

  body.page-dashboard .review-command-shortcuts a {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  body.page-dashboard .review-command-shortcuts svg {
    justify-self: center;
    width: 20px;
    height: 20px;
    padding: 4px;
  }

  body.page-dashboard .review-copy-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.page-dashboard .review-copy-actions .button {
    width: 100%;
  }

  body.page-dashboard .review-dashboard-card[data-review-card-v222] {
    width: calc(100% - 2px);
    padding: 12px;
  }

  body.page-dashboard .review-empty-state .profile-submit-row {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .review-empty-state h3 {
    font-size: 18px;
  }

  body.page-dashboard .review-empty-state p {
    font-size: 12px;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .review-command-ring {
    width: 76px;
    height: 76px;
  }

  body.page-dashboard .review-command-ring strong {
    font-size: 18px;
  }

  body.page-dashboard .review-command-ring span {
    font-size: 8px;
  }

  body.page-dashboard .review-command-status-row article i {
    display: none;
  }

  body.page-dashboard .review-command-step-strip a {
    min-height: 72px;
  }

  body.page-dashboard .review-command-step-strip small {
    display: none;
  }

body.page-dashboard .review-trust-strip strong {
    font-size: 9px;
  }
}

/* v223 artist app phase 8: billing and plan access command center */
body.page-dashboard .dashboard-section-billing .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-billing .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-billing .dashboard-main > .section-guidance {
  display: none;
}

body.page-dashboard .billing-command-app-shell[data-billing-command-v223] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-top: 4px solid #b0000d;
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0, rgba(176, 0, 13, .12), transparent 30%),
    radial-gradient(circle at 94% 18%, rgba(20, 132, 71, .14), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 44px rgba(83, 44, 22, .08);
  overflow: hidden;
  box-sizing: border-box;
}

body.page-dashboard .billing-command-app-shell[data-billing-command-v223] .billing-command-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(210px, .34fr);
  gap: 12px;
  align-items: stretch;
}

body.page-dashboard .billing-command-app-shell[data-billing-command-v223] .billing-command-topbar > div {
  min-width: 0;
}

body.page-dashboard .billing-command-app-shell[data-billing-command-v223] .billing-command-topbar > div:first-child {
  display: grid;
  align-content: center;
}

body.page-dashboard .billing-command-ring {
  display: grid;
  place-items: center;
  align-self: center;
  width: 104px;
  height: 104px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fff 56%, transparent 57%),
    conic-gradient(#b0000d var(--billing-progress), rgba(176, 0, 13, .11) 0);
  color: #b0000d;
  box-shadow: 0 12px 26px rgba(176, 0, 13, .10);
}

body.page-dashboard .billing-command-ring strong,
body.page-dashboard .billing-command-ring span {
  display: block;
  line-height: 1;
  text-align: center;
}

body.page-dashboard .billing-command-ring strong {
  font-size: 22px;
  font-weight: 950;
}

body.page-dashboard .billing-command-ring span {
  max-width: 62px;
  margin-top: -26px;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .billing-command-status-row article i,
body.page-dashboard .billing-command-step-strip i,
body.page-dashboard .billing-command-shortcuts svg,
body.page-dashboard .billing-plan-card-head i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #fff0d8;
  color: #b0000d;
}

body.page-dashboard .billing-plan-card-head i {
  width: 44px;
  height: 44px;
}

body.page-dashboard .billing-command-status-row article i svg,
body.page-dashboard .billing-command-step-strip i svg,
body.page-dashboard .billing-command-shortcuts svg,
body.page-dashboard .billing-plan-card-head i svg {
  width: 19px;
  height: 19px;
}

body.page-dashboard .billing-command-status-row article.ready i,
body.page-dashboard .billing-command-step-strip a.ready i {
  background: #e7fff1;
  color: #148447;
}

body.page-dashboard .billing-command-status-row article.warning i,
body.page-dashboard .billing-command-step-strip a.warning i {
  background: #fff4d0;
  color: #c98b02;
}

body.page-dashboard .billing-command-status-row article.proof i,
body.page-dashboard .billing-command-step-strip a.proof i {
  background: #eff8ff;
  color: #1f6ea4;
}

body.page-dashboard .billing-command-status-row article.action i,
body.page-dashboard .billing-command-step-strip a.action i {
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .billing-command-status-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .billing-command-status-row article {
  min-height: 98px;
  padding: 10px 6px;
}

body.page-dashboard .billing-command-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .billing-command-step-strip a {
  display: grid;
  gap: 7px;
  justify-items: center;
  min-width: 0;
  min-height: 106px;
  padding: 10px 6px;
  border: 1px solid rgba(165, 92, 34, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .78);
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard .billing-command-step-strip a.ready {
  background: linear-gradient(180deg, #fff, #f2fff8);
}

body.page-dashboard .billing-command-step-strip a.warning {
  background: linear-gradient(180deg, #fff, #fff8df);
}

body.page-dashboard .billing-command-step-strip a.proof {
  background: linear-gradient(180deg, #fff, #f2f9ff);
}

body.page-dashboard .billing-command-step-strip strong,
body.page-dashboard .billing-command-step-strip small,
body.page-dashboard .billing-command-shortcuts span {
  min-width: 0;
  max-width: 100%;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

body.page-dashboard .billing-command-step-strip strong {
  font-size: 12px;
  font-weight: 950;
}

body.page-dashboard .billing-command-step-strip small {
  color: #674d40;
  font-size: 10px;
  font-weight: 800;
}

body.page-dashboard .billing-command-shortcuts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .billing-command-shortcuts a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  min-height: 48px;
  padding: 8px 10px;
  border-radius: 14px;
}

body.page-dashboard .billing-command-shortcuts a:first-child {
  background: #b0000d;
  border-color: #b0000d;
  color: #fff;
}

body.page-dashboard .billing-command-shortcuts a:first-child svg {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

body.page-dashboard .billing-access-console,
body.page-dashboard .billing-flow-panel,
body.page-dashboard .billing-records-panel,
body.page-dashboard #dashboard-plans {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

body.page-dashboard .billing-snapshot-grid.dashboard-panel {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .billing-step-grid article span {
  position: relative;
  width: 42px;
  height: 42px;
}

body.page-dashboard .billing-step-grid article span svg {
  width: 19px;
  height: 19px;
}

body.page-dashboard .billing-step-grid article span b {
  position: absolute;
  right: -4px;
  bottom: -4px;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

body.page-dashboard .billing-note-panel {
  justify-items: center;
  max-width: 920px;
  border-radius: 16px;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  gap: 11px;
  min-height: 0;
  padding: 16px;
  border-radius: 16px;
}

body.page-dashboard .billing-plan-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] h3,
body.page-dashboard .billing-plan-card[data-billing-plan-v223] p {
  margin: 0;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] h3 {
  font-size: clamp(1.1rem, 2vw, 1.45rem);
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] p {
  color: #5f483c;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.28;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] .billing-plan-list {
  padding-left: 0;
  list-style: none;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] .billing-plan-list li {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.22;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] .billing-plan-list li::before {
  content: "";
  position: absolute;
  top: .44em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #b0000d;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] form {
  align-self: end;
}

body.page-dashboard .billing-plan-card[data-billing-plan-v223] .button {
  width: 100%;
}

@media (max-width: 920px) {
  body.page-dashboard .billing-command-app-shell[data-billing-command-v223] .billing-command-topbar {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .billing-command-app-shell[data-billing-command-v223] .billing-command-topbar > div:first-child {
    justify-items: center;
  }

  body.page-dashboard .billing-command-ring {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .billing-command-app-shell[data-billing-command-v223] {
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .billing-command-ring {
    width: 84px;
    height: 84px;
  }

  body.page-dashboard .billing-command-step-strip,
  body.page-dashboard .billing-command-status-row,
  body.page-dashboard .billing-command-shortcuts,
  body.page-dashboard .billing-snapshot-grid,
  body.page-dashboard .billing-limit-grid,
  body.page-dashboard .billing-step-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .billing-command-step-strip a,
  body.page-dashboard .billing-command-status-row article,
  body.page-dashboard .billing-snapshot-card,
  body.page-dashboard .billing-limit-card,
  body.page-dashboard .billing-step-grid article {
    min-height: 82px;
    padding: 8px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .billing-command-status-row article i,
  body.page-dashboard .billing-command-step-strip i {
    width: 28px;
    height: 28px;
  }

  body.page-dashboard .billing-command-status-row article i svg,
  body.page-dashboard .billing-command-step-strip i svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .billing-command-step-strip strong,
  body.page-dashboard .billing-command-status-row strong,
  body.page-dashboard .billing-snapshot-card strong {
    font-size: 10px;
  }

  body.page-dashboard .billing-command-step-strip small,
  body.page-dashboard .billing-command-status-row span,
  body.page-dashboard .billing-snapshot-card span,
  body.page-dashboard .billing-snapshot-card small,
  body.page-dashboard .billing-limit-card span,
  body.page-dashboard .billing-limit-card strong,
  body.page-dashboard .billing-step-grid small {
    font-size: 8px;
    line-height: 1.1;
  }

  body.page-dashboard .billing-command-shortcuts a {
    grid-template-columns: 1fr;
    gap: 3px;
    min-height: 48px;
    padding: 6px 2px;
  }

  body.page-dashboard .billing-command-shortcuts svg {
    justify-self: center;
    width: 20px;
    height: 20px;
    padding: 4px;
  }

  body.page-dashboard .billing-step-grid article span {
    width: 30px;
    height: 30px;
  }

  body.page-dashboard .billing-step-grid article span b {
    width: 15px;
    height: 15px;
    font-size: 8px;
  }

  body.page-dashboard .billing-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .billing-command-ring {
    width: 76px;
    height: 76px;
  }

  body.page-dashboard .billing-command-ring strong {
    font-size: 18px;
  }

  body.page-dashboard .billing-command-ring span {
    font-size: 8px;
  }

body.page-dashboard .billing-command-status-row article i,
  body.page-dashboard .billing-command-step-strip small,
  body.page-dashboard .billing-step-grid small {
    display: none;
  }

  body.page-dashboard .billing-command-step-strip a,
  body.page-dashboard .billing-command-status-row article,
  body.page-dashboard .billing-snapshot-card,
  body.page-dashboard .billing-limit-card,
  body.page-dashboard .billing-step-grid article {
    min-height: 64px;
  }
}

/* v224 artist app phase 9: SEO and public share command center */
body.page-dashboard .dashboard-section-seo .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-seo .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-seo .dashboard-main > .section-guidance {
  display: none;
}

body.page-dashboard .seo-share-console,
body.page-dashboard #seo-profile-readiness-panel {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

body.page-dashboard .seo-command-app-shell[data-seo-command-v224] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid rgba(20, 132, 71, .16);
  border-top: 4px solid #148447;
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0, rgba(20, 132, 71, .14), transparent 30%),
    radial-gradient(circle at 94% 16%, rgba(201, 139, 2, .14), transparent 30%),
    linear-gradient(180deg, #fff, #fff8ef);
  box-shadow: 0 18px 44px rgba(83, 44, 22, .08);
  overflow: hidden;
  box-sizing: border-box;
}

body.page-dashboard .seo-command-app-shell[data-seo-command-v224] .seo-command-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
}

body.page-dashboard .seo-command-app-shell[data-seo-command-v224] .seo-command-topbar > div {
  min-width: 0;
}

body.page-dashboard .seo-command-ring {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border-radius: 999px;
  background:
    radial-gradient(circle, #fff 56%, transparent 57%),
    conic-gradient(#148447 var(--seo-progress), rgba(20, 132, 71, .12) 0);
  color: #0f7a45;
  box-shadow: 0 12px 26px rgba(20, 132, 71, .11);
}

body.page-dashboard .seo-command-ring strong,
body.page-dashboard .seo-command-ring span {
  display: block;
  line-height: 1;
  text-align: center;
}

body.page-dashboard .seo-command-ring strong {
  font-size: 22px;
  font-weight: 950;
}

body.page-dashboard .seo-command-ring span {
  max-width: 62px;
  margin-top: -26px;
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .seo-command-topbar .button {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .seo-command-status-row article i,
body.page-dashboard .seo-command-step-strip i,
body.page-dashboard .seo-command-shortcuts svg,
body.page-dashboard .seo-share-card-top i,
body.page-dashboard .seo-share-channel-row svg,
body.page-dashboard .seo-playbook-panel span,
body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .seo-profile-top > i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #e8fff2;
  color: #148447;
}

body.page-dashboard .seo-command-status-row article i svg,
body.page-dashboard .seo-command-step-strip i svg,
body.page-dashboard .seo-command-shortcuts svg,
body.page-dashboard .seo-share-card-top i svg,
body.page-dashboard .seo-share-channel-row svg,
body.page-dashboard .seo-playbook-panel span svg,
body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .seo-profile-top > i svg {
  width: 19px;
  height: 19px;
}

body.page-dashboard .seo-command-status-row article.warning i,
body.page-dashboard .seo-command-step-strip a.warning i {
  background: #fff4d0;
  color: #c98b02;
}

body.page-dashboard .seo-command-status-row article.proof i,
body.page-dashboard .seo-command-step-strip a.proof i {
  background: #eff8ff;
  color: #1f6ea4;
}

body.page-dashboard .seo-command-status-row article.action i,
body.page-dashboard .seo-command-step-strip a.action i {
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .seo-command-status-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-command-status-row article {
  min-height: 98px;
  padding: 10px 6px;
}

body.page-dashboard .seo-command-step-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-command-step-strip a {
  display: grid;
  gap: 7px;
  justify-items: center;
  min-width: 0;
  min-height: 106px;
  padding: 10px 6px;
  border: 1px solid rgba(165, 92, 34, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .78);
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(83, 44, 22, .05);
}

body.page-dashboard .seo-command-step-strip a.ready {
  background: linear-gradient(180deg, #fff, #f2fff8);
}

body.page-dashboard .seo-command-step-strip a.warning {
  background: linear-gradient(180deg, #fff, #fff8df);
}

body.page-dashboard .seo-command-step-strip a.proof {
  background: linear-gradient(180deg, #fff, #f2f9ff);
}

body.page-dashboard .seo-command-step-strip strong,
body.page-dashboard .seo-command-step-strip small,
body.page-dashboard .seo-command-shortcuts span,
body.page-dashboard .seo-share-channel-row strong {
  min-width: 0;
  max-width: 100%;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

body.page-dashboard .seo-command-step-strip strong {
  font-size: 12px;
  font-weight: 950;
}

body.page-dashboard .seo-command-step-strip small {
  color: #674d40;
  font-size: 10px;
  font-weight: 800;
}

body.page-dashboard .seo-command-shortcuts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-command-shortcuts a,
body.page-dashboard .seo-command-shortcuts button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  min-height: 48px;
  padding: 8px 10px;
  border-radius: 14px;
}

body.page-dashboard .seo-command-shortcuts a:first-child svg,
body.page-dashboard .seo-command-shortcuts button:first-child svg {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

body.page-dashboard .seo-share-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

body.page-dashboard .seo-primary-share-card {
  display: grid;
  gap: 12px;
  border-radius: 16px;
}

body.page-dashboard .seo-primary-share-card h3,
body.page-dashboard .seo-primary-share-card p {
  margin: 0;
}

body.page-dashboard .seo-copy-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-copy-row .button {
  width: 100%;
}

body.page-dashboard .seo-share-channel-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-share-channel-row span {
  display: grid;
  gap: 6px;
  justify-items: center;
  min-height: 74px;
  padding: 8px 5px;
  border: 1px solid rgba(20, 132, 71, .14);
  border-radius: 14px;
  background: #f5fff9;
  text-align: center;
}

body.page-dashboard .seo-share-channel-row strong {
  color: #24140f;
  font-size: 11px;
  font-weight: 950;
}

body.page-dashboard .seo-playbook-panel article {
  border-radius: 14px;
}

body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] {
  border-radius: 16px;
}

body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .seo-profile-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .seo-mini-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .review-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .review-card-actions .button {
  width: 100%;
}

@media (max-width: 920px) {
  body.page-dashboard .seo-command-app-shell[data-seo-command-v224] .seo-command-topbar {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.page-dashboard .seo-command-ring {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .seo-command-app-shell[data-seo-command-v224] {
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .seo-command-ring {
    width: 84px;
    height: 84px;
  }

  body.page-dashboard .seo-command-step-strip,
  body.page-dashboard .seo-command-status-row,
  body.page-dashboard .seo-command-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .seo-command-step-strip a,
  body.page-dashboard .seo-command-status-row article {
    min-height: 82px;
    padding: 8px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .seo-command-status-row article i,
  body.page-dashboard .seo-command-step-strip i {
    width: 28px;
    height: 28px;
  }

  body.page-dashboard .seo-command-status-row article i svg,
  body.page-dashboard .seo-command-step-strip i svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .seo-command-step-strip strong,
  body.page-dashboard .seo-command-status-row strong {
    font-size: 10px;
  }

  body.page-dashboard .seo-command-step-strip small,
  body.page-dashboard .seo-command-status-row span {
    font-size: 8px;
    line-height: 1.1;
  }

  body.page-dashboard .seo-command-shortcuts a,
  body.page-dashboard .seo-command-shortcuts button {
    grid-template-columns: 1fr;
    gap: 3px;
    min-height: 48px;
    padding: 6px 2px;
  }

  body.page-dashboard .seo-command-shortcuts svg {
    justify-self: center;
    width: 20px;
    height: 20px;
    padding: 4px;
  }

  body.page-dashboard .seo-copy-row {
    grid-template-columns: 1fr;
  }

  body.page-dashboard .seo-share-channel-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .seo-share-channel-row span {
    min-height: 66px;
    padding: 7px 3px;
  }

  body.page-dashboard .seo-share-channel-row strong {
    font-size: 9px;
  }

  body.page-dashboard .seo-profile-card[data-seo-profile-card-v224] .seo-profile-top {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .seo-command-ring {
    width: 76px;
    height: 76px;
  }

  body.page-dashboard .seo-command-ring strong {
    font-size: 18px;
  }

  body.page-dashboard .seo-command-ring span {
    font-size: 8px;
  }

  body.page-dashboard .seo-command-status-row article i,
  body.page-dashboard .seo-command-step-strip small {
    display: none;
  }

  body.page-dashboard .seo-command-step-strip a,
  body.page-dashboard .seo-command-status-row article {
    min-height: 64px;
  }
}

/* v225 artist app phase 10: launch handoff and public share polish */
body.page-dashboard .artist-launch-kit-v225[data-artist-launch-v225],
body.route-profile .artist-public-share-strip-v225[data-public-share-v225] {
  width: 100%;
  max-width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(255, 204, 65, .14), transparent 30%),
    radial-gradient(circle at 100% 0, rgba(20, 132, 71, .10), transparent 32%),
    linear-gradient(180deg, #fff, #fffaf3);
  box-shadow: 0 22px 56px rgba(64, 28, 14, .08);
}

body.page-dashboard .artist-launch-kit-v225[data-artist-launch-v225] *,
body.route-profile .artist-public-share-strip-v225[data-public-share-v225] * {
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .artist-launch-kit-v225[data-artist-launch-v225] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 14px;
  align-items: start;
  padding: 18px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-copy h2,
body.route-profile .artist-public-share-strip-v225 h2 {
  margin: 0;
  color: #24140f;
  font-size: clamp(1.35rem, 2.3vw, 2.25rem);
  line-height: 1.05;
  letter-spacing: 0;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-actions,
body.route-profile .artist-public-share-strip-v225 .artist-public-share-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, auto));
  gap: 8px;
  justify-content: start;
  margin-top: 12px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-actions .button,
body.route-profile .artist-public-share-strip-v225 .artist-public-share-actions .button {
  min-height: 42px;
  padding: 9px 12px;
  border-radius: 12px;
  line-height: 1.05;
  white-space: normal;
}

body.page-dashboard .artist-launch-ring {
  width: 132px;
  height: 132px;
  display: grid;
  place-items: center;
  gap: 0;
  justify-self: end;
  padding: 13px;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle, #fff 0 56%, transparent 57%),
    conic-gradient(#b0000d var(--artist-launch-progress), rgba(176, 0, 13, .12) 0);
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(176, 0, 13, .10), 0 14px 34px rgba(176, 0, 13, .12);
}

body.page-dashboard .artist-launch-ring span,
body.page-dashboard .artist-launch-ring small {
  color: #6b5144;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

body.page-dashboard .artist-launch-ring strong {
  color: #b0000d;
  font-size: 28px;
  line-height: 1;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-grid,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels {
  grid-column: 1 / -1;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-grid .artist-launch-card,
body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats span,
body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row span {
  display: grid;
  place-items: center;
  gap: 5px;
  text-align: center;
  border: 1px solid rgba(176, 0, 13, .14);
  background: rgba(255, 255, 255, .86);
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article {
  min-height: 82px;
  padding: 9px 6px;
  border-radius: 14px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article i,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff1df;
  color: #b0000d;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article i svg,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card i svg,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article.ready,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card.is-ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f2fff8);
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article.ready i,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card.is-ready i,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels span:first-child {
  color: #08783e;
  background: #e9fff3;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article.warning,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card.is-action {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8df);
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article.action {
  border-color: rgba(176, 0, 13, .24);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row span,
body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats small {
  color: #b0000d;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.05;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row strong,
body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats strong {
  color: #24140f;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-card {
  min-height: 158px;
  padding: 12px 8px;
  border-radius: 15px;
  color: inherit;
  text-decoration: none;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-card span,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card small,
body.page-dashboard .artist-launch-kit-v225 .artist-launch-card em {
  font-size: 10px;
  line-height: 1.14;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-card span {
  color: #b0000d;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-card strong {
  color: #24140f;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.08;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-card em {
  display: inline-grid;
  min-height: 28px;
  place-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-style: normal;
  font-weight: 950;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels,
body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels span,
body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row span {
  min-height: 58px;
  padding: 8px 6px;
  border-radius: 14px;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels span {
  display: grid;
  place-items: center;
  gap: 5px;
  border: 1px solid rgba(176, 0, 13, .12);
  background: #fff;
  color: #b0000d;
  text-align: center;
}

body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels strong,
body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row strong {
  color: #24140f;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.05;
}

body.route-profile .artist-public-share-strip-v225[data-public-share-v225] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
  gap: 16px;
  align-items: center;
  padding: 18px;
}

body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats span {
  min-height: 70px;
  padding: 8px 5px;
  border-radius: 14px;
}

body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row {
  margin-top: 10px;
}

body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row span:nth-child(1) {
  background: #e9fff3;
  border-color: rgba(20, 132, 71, .20);
}

body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row span:nth-child(2) {
  background: #fff8df;
  border-color: rgba(201, 139, 2, .20);
}

body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row span:nth-child(3) {
  background: #fff0f0;
  border-color: rgba(176, 0, 13, .20);
}

body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff;
  color: #b0000d;
  font-style: normal;
  font-weight: 950;
}

body.route-profile .artist-public-share-strip-v225 .form-note {
  max-width: 560px;
  margin: 10px 0 0;
  color: #6b5144;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.28;
}

@media (max-width: 920px) {
  body.page-dashboard .artist-launch-kit-v225[data-artist-launch-v225],
  body.route-profile .artist-public-share-strip-v225[data-public-share-v225] {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .artist-launch-ring {
    justify-self: center;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-actions,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
    width: 100%;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .artist-launch-kit-v225[data-artist-launch-v225],
  body.route-profile .artist-public-share-strip-v225[data-public-share-v225] {
    max-width: calc(100% - 20px);
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .artist-launch-ring {
    width: 84px;
    height: 84px;
  }

  body.page-dashboard .artist-launch-ring span,
  body.page-dashboard .artist-launch-ring small {
    font-size: 7px;
  }

  body.page-dashboard .artist-launch-ring strong {
    font-size: 19px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-grid,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels,
  body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats span {
    min-height: 56px;
    padding: 6px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article i,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card i,
  body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row i {
    width: 26px;
    height: 26px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article i svg,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card i svg {
    width: 14px;
    height: 14px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row span,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats small {
    font-size: 8px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row strong,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-stats strong {
    font-size: 10px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card {
    min-height: 112px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card span,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card small,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card em,
  body.route-profile .artist-public-share-strip-v225 .artist-public-share-actions .button {
    font-size: 8px;
    line-height: 1.08;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card strong,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels strong,
  body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row strong {
    font-size: 9px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card small {
    display: none;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-card em {
    min-height: 24px;
    padding: 4px 5px;
  }

  body.route-profile .artist-public-share-strip-v225 .form-note {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  body.route-profile .artist-public-share-strip-v225 .artist-public-share-actions .button {
    min-height: 38px;
    padding: 7px 3px;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-actions .button {
    padding: 7px 4px;
    font-size: 9px;
  }

  body.page-dashboard .artist-launch-ring {
    width: 76px;
    height: 76px;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article i,
  body.page-dashboard .artist-launch-kit-v225 .artist-launch-share-channels svg {
    display: none;
  }

  body.page-dashboard .artist-launch-kit-v225 .artist-launch-status-row article {
    min-height: 48px;
  }

  body.route-profile .artist-public-share-strip-v225 .artist-public-channel-row i {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
}

/* v226 artist app phase 11: next-action queue and visitor decision path */
body.page-dashboard .artist-app-tabs i svg,
body.page-dashboard .artist-mobile-dock i svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .artist-app-tabs a.active i svg {
  color: #fff;
}

body.page-dashboard .artist-action-queue-v226[data-artist-action-v226],
body.route-profile .artist-public-decision-path-v226[data-public-decision-v226] {
  width: 100%;
  max-width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow: hidden;
}

body.page-dashboard .artist-action-queue-v226[data-artist-action-v226] {
  display: grid;
  grid-template-columns: minmax(180px, .32fr) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 204, 65, .16), transparent 34%),
    linear-gradient(180deg, #fff, #fffaf2);
  box-shadow: 0 18px 42px rgba(64, 28, 14, .07);
}

body.page-dashboard .artist-action-queue-v226 *,
body.route-profile .artist-public-decision-path-v226 * {
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .artist-action-queue-copy {
  display: grid;
  gap: 4px;
}

body.page-dashboard .artist-action-queue-copy h2 {
  margin: 0;
  color: #24140f;
  font-size: clamp(1.2rem, 2vw, 1.9rem);
  line-height: 1.05;
  letter-spacing: 0;
}

body.page-dashboard .artist-action-queue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

body.page-dashboard .artist-action-card {
  appearance: none;
  display: grid;
  min-height: 118px;
  place-items: center;
  gap: 5px;
  padding: 11px 8px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 15px;
  background: #fff;
  color: #24140f;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(83, 44, 22, .06);
}

body.page-dashboard .artist-action-card.ready {
  border-color: rgba(20, 132, 71, .22);
  background: linear-gradient(180deg, #fff, #f2fff8);
}

body.page-dashboard .artist-action-card.warning {
  border-color: rgba(201, 139, 2, .25);
  background: linear-gradient(180deg, #fff, #fff8df);
}

body.page-dashboard .artist-action-card.action {
  border-color: rgba(176, 0, 13, .24);
  background: linear-gradient(180deg, #fff, #fff0f0);
}

body.page-dashboard .artist-action-card i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fff1df;
  color: #b0000d;
}

body.page-dashboard .artist-action-card.ready i {
  background: #e9fff3;
  color: #08783e;
}

body.page-dashboard .artist-action-card.warning i {
  background: #fff3cf;
  color: #a66700;
}

body.page-dashboard .artist-action-card i svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .artist-action-card span {
  color: #b0000d;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.05;
  text-transform: uppercase;
}

body.page-dashboard .artist-action-card strong {
  color: #24140f;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-action-card small {
  color: #644c40;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.16;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-action-queue-v226 .form-note {
  grid-column: 1 / -1;
  margin: 0;
  color: #6b5144;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
}

body.route-profile .artist-public-decision-path-v226[data-public-decision-v226] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #fffaf3);
  box-shadow: 0 16px 34px rgba(64, 28, 14, .06);
}

body.route-profile .artist-public-decision-path-v226 a {
  display: grid;
  min-height: 86px;
  place-items: center;
  gap: 4px;
  padding: 9px 6px;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 13px;
  background: #fff;
  color: #24140f;
  text-align: center;
  text-decoration: none;
}

body.route-profile .artist-public-decision-path-v226 a:nth-child(1) {
  background: #fff8df;
}

body.route-profile .artist-public-decision-path-v226 a:nth-child(2) {
  background: #f2fff8;
}

body.route-profile .artist-public-decision-path-v226 a:nth-child(3) {
  background: #fff0f0;
}

body.route-profile .artist-public-decision-path-v226 i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

body.route-profile .artist-public-decision-path-v226 strong {
  color: #24140f;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.05;
}

body.route-profile .artist-public-decision-path-v226 span {
  color: #6b5144;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.1;
}

body.route-profile .reveal-on-scroll {
  opacity: 1 !important;
  transform: none !important;
}

body.route-profile .app-main > .section {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

body.page-dashboard .compact-actions .single-action-grid {
  grid-template-columns: minmax(240px, 420px);
  justify-content: center;
}

body.page-dashboard .dashboard-panel.compact-actions {
  display: block;
}

body.page-dashboard .dashboard-panel.compact-actions > .action-grid {
  width: 100%;
}

body.page-dashboard .compact-actions .single-action-grid .action-card {
  min-height: 0;
  align-items: center;
  text-align: center;
}

@media (max-width: 920px) {
  body.page-dashboard .artist-action-queue-v226[data-artist-action-v226] {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .artist-action-queue-copy .eyebrow {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .artist-app-tabs i svg,
  body.page-dashboard .artist-mobile-dock i svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .artist-action-queue-v226[data-artist-action-v226],
  body.route-profile .artist-public-decision-path-v226[data-public-decision-v226] {
    max-width: calc(100% - 20px);
  }

  body.page-dashboard .artist-action-queue-v226[data-artist-action-v226] {
    gap: 9px;
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .artist-action-queue-grid,
  body.route-profile .artist-public-decision-path-v226[data-public-decision-v226] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-action-card {
    min-height: 92px;
    padding: 7px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .artist-action-card i {
    width: 28px;
    height: 28px;
  }

  body.page-dashboard .artist-action-card i svg {
    width: 14px;
    height: 14px;
  }

  body.page-dashboard .artist-action-card span,
  body.page-dashboard .artist-action-card small,
  body.route-profile .artist-public-decision-path-v226 span {
    font-size: 8px;
    line-height: 1.08;
  }

  body.page-dashboard .artist-action-card strong,
  body.route-profile .artist-public-decision-path-v226 strong {
    font-size: 10px;
  }

  body.route-profile .artist-public-decision-path-v226[data-public-decision-v226] {
    padding: 8px;
    border-radius: 13px;
  }

  body.route-profile .artist-public-decision-path-v226 a {
    min-height: 72px;
    padding: 7px 3px;
    border-radius: 10px;
  }

  body.route-profile .artist-public-decision-path-v226 i {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .artist-action-card small {
    display: none;
  }

  body.page-dashboard .artist-action-card {
    min-height: 76px;
  }

  body.page-dashboard .artist-action-card i {
    width: 24px;
    height: 24px;
  }
}

body.page-dashboard .dashboard-panel.compact-actions > .action-grid.single-action-grid {
  grid-template-columns: minmax(0, min(420px, 100%)) !important;
  justify-content: center !important;
}

body.page-dashboard .dashboard-panel.compact-actions > .action-grid.single-action-grid .action-card {
  width: 100% !important;
  min-width: 0 !important;
}

/* v227 artist app phase 12: compact focus rail and public booking console */
body.page-dashboard .artist-focus-rail-v227[data-artist-focus-v227],
body.route-profile .artist-booking-console-v227[data-public-booking-v227] {
  width: 100%;
  max-width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  overflow: hidden;
}

body.page-dashboard .artist-focus-rail-v227[data-artist-focus-v227] *,
body.route-profile .artist-booking-console-v227[data-public-booking-v227] * {
  min-width: 0;
  box-sizing: border-box;
}

body.page-dashboard .artist-focus-rail-v227[data-artist-focus-v227] {
  display: grid;
  grid-template-columns: minmax(0, .56fr) minmax(0, 1.44fr);
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(176, 0, 13, .14);
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 231, 184, .58), transparent 34%),
    linear-gradient(135deg, #fff, #fff8ed);
  box-shadow: 0 18px 36px rgba(64, 28, 14, .07);
}

body.page-dashboard .artist-focus-rail-head {
  display: grid;
  gap: 4px;
}

body.page-dashboard .artist-focus-rail-head h2,
body.route-profile .artist-booking-console-head h2 {
  margin: 0;
  color: #24140f;
  font-size: clamp(1.25rem, 2.2vw, 2rem);
  line-height: 1.04;
  letter-spacing: 0;
}

body.page-dashboard .artist-focus-grid,
body.route-profile .artist-booking-console-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .artist-focus-pill,
body.route-profile .artist-booking-tile {
  display: grid;
  min-height: 112px;
  place-items: center;
  gap: 5px;
  padding: 10px 6px;
  border: 1px solid rgba(176, 0, 13, .12);
  border-radius: 14px;
  background: #fff;
  color: #24140f;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(64, 28, 14, .05);
}

body.page-dashboard .artist-focus-pill:nth-child(1),
body.route-profile .artist-booking-tile:nth-child(1) {
  background: #fff8df;
}

body.page-dashboard .artist-focus-pill:nth-child(2),
body.route-profile .artist-booking-tile:nth-child(2) {
  background: #f2fff8;
}

body.page-dashboard .artist-focus-pill:nth-child(3),
body.route-profile .artist-booking-tile:nth-child(3) {
  background: #fff2f4;
}

body.page-dashboard .artist-focus-pill:nth-child(4),
body.route-profile .artist-booking-tile:nth-child(4) {
  background: #f4f7ff;
}

body.page-dashboard .artist-focus-pill i,
body.route-profile .artist-booking-tile i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #b0000d;
  color: #fff;
  font-style: normal;
}

body.page-dashboard .artist-focus-pill.ready i,
body.page-dashboard .artist-focus-pill:nth-child(2) i,
body.route-profile .artist-booking-tile:nth-child(2) i {
  background: #0f7a45;
}

body.page-dashboard .artist-focus-pill.warning i,
body.page-dashboard .artist-focus-pill:nth-child(3) i,
body.route-profile .artist-booking-tile:nth-child(3) i {
  background: #b46b00;
}

body.page-dashboard .artist-focus-pill.action i,
body.route-profile .artist-booking-tile:nth-child(4) i {
  background: #b0000d;
}

body.page-dashboard .artist-focus-pill i svg,
body.route-profile .artist-booking-tile i svg,
body.route-profile .profile-app-icon-svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .artist-focus-pill span,
body.route-profile .artist-booking-tile span {
  color: #b0000d;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.05;
  text-transform: uppercase;
}

body.page-dashboard .artist-focus-pill strong,
body.route-profile .artist-booking-tile strong {
  color: #24140f;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.page-dashboard .artist-focus-pill small,
body.route-profile .artist-booking-tile small {
  color: #654d41;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

body.route-profile .artist-booking-console-v227[data-public-booking-v227] {
  display: grid;
  grid-template-columns: minmax(0, .58fr) minmax(0, 1.42fr);
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 12%, rgba(255, 231, 184, .58), transparent 34%),
    linear-gradient(135deg, #fff, #fffaf3);
  box-shadow: 0 18px 38px rgba(64, 28, 14, .07);
}

body.route-profile .artist-booking-console-head {
  display: grid;
  gap: 4px;
}

body.route-profile .mobile-context-bar {
  display: grid;
  grid-template-columns: 1.15fr .9fr .95fr;
  gap: 6px;
  align-items: center;
}

body.route-profile .mobile-context-bar > * {
  min-width: 0;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 920px) {
  body.page-dashboard .artist-focus-rail-v227[data-artist-focus-v227],
  body.route-profile .artist-booking-console-v227[data-public-booking-v227] {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.page-dashboard .artist-focus-rail-head .eyebrow,
  body.route-profile .artist-booking-console-head .eyebrow {
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.page-dashboard .artist-focus-rail-v227[data-artist-focus-v227],
  body.route-profile .artist-booking-console-v227[data-public-booking-v227] {
    max-width: calc(100% - 20px);
    padding: 12px;
    border-radius: 14px;
  }

  body.page-dashboard .artist-focus-grid,
  body.route-profile .artist-booking-console-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.page-dashboard .artist-focus-pill,
  body.route-profile .artist-booking-tile {
    min-height: 84px;
    padding: 7px 3px;
    border-radius: 11px;
  }

  body.page-dashboard .artist-focus-pill i,
  body.route-profile .artist-booking-tile i {
    width: 27px;
    height: 27px;
  }

  body.page-dashboard .artist-focus-pill i svg,
  body.route-profile .artist-booking-tile i svg,
  body.route-profile .profile-app-icon-svg {
    width: 14px;
    height: 14px;
  }

  body.page-dashboard .artist-focus-pill span,
  body.route-profile .artist-booking-tile span,
  body.page-dashboard .artist-focus-pill small,
  body.route-profile .artist-booking-tile small {
    font-size: 8px;
    line-height: 1.05;
  }

  body.page-dashboard .artist-focus-pill strong,
  body.route-profile .artist-booking-tile strong {
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  body.page-dashboard .artist-focus-rail-head h2,
  body.route-profile .artist-booking-console-head h2 {
    font-size: 20px;
  }

  body.page-dashboard .artist-focus-pill small,
  body.route-profile .artist-booking-tile small {
    display: none;
  }

  body.page-dashboard .artist-focus-pill,
  body.route-profile .artist-booking-tile {
    min-height: 72px;
  }
}

@media (max-width: 980px) {
  body.route-profile .artist-profile-snapshot {
    grid-template-columns: 1fr !important;
    max-width: calc(100vw - 14px) !important;
    overflow: hidden !important;
  }

  body.route-profile .artist-profile-mini-grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 520px) {
  body.route-profile .artist-profile-mini-grid {
    gap: 5px !important;
  }

  body.route-profile .artist-profile-mini-grid a {
    min-height: 74px !important;
    padding: 7px 3px !important;
    border-radius: 10px !important;
  }

  body.route-profile .artist-profile-mini-grid a span,
  body.route-profile .artist-profile-mini-grid a small {
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  body.route-profile .artist-profile-mini-grid a strong {
    font-size: 12px !important;
    line-height: 1.05 !important;
  }
}

/* v229 artist closeout: keep dashboard workspace shortcuts contained on mobile/tablet */
@media (max-width: 980px) {
  body.page-dashboard .dashboard-section-artist .dashboard-side {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  body.page-dashboard .dashboard-section-artist .dashboard-side h2,
  body.phase1-foundation.page-dashboard .dashboard-section-artist .dashboard-side h2 {
    display: none !important;
  }

  body.page-dashboard .dashboard-section-artist .dashboard-side a {
    display: none !important;
  }

  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(5),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(10),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(11),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(14),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(15),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(16),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(17),
  body.page-dashboard .dashboard-section-artist .dashboard-side a:nth-of-type(18) {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 7px 4px !important;
    white-space: normal !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }
}

/* v230 final precedence guard: the artist app owns its navigation surface. */
body.page-dashboard .dashboard-section-artist {
  width: min(100% - 32px, 1500px) !important;
  max-width: 1500px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin-inline: auto !important;
}

body.page-dashboard .dashboard-section-artist .dashboard-side {
  display: none !important;
}

body.page-dashboard .dashboard-section-artist .dashboard-main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.page-dashboard .site-footer {
  display: none !important;
}

@media (max-width: 760px) {
  body.page-dashboard .dashboard-section-artist {
    width: calc(100% - 12px) !important;
  }

  body.page-dashboard .dashboard-section-artist .artist-app-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    text-align: left !important;
  }

  body.page-dashboard .dashboard-section-artist .artist-app-identity .badge {
    justify-self: start !important;
  }

  body.page-dashboard .dashboard-section-artist .artist-app-tabs {
    display: none !important;
  }

  body.page-dashboard .dashboard-section-artist .artist-mobile-dock {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body.page-dashboard .app-main {
    padding-bottom: 88px !important;
  }
}

/* v232 artist profile builder: compact five-step app flow */
body.page-dashboard .dashboard-section-profile {
  width: min(100% - 32px, 1180px) !important;
  max-width: 1180px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin-inline: auto !important;
}

body.page-dashboard .dashboard-section-profile > .dashboard-side {
  display: none !important;
}

body.page-dashboard .dashboard-section-profile > .dashboard-main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.page-dashboard .profile-builder-workspace {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
}

body.page-dashboard .profile-builder-workspace > .section-head {
  margin-bottom: 12px;
}

body.page-dashboard .artist-profile-builder-shell .profile-app-status-row,
body.page-dashboard .artist-profile-builder-shell .profile-form-shortcuts {
  display: none;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step {
  min-height: 78px;
  border-radius: 8px;
  box-shadow: none;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step.is-current {
  border-color: #b0000d;
  background: #fff5f4;
  box-shadow: inset 0 -3px 0 #b0000d;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step.is-current i {
  background: #b0000d;
  color: #fff;
}

body.page-dashboard .artist-profile-wizard-form {
  max-width: 980px;
  min-width: 0;
  margin: 14px auto 0;
  padding: 12px;
  border-radius: 8px;
  background: #fffaf3;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar {
  position: sticky;
  top: 8px;
  z-index: 8;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(78, 39, 20, .08);
}

body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar .button[hidden] {
  display: none !important;
}

body.page-dashboard .artist-profile-wizard-form.is-profile-stepper-ready .profile-wizard-panel:not(.is-active) {
  display: none;
}

body.page-dashboard .artist-profile-wizard-form .profile-wizard-panel {
  min-width: 0;
  padding: 2px 0;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-section-title,
body.page-dashboard .artist-profile-wizard-form .form-grid,
body.page-dashboard .artist-profile-wizard-form .profile-optional-fields,
body.page-dashboard .artist-profile-wizard-form .profile-publish-preview {
  border-radius: 8px;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-section-title {
  margin-bottom: 8px;
  box-shadow: none;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-section-title strong {
  font-size: 17px;
  line-height: 1.15;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-section-title small {
  font-size: 11px;
  line-height: 1.3;
}

body.page-dashboard .artist-profile-wizard-form .form-grid {
  gap: 10px;
  box-shadow: none;
}

body.page-dashboard .artist-profile-wizard-form label {
  font-size: 12px;
  line-height: 1.25;
}

body.page-dashboard .artist-profile-wizard-form :is(input, select, textarea) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 14px;
}

body.page-dashboard .profile-bio-compact {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

body.page-dashboard .profile-bio-compact > label {
  padding: 12px;
  border: 1px solid rgba(165, 92, 34, .13);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .artist-profile-wizard-form .bio-template-row {
  border-radius: 8px;
}

body.page-dashboard .profile-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.page-dashboard .profile-proof-grid article {
  display: grid;
  min-width: 0;
  min-height: 180px;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 14px 10px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 8px;
  background: #fff;
  text-align: center;
}

body.page-dashboard .profile-proof-grid article.is-ready {
  border-color: rgba(8, 123, 70, .3);
  background: #f3fff8;
}

body.page-dashboard .profile-proof-grid article > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: #fff0d9;
  color: #b0000d;
}

body.page-dashboard .profile-proof-grid article.is-ready > i {
  background: #e4f8ed;
  color: #087b46;
}

body.page-dashboard .profile-proof-grid .dashboard-app-icon-svg {
  width: 20px;
  height: 20px;
}

body.page-dashboard .profile-proof-grid article > span {
  color: #765443;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .profile-proof-grid article > strong {
  font-size: 15px;
  line-height: 1.15;
}

body.page-dashboard .profile-publish-preview {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(176, 0, 13, .15);
  background: #fff;
}

body.page-dashboard .profile-publish-preview-head {
  display: grid;
  gap: 4px;
}

body.page-dashboard .profile-publish-preview-head > strong {
  font-size: 21px;
  line-height: 1.1;
}

body.page-dashboard .profile-publish-preview-head > small,
body.page-dashboard .profile-publish-preview > p {
  color: #6d5142;
  font-size: 13px;
  line-height: 1.4;
}

body.page-dashboard .profile-publish-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

body.page-dashboard .profile-publish-checks span {
  display: grid;
  min-width: 0;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(183, 122, 0, .25);
  border-radius: 8px;
  background: #fff9e9;
  color: #6d5142;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

body.page-dashboard .profile-publish-checks .dashboard-app-icon-svg {
  width: 16px;
  height: 16px;
  color: #b77a00;
}

body.page-dashboard .profile-step-error {
  margin: 0 0 8px;
  padding: 9px 11px;
  border: 1px solid rgba(176, 0, 13, .25);
  border-radius: 8px;
  background: #fff1f0;
  color: #9e0010;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}

body.page-dashboard .profile-step-actions {
  position: sticky;
  bottom: 10px;
  z-index: 9;
  display: grid;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr) minmax(110px, auto);
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  padding: 9px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: rgba(255, 250, 243, .97);
  box-shadow: 0 10px 24px rgba(78, 39, 20, .12);
  backdrop-filter: blur(12px);
}

body.page-dashboard .profile-step-actions > span {
  min-width: 0;
  overflow: hidden;
  color: #6d5142;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .profile-step-actions .button {
  min-width: 0;
  min-height: 42px;
  padding-inline: 14px;
}

body.page-dashboard .profile-step-actions .button[disabled] {
  opacity: .35;
  pointer-events: none;
}

body.page-dashboard .profile-step-actions .button[hidden] {
  display: none;
}

@media (max-width: 700px) {
  body.page-dashboard .dashboard-section-profile {
    width: calc(100% - 12px) !important;
  }

  body.page-dashboard .profile-builder-workspace > .section-head .section-lead {
    display: none;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-actions .button:not(:last-child) {
    display: none;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-progress {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-ring {
    display: none;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step {
    min-height: 64px;
    gap: 4px;
    padding: 6px 2px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step i {
    width: 27px;
    height: 27px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step strong {
    font-size: 9px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step small {
    display: none;
  }

  body.page-dashboard .artist-profile-wizard-form {
    padding: 8px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar {
    top: 4px;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: stretch;
    padding: 9px;
    text-align: left;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar strong {
    font-size: 14px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar small {
    display: none;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar .button {
    width: auto;
    min-height: 38px;
    padding: 8px 12px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-section-title {
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 10px;
  }

  body.page-dashboard .artist-profile-wizard-form .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
  }

  body.page-dashboard .artist-profile-wizard-form .form-grid > :is(label, .form-field-note) {
    grid-column: span 2;
  }

  body.page-dashboard .artist-profile-wizard-form .form-grid > label:has(select[name="country_code"]),
  body.page-dashboard .artist-profile-wizard-form .form-grid > label:has(input[name="whatsapp"]),
  body.page-dashboard .artist-profile-wizard-form .form-grid > label:has(input[name="city"]),
  body.page-dashboard .artist-profile-wizard-form .form-grid > label:has(input[name="state"]),
  body.page-dashboard .artist-profile-wizard-form .form-grid > label:has(input[name="country"]),
  body.page-dashboard .artist-profile-wizard-form .form-grid > label:has(input[name="radius_km"]) {
    grid-column: span 1;
  }

  body.page-dashboard .artist-profile-wizard-form :is(input, select, textarea) {
    min-height: 43px;
    font-size: 13px;
  }

  body.page-dashboard .profile-proof-grid {
    gap: 6px;
  }

  body.page-dashboard .profile-proof-grid article {
    min-height: 150px;
    gap: 6px;
    padding: 10px 4px;
  }

  body.page-dashboard .profile-proof-grid article > strong {
    font-size: 11px;
  }

  body.page-dashboard .profile-proof-grid article .button {
    width: 100%;
    min-height: 36px;
    padding: 6px 3px;
    font-size: 9px;
    line-height: 1.05;
    white-space: normal;
  }

  body.page-dashboard .profile-publish-checks {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .profile-step-actions {
    bottom: 78px;
    grid-template-columns: 82px minmax(0, 1fr) 82px;
    padding: 7px;
  }

  body.page-dashboard .profile-step-actions .button {
    min-height: 40px;
    padding: 7px 5px;
    font-size: 11px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step {
    min-height: 58px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step strong {
    font-size: 8px;
  }

  body.page-dashboard .profile-step-actions {
    grid-template-columns: 72px minmax(0, 1fr) 72px;
  }
}

/* Phase 1 precedence guard: preserve the role-aware shell after legacy dashboard rules. */
body.page-dashboard .dashboard-side-v2 {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  overflow: visible !important;
  border-radius: 8px !important;
}

body.page-dashboard .dashboard-side-v2 .dashboard-side-link {
  display: flex !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
}

body.page-dashboard .dashboard-section-artist > .dashboard-side-v2,
body.page-dashboard .dashboard-section-profile > .dashboard-side-v2 {
  display: none !important;
}

@media (max-width: 900px) {
  body.page-dashboard .dashboard-side-v2 {
    position: sticky !important;
    top: 62px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.page-dashboard .dashboard-side-v2 .dashboard-side-primary,
  body.page-dashboard .dashboard-side-v2 .dashboard-side-account {
    grid-column: 1 / -1 !important;
    display: flex !important;
    gap: 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.page-dashboard .dashboard-side-v2 .dashboard-side-link {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 24px auto !important;
    min-width: max-content !important;
    min-height: 36px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }

  body.page-dashboard .dashboard-side-v2 .dashboard-side-link > span {
    width: 24px !important;
    height: 24px !important;
  }

  body.page-dashboard .dashboard-section-artist > .dashboard-side-v2,
  body.page-dashboard .dashboard-section-profile > .dashboard-side-v2 {
    display: none !important;
  }
}

/* Phase 1 live precedence: legacy phase rules must not flatten the shared app navigation. */
body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 {
  display: grid !important;
  grid-auto-flow: row !important;
  overflow: visible !important;
}

body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 a.dashboard-side-link {
  display: flex !important;
  min-width: 0 !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "context workspace"
      "primary primary"
      "account account" !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 .dashboard-side-context {
    grid-area: context !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 .dashboard-workspace-menu {
    grid-area: workspace !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 .dashboard-side-primary {
    grid-area: primary !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 .dashboard-side-account {
    grid-area: account !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 .dashboard-side-primary,
  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 .dashboard-side-account {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.phase1-foundation.page-dashboard .dashboard-side.dashboard-side-v2 a.dashboard-side-link {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 24px auto !important;
    min-width: max-content !important;
    min-height: 36px !important;
    padding: 4px 8px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

body.phase1-foundation.page-dashboard .dashboard.dashboard-section-artist > .dashboard-side.dashboard-side-v2,
body.phase1-foundation.page-dashboard .dashboard.dashboard-section-profile > .dashboard-side.dashboard-side-v2 {
  display: none !important;
}

/* Phase 2 dashboard home: compact role-aware command center. */
body.phase1-foundation.page-dashboard .dashboard-phase2-home > .dashboard-main {
  display: grid;
  min-width: 0;
  gap: 12px;
}

body.phase1-foundation.page-dashboard .dashboard-home-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 2px 2px 10px;
  border-bottom: 1px solid rgba(165, 92, 34, .18);
}

body.phase1-foundation.page-dashboard .dashboard-home-head .eyebrow,
body.phase1-foundation.page-dashboard .dashboard-home-head h1 {
  margin: 0;
  text-align: left;
}

body.phase1-foundation.page-dashboard .dashboard-home-head h1 {
  color: #24140f;
  font-size: clamp(1.65rem, 2.6vw, 2.4rem);
  line-height: 1.05;
}

body.phase1-foundation.page-dashboard .dashboard-head-settings,
body.phase1-foundation.page-dashboard .dashboard-profile-list-head > a {
  flex: 0 0 auto;
  display: inline-grid;
  min-height: 38px;
  place-items: center;
  padding: 8px 13px;
  border: 1px solid rgba(176, 0, 13, .22);
  border-radius: 7px;
  background: #fff;
  color: #99000b;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-verify-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #efd08c;
  border-radius: 8px;
  background: #fff8df;
}

body.phase1-foundation.page-dashboard .dashboard-verify-bar > div {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 8px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-verify-bar strong,
body.phase1-foundation.page-dashboard .dashboard-verify-bar span {
  font-size: 12px;
  line-height: 1.25;
}

body.phase1-foundation.page-dashboard .dashboard-verify-bar span {
  color: #6d5142;
}

body.phase1-foundation.page-dashboard .dashboard-command-center {
  display: grid;
  min-width: 0;
  gap: 12px;
  padding: clamp(10px, 1.4vw, 16px);
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 8px;
  background: #fffaf3;
  box-shadow: 0 14px 34px rgba(83, 44, 22, .07);
}

body.phase1-foundation.page-dashboard .dashboard-command-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr);
  gap: 10px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-next-action,
body.phase1-foundation.page-dashboard .dashboard-readiness-compact {
  display: grid;
  min-width: 0;
  align-items: center;
  border-radius: 8px;
}

body.phase1-foundation.page-dashboard .dashboard-next-action {
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 14px;
  background: #95101a;
  color: #fff;
  box-shadow: 0 12px 26px rgba(149, 16, 26, .18);
}

body.phase1-foundation.page-dashboard .dashboard-next-icon,
body.phase1-foundation.page-dashboard .dashboard-activity-icon {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
}

body.phase1-foundation.page-dashboard .dashboard-next-icon {
  background: rgba(255, 255, 255, .16);
}

body.phase1-foundation.page-dashboard .dashboard-next-icon svg,
body.phase1-foundation.page-dashboard .dashboard-activity-icon svg {
  width: 24px;
  height: 24px;
}

body.phase1-foundation.page-dashboard .dashboard-next-action small,
body.phase1-foundation.page-dashboard .dashboard-next-action h2,
body.phase1-foundation.page-dashboard .dashboard-next-action p {
  margin: 0;
  color: inherit;
}

body.phase1-foundation.page-dashboard .dashboard-next-action small {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

body.phase1-foundation.page-dashboard .dashboard-next-action h2 {
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  line-height: 1.05;
}

body.phase1-foundation.page-dashboard .dashboard-next-action p {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 750;
  opacity: .82;
}

body.phase1-foundation.page-dashboard .dashboard-next-action > a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  border-radius: 7px;
  background: #fff;
  color: #8e0812;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-next-action > a svg,
body.phase1-foundation.page-dashboard .dashboard-readiness-compact > a svg,
body.phase1-foundation.page-dashboard .dashboard-action-list > a > svg,
body.phase1-foundation.page-dashboard .dashboard-usage-compact > a svg {
  width: 17px;
  height: 17px;
}

body.phase1-foundation.page-dashboard .dashboard-readiness-compact {
  grid-template-columns: 56px minmax(0, 1fr) 34px;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(0, 122, 69, .18);
  background: #fff;
}

body.phase1-foundation.page-dashboard .dashboard-readiness-mini {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0 58%, transparent 59%), conic-gradient(#087b46 var(--score-deg), #e8eee8 0);
}

body.phase1-foundation.page-dashboard .dashboard-readiness-mini strong {
  color: #087b46;
  font-size: 12px;
  line-height: 1;
}

body.phase1-foundation.page-dashboard .dashboard-readiness-compact > div:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.phase1-foundation.page-dashboard .dashboard-readiness-compact small,
body.phase1-foundation.page-dashboard .dashboard-readiness-compact span {
  color: #6d5142;
  font-size: 10px;
  font-weight: 800;
}

body.phase1-foundation.page-dashboard .dashboard-readiness-compact strong {
  overflow: hidden;
  color: #24140f;
  font-size: 13px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.phase1-foundation.page-dashboard .dashboard-readiness-compact > a {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: #eaf8ee;
  color: #087b46;
}

body.phase1-foundation.page-dashboard .dashboard-activity-icon {
  background: #eaf4ff;
  color: #2263a7;
}

body.phase1-foundation.page-dashboard .dashboard-command-section-head,
body.phase1-foundation.page-dashboard .dashboard-profile-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-command-section-head h2,
body.phase1-foundation.page-dashboard .dashboard-profile-list-head h2 {
  margin: 0;
  color: #24140f;
  font-size: 1rem;
  line-height: 1.1;
}

body.phase1-foundation.page-dashboard .dashboard-command-section-head > span {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: #fff0d9;
  color: #99000b;
  font-size: 10px;
  font-weight: 950;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools,
body.phase1-foundation.page-dashboard .dashboard-command-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools > a {
  display: grid;
  min-width: 0;
  min-height: 92px;
  place-items: center;
  align-content: center;
  gap: 4px;
  padding: 10px 6px;
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 8px;
  background: #fff;
  color: #24140f;
  text-align: center;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools > a > span {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: #fff0d9;
  color: #a3000c;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools > a:nth-child(2) > span {
  background: #eaf8ee;
  color: #087b46;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools > a:nth-child(3) > span {
  background: #fff7d9;
  color: #9a6900;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools > a:nth-child(4) > span {
  background: #eaf4ff;
  color: #2263a7;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools svg {
  width: 20px;
  height: 20px;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools strong {
  max-width: 100%;
  color: inherit;
  font-size: 12px;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools small {
  color: #74584a;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats > a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  min-width: 0;
  min-height: 64px;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 8px;
  background: #fff;
  color: #24140f;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats > a > span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #fff0d9;
  color: #a3000c;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats > a.tone-green > span {
  background: #eaf8ee;
  color: #087b46;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats > a.tone-gold > span {
  background: #fff7d9;
  color: #9a6900;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats > a.tone-blue > span {
  background: #eaf4ff;
  color: #2263a7;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats svg {
  width: 17px;
  height: 17px;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats strong {
  overflow: hidden;
  color: #24140f;
  font-size: 1rem;
  line-height: 1;
  text-overflow: ellipsis;
}

body.phase1-foundation.page-dashboard .dashboard-command-stats small {
  color: #6d5142;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.05;
}

body.phase1-foundation.page-dashboard .dashboard-command-lower {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 310px);
  gap: 10px;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-command-lower.single {
  grid-template-columns: minmax(0, 1fr);
}

body.phase1-foundation.page-dashboard .dashboard-action-queue,
body.phase1-foundation.page-dashboard .dashboard-home-drawer {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 8px;
  background: #fff;
}

body.phase1-foundation.page-dashboard .dashboard-action-list {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

body.phase1-foundation.page-dashboard .dashboard-action-list > a {
  display: grid;
  grid-template-columns: minmax(58px, auto) minmax(0, 1fr) 22px;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border-radius: 7px;
  background: #fff8ef;
  color: #24140f;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-action-list > a > span {
  display: inline-grid;
  min-height: 24px;
  place-items: center;
  padding: 4px 7px;
  border-radius: 999px;
  background: #fff;
  color: #a3000c;
  font-size: 8px;
  font-weight: 950;
  text-transform: uppercase;
}

body.phase1-foundation.page-dashboard .dashboard-action-list strong {
  min-width: 0;
  font-size: 11px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer {
  align-self: start;
  padding: 0;
  overflow: hidden;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer > summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-height: 58px;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer > summary::-webkit-details-marker {
  display: none;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer > summary > span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  background: #eaf4ff;
  color: #2263a7;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer > summary svg {
  width: 17px;
  height: 17px;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer > summary strong {
  color: #24140f;
  font-size: 12px;
}

body.phase1-foundation.page-dashboard .dashboard-home-drawer > summary small {
  color: #6d5142;
  font-size: 9px;
  font-weight: 850;
}

body.phase1-foundation.page-dashboard .dashboard-usage-compact {
  display: grid;
  gap: 6px;
  padding: 0 12px 12px;
}

body.phase1-foundation.page-dashboard .dashboard-usage-compact > div,
body.phase1-foundation.page-dashboard .dashboard-usage-compact > a {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 9px;
  border-radius: 7px;
  background: #fff8ef;
  color: #24140f;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-profile-list-panel {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: clamp(12px, 1.6vw, 18px);
  border: 1px solid rgba(165, 92, 34, .18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(83, 44, 22, .06);
}

body.phase1-foundation.page-dashboard .dashboard-profile-list-head .eyebrow,
body.phase1-foundation.page-dashboard .dashboard-profile-list-head h2 {
  margin: 0;
  text-align: left;
}

body.phase1-foundation.page-dashboard .dashboard-profile-list-head h2 {
  font-size: 1.2rem;
}

body.phase1-foundation.page-dashboard .dashboard-profile-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(165, 92, 34, .14);
}

body.phase1-foundation.page-dashboard .dashboard-profile-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 52px auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px 2px;
  border-bottom: 1px solid rgba(165, 92, 34, .14);
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-icon {
  display: inline-grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  background: #fff0d9;
  color: #a3000c;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-icon svg {
  width: 20px;
  height: 20px;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-copy {
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-copy h3,
body.phase1-foundation.page-dashboard .dashboard-profile-row-copy p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-copy h3 {
  color: #24140f;
  font-size: 13px;
  line-height: 1.15;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-copy p {
  margin-top: 3px;
  color: #6d5142;
  font-size: 10px;
  font-weight: 750;
}

body.phase1-foundation.page-dashboard .dashboard-profile-score {
  display: inline-grid;
  min-height: 30px;
  place-items: center;
  padding: 5px;
  border-radius: 999px;
  background: #eaf8ee;
  color: #087b46;
  font-size: 10px;
  font-weight: 950;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-actions {
  display: flex;
  gap: 6px;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-actions a {
  display: inline-grid;
  min-width: 52px;
  min-height: 34px;
  place-items: center;
  padding: 6px 9px;
  border: 1px solid #a3000c;
  border-radius: 7px;
  background: #a3000c;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row-actions a.ghost {
  background: #fff;
  color: #a3000c;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row > details {
  grid-column: 2 / -1;
  min-width: 0;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row > details summary {
  width: fit-content;
  color: #8f000a;
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
}

body.phase1-foundation.page-dashboard .dashboard-profile-row > details ul {
  display: grid;
  gap: 3px;
  margin: 7px 0 0;
  padding: 8px 8px 8px 26px;
  border-radius: 7px;
  background: #fff8ef;
  color: #6d5142;
  font-size: 10px;
  line-height: 1.3;
}

body.phase1-foundation.page-dashboard .dashboard-command-tools > a:hover,
body.phase1-foundation.page-dashboard .dashboard-command-stats > a:hover,
body.phase1-foundation.page-dashboard .dashboard-action-list > a:hover {
  border-color: rgba(176, 0, 13, .3);
  box-shadow: 0 9px 20px rgba(83, 44, 22, .08);
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  body.phase1-foundation.page-dashboard .dashboard-home-head h1 {
    font-size: 1.55rem;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-hero,
  body.phase1-foundation.page-dashboard .dashboard-command-lower {
    grid-template-columns: minmax(0, 1fr);
  }

  body.phase1-foundation.page-dashboard .dashboard-readiness-compact {
    min-height: 70px;
  }
}

@media (max-width: 520px) {
  body.phase1-foundation.page-dashboard .dashboard-phase2-home > .dashboard-main {
    gap: 9px;
  }

  body.phase1-foundation.page-dashboard .dashboard-home-head {
    padding-bottom: 8px;
  }

  body.phase1-foundation.page-dashboard .dashboard-home-head h1 {
    font-size: 1.35rem;
  }

  body.phase1-foundation.page-dashboard .dashboard-head-settings {
    min-height: 34px;
    padding: 6px 9px;
    font-size: 10px;
  }

  body.phase1-foundation.page-dashboard .dashboard-verify-bar {
    padding: 8px;
  }

  body.phase1-foundation.page-dashboard .dashboard-verify-bar span {
    display: none;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-center {
    gap: 9px;
    padding: 8px;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-action {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-icon {
    width: 40px;
    height: 40px;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-action h2 {
    font-size: 1.05rem;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-action > a {
    min-height: 34px;
    padding: 6px 8px;
    font-size: 10px;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-action > a svg {
    display: none;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-tools,
  body.phase1-foundation.page-dashboard .dashboard-command-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-tools > a {
    min-height: 76px;
    gap: 3px;
    padding: 7px 2px;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-tools > a > span {
    width: 34px;
    height: 34px;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-tools strong {
    font-size: 9px;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-tools small {
    display: none;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-stats > a {
    grid-template-columns: minmax(0, 1fr);
    min-height: 72px;
    justify-items: center;
    gap: 3px;
    padding: 6px 2px;
    text-align: center;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-stats > a > span {
    width: 29px;
    height: 29px;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-stats strong {
    font-size: .9rem;
  }

  body.phase1-foundation.page-dashboard .dashboard-command-stats small {
    font-size: 8px;
  }

  body.phase1-foundation.page-dashboard .dashboard-action-queue,
  body.phase1-foundation.page-dashboard .dashboard-home-drawer {
    padding: 9px;
  }

  body.phase1-foundation.page-dashboard .dashboard-home-drawer {
    padding: 0;
  }

  body.phase1-foundation.page-dashboard .dashboard-action-list > a {
    grid-template-columns: 56px minmax(0, 1fr) 18px;
    gap: 6px;
    padding: 6px;
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-list-panel {
    padding: 10px;
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-row {
    grid-template-columns: 38px minmax(0, 1fr) 46px;
    grid-template-areas:
      "icon copy score"
      "actions actions actions"
      ". details details";
    gap: 7px;
    padding: 10px 0;
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-row-icon {
    grid-area: icon;
    width: 36px;
    height: 36px;
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-row-copy {
    grid-area: copy;
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-score {
    grid-area: score;
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-row-actions {
    grid-area: actions;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase1-foundation.page-dashboard .dashboard-profile-row > details {
    grid-area: details;
  }
}

@media (max-width: 380px) {
  body.phase1-foundation.page-dashboard .dashboard-command-tools strong,
  body.phase1-foundation.page-dashboard .dashboard-command-stats small {
    font-size: 7.5px;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-action {
    grid-template-columns: 38px minmax(0, 1fr) auto;
  }

  body.phase1-foundation.page-dashboard .dashboard-next-icon {
    width: 36px;
    height: 36px;
  }
}

/* Phase 4: compact five-step professional profile builder. */
body.page-dashboard .profile-builder-workspace {
  max-width: 1180px;
  padding: clamp(10px, 1.5vw, 18px);
  border-radius: 8px;
}

body.page-dashboard .artist-profile-builder-shell {
  gap: 9px;
  margin: 0;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(78, 39, 20, .06);
}

body.page-dashboard .artist-profile-builder-shell .profile-app-topbar {
  min-height: 62px;
  padding: 2px;
}

body.page-dashboard .artist-profile-builder-shell .profile-app-identity strong {
  margin-top: 3px;
  font-size: clamp(1.05rem, 1.7vw, 1.45rem);
}

body.page-dashboard .artist-profile-builder-shell .profile-app-identity small {
  margin-top: 2px;
  font-size: 11px;
  text-transform: capitalize;
}

body.page-dashboard .profile-readiness-chip,
body.page-dashboard .profile-form-save-state {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid rgba(8, 123, 70, .2);
  border-radius: 7px;
  background: #f3fff8;
  color: #087b46;
  line-height: 1;
}

body.page-dashboard .profile-readiness-chip {
  min-height: 38px;
  padding: 7px 10px;
}

body.page-dashboard .profile-readiness-chip strong {
  margin: 0;
  font-size: 13px;
}

body.page-dashboard .profile-readiness-chip small {
  margin: 0;
  color: inherit;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .artist-profile-builder-shell .profile-app-actions {
  align-items: center;
}

body.page-dashboard .artist-profile-builder-shell .profile-app-actions .button {
  display: inline-flex;
  min-width: 42px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 9px;
}

body.page-dashboard .artist-profile-builder-shell .profile-app-actions .dashboard-app-icon-svg {
  width: 17px;
  height: 17px;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-progress {
  grid-template-columns: minmax(0, 1fr);
  padding: 7px;
  border-radius: 8px;
  background: #fffaf3;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step-strip {
  gap: 6px;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step {
  min-height: 68px;
  gap: 4px;
  padding: 7px 3px;
  border-radius: 7px;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step:focus-visible {
  outline: 3px solid rgba(176, 0, 13, .24);
  outline-offset: 2px;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step i {
  width: 30px;
  height: 30px;
  border-radius: 7px;
}

body.page-dashboard .artist-profile-builder-shell .profile-wizard-step strong {
  font-size: 11px;
}

body.page-dashboard .artist-profile-wizard-form {
  width: 100%;
  max-width: 1060px;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border-radius: 8px;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar {
  top: 6px;
  min-height: 56px;
  padding: 8px 10px;
  border-radius: 7px;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar strong {
  margin-top: 3px;
  font-size: 15px;
}

body.page-dashboard .profile-form-save-state {
  min-height: 38px;
  padding: 6px 9px;
}

body.page-dashboard .profile-form-save-state .dashboard-app-icon-svg {
  width: 16px;
  height: 16px;
}

body.page-dashboard .profile-form-save-state strong {
  margin: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
}

body.page-dashboard .profile-form-save-state small {
  margin: 0;
  color: inherit;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .artist-profile-wizard-form .profile-form-section-title {
  display: none;
}

body.page-dashboard .artist-profile-wizard-form .profile-wizard-panel {
  outline: none;
}

body.page-dashboard .artist-profile-wizard-form .form-grid {
  gap: 9px;
  padding: 10px;
  border-radius: 7px;
}

body.page-dashboard .profile-inline-help {
  min-width: 0;
  border: 1px solid rgba(8, 123, 70, .16);
  border-radius: 7px;
  background: #f3fff8;
}

body.page-dashboard .profile-inline-help summary {
  display: flex;
  min-height: 43px;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  color: #087b46;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .profile-inline-help summary::-webkit-details-marker {
  display: none;
}

body.page-dashboard .profile-inline-help summary::after {
  margin-left: auto;
  content: "+";
  font-size: 16px;
}

body.page-dashboard .profile-inline-help[open] summary::after {
  content: "-";
}

body.page-dashboard .profile-inline-help .dashboard-app-icon-svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

body.page-dashboard .profile-inline-help p {
  margin: 0;
  padding: 0 10px 10px;
  color: #5e493e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-dashboard .artist-profile-wizard-form .profile-bio-compact > label,
body.page-dashboard .artist-profile-wizard-form .bio-template-row,
body.page-dashboard .artist-profile-wizard-form .profile-optional-fields,
body.page-dashboard .artist-profile-wizard-form .profile-publish-preview {
  border-radius: 7px;
}

body.page-dashboard .artist-profile-wizard-form .profile-proof-grid article {
  min-height: 154px;
  border-radius: 7px;
}

body.page-dashboard .artist-profile-wizard-form .profile-step-actions {
  border-radius: 7px;
}

@media (max-width: 700px) {
  body.page-dashboard .profile-builder-workspace {
    width: calc(100% - 8px) !important;
    padding: 6px;
  }

  body.page-dashboard .artist-profile-builder-shell {
    padding: 7px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    text-align: left;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-identity .badge {
    font-size: 8px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-identity strong {
    font-size: 15px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-identity small {
    font-size: 9px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-actions {
    display: flex;
    width: auto;
    flex-wrap: nowrap;
    gap: 5px;
  }

  body.page-dashboard .profile-readiness-chip {
    min-height: 34px;
    padding: 5px 7px;
  }

  body.page-dashboard .profile-readiness-chip small,
  body.page-dashboard .artist-profile-builder-shell .profile-app-actions .button span {
    display: none;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-app-actions .button {
    display: inline-grid !important;
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 6px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step-strip {
    gap: 3px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step {
    min-height: 58px;
    padding: 5px 1px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step i {
    width: 25px;
    height: 25px;
  }

  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step strong {
    font-size: 8.5px;
  }

  body.page-dashboard .artist-profile-wizard-form {
    margin-top: 7px;
    padding: 6px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar {
    min-height: 50px;
    padding: 7px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-form-command-bar strong {
    font-size: 13px;
  }

  body.page-dashboard .profile-form-save-state {
    min-height: 34px;
    padding: 5px 7px;
  }

  body.page-dashboard .profile-form-save-state small {
    display: none;
  }

  body.page-dashboard .artist-profile-wizard-form .form-grid {
    padding: 7px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-bio-compact > label {
    padding: 8px;
  }

  body.page-dashboard .artist-profile-wizard-form .bio-template-row {
    padding: 8px;
  }

  body.page-dashboard .artist-profile-wizard-form .bio-template-row .form-note {
    font-size: 9px;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-proof-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 65%);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-proof-grid::-webkit-scrollbar {
    display: none;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-proof-grid article {
    min-height: 142px;
    scroll-snap-align: start;
  }

  body.page-dashboard .artist-profile-wizard-form .profile-step-actions {
    bottom: 76px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .artist-profile-builder-shell .profile-wizard-step strong {
    font-size: 8px;
  }

  body.page-dashboard .profile-readiness-chip {
    display: none;
  }
}

/* Phase 5: guided artist service package studio. */
body.page-dashboard .service-builder-app-shell[data-service-studio-v243],
body.page-dashboard .service-package-studio-form[data-service-stepper] {
  width: min(100%, 1180px);
  margin-inline: auto;
  min-width: 0;
}

body.page-dashboard .service-builder-app-shell[data-service-studio-v243] {
  display: grid;
  gap: 10px;
  padding: clamp(10px, 1.7vw, 16px);
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 4px solid #b0000d;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(73, 38, 22, .08);
}

body.page-dashboard .service-builder-app-shell[data-service-studio-v243] .service-builder-topbar {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dashboard .service-studio-icon,
body.page-dashboard .service-panel-heading > span,
body.page-dashboard .service-step-tab > span {
  display: inline-grid;
  place-items: center;
  color: #b0000d;
  background: #fff0dd;
}

body.page-dashboard .service-studio-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

body.page-dashboard .service-studio-icon .dashboard-app-icon-svg,
body.page-dashboard .service-panel-heading .dashboard-app-icon-svg {
  width: 21px;
  height: 21px;
}

body.page-dashboard .service-builder-app-shell[data-service-studio-v243] .service-builder-topbar strong {
  display: block;
  color: #24140f;
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  line-height: 1.1;
}

body.page-dashboard .service-builder-app-shell[data-service-studio-v243] .service-builder-topbar small {
  display: block;
  margin-top: 3px;
  color: #6d5142;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .service-readiness-chip,
body.page-dashboard .service-command-score {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 10px;
  border: 1px solid rgba(8, 123, 70, .2);
  border-radius: 999px;
  background: #effbf4;
  color: #087b46;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

body.page-dashboard .service-step-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

body.page-dashboard .service-step-tab {
  display: grid;
  min-width: 0;
  min-height: 62px;
  place-items: center;
  align-content: center;
  gap: 4px;
  padding: 7px 4px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fffaf3;
  color: #4f3227;
  cursor: pointer;
}

body.page-dashboard .service-step-tab > span {
  width: 26px;
  height: 26px;
  border-radius: 7px;
}

body.page-dashboard .service-step-tab .dashboard-app-icon-svg {
  width: 15px;
  height: 15px;
}

body.page-dashboard .service-step-tab strong {
  overflow: hidden;
  max-width: 100%;
  font-size: 11px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .service-step-tab:is(.is-active, [aria-selected="true"]) {
  border-width: 2px;
  border-color: #b0000d;
  background: #fff;
  color: #b0000d;
  box-shadow: 0 8px 18px rgba(176, 0, 13, .1);
}

body.page-dashboard .service-step-tab:focus-visible {
  outline: 3px solid rgba(255, 190, 38, .65);
  outline-offset: 2px;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] {
  gap: 10px;
  margin-top: 10px;
  padding: clamp(10px, 1.7vw, 16px);
  border: 1px solid rgba(176, 0, 13, .15);
  border-top: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(73, 38, 22, .07);
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .service-form-command-bar {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 60px;
  padding: 9px 10px;
  border-radius: 8px;
  background: #fffaf3;
  box-shadow: none;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .service-form-command-bar strong {
  font-size: 1rem;
}

body.page-dashboard .service-step-panel[hidden] {
  display: none !important;
}

body.page-dashboard .service-step-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: clamp(10px, 1.6vw, 16px);
  border: 1px solid rgba(165, 92, 34, .16);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .service-panel-heading {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .service-panel-heading > span {
  width: 38px;
  height: 38px;
  border-radius: 8px;
}

body.page-dashboard .service-panel-heading strong,
body.page-dashboard .service-panel-heading small {
  display: block;
}

body.page-dashboard .service-panel-heading strong {
  color: #24140f;
  font-size: 1rem;
  line-height: 1.1;
}

body.page-dashboard .service-panel-heading small {
  margin-top: 2px;
  color: #6d5142;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .service-package-template-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  border: 0;
  border-radius: 0;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .service-package-template-strip .button {
  min-width: 0;
  min-height: 56px;
  padding: 8px;
  border-radius: 8px;
  line-height: 1.15;
  white-space: normal;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 0;
  border: 0;
  border-radius: 0;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .form-grid > label:nth-of-type(1),
body.page-dashboard .service-package-studio-form[data-service-stepper] .form-grid > label:nth-of-type(2) {
  grid-column: 1 / -1;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] label {
  min-width: 0;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] :is(input, select, textarea) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 8px;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] textarea {
  min-height: 138px;
  resize: vertical;
}

body.page-dashboard .service-package-studio-form[data-service-stepper] .service-package-extra-note {
  margin: 0;
  border-radius: 8px;
  box-shadow: none;
}

body.page-dashboard .service-package-tips .service-package-note-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-dashboard .service-review-card {
  width: 100%;
  min-width: 0;
  padding: clamp(12px, 2vw, 20px);
  border-left: 4px solid #087b46;
  border-radius: 8px;
  background: #f8fffb;
  box-shadow: none;
}

body.page-dashboard .service-review-card > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

body.page-dashboard .service-step-actions {
  position: sticky;
  z-index: 12;
  bottom: 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 12px 28px rgba(73, 38, 22, .14);
}

body.page-dashboard .service-step-actions > span {
  overflow: hidden;
  color: #6d5142;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .service-step-actions .button {
  min-width: 96px;
  min-height: 42px;
  border-radius: 8px;
}

body.page-dashboard .service-listings-studio .section-head h2 {
  font-size: clamp(1.35rem, 3vw, 2rem);
}

@media (max-width: 700px) {
  body.page-dashboard .service-builder-app-shell[data-service-studio-v243],
  body.page-dashboard .service-package-studio-form[data-service-stepper] {
    width: 100%;
  }

  body.page-dashboard .service-builder-app-shell[data-service-studio-v243] {
    padding: 8px;
  }

  body.page-dashboard .service-builder-app-shell[data-service-studio-v243] .service-builder-topbar {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .service-studio-icon {
    width: 38px;
    height: 38px;
  }

  body.page-dashboard .service-builder-app-shell[data-service-studio-v243] .service-builder-topbar strong {
    font-size: 14px;
  }

  body.page-dashboard .service-builder-app-shell[data-service-studio-v243] .service-builder-topbar small {
    font-size: 9px;
  }

  body.page-dashboard .service-readiness-chip {
    min-height: 30px;
    padding: 5px 7px;
    font-size: 9px;
  }

  body.page-dashboard .service-step-rail {
    gap: 4px;
  }

  body.page-dashboard .service-step-tab {
    min-height: 55px;
    padding: 5px 2px;
  }

  body.page-dashboard .service-step-tab > span {
    width: 23px;
    height: 23px;
  }

  body.page-dashboard .service-step-tab strong {
    font-size: 8.5px;
  }

  body.page-dashboard .service-package-studio-form[data-service-stepper] {
    margin-top: 7px;
    padding: 7px;
  }

  body.page-dashboard .service-package-studio-form[data-service-stepper] .service-form-command-bar {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: stretch;
    min-height: 52px;
    padding: 7px;
    text-align: left;
  }

  body.page-dashboard .service-command-score {
    min-height: 30px;
    padding: 4px 6px;
    font-size: 9px;
  }

  body.page-dashboard .service-step-panel {
    padding: 8px;
  }

  body.page-dashboard .service-package-studio-form[data-service-stepper] .service-package-template-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .service-package-studio-form[data-service-stepper] .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }

  body.page-dashboard .service-package-studio-form[data-service-stepper] :is(input, select, textarea) {
    min-height: 43px;
    font-size: 13px;
  }

  body.page-dashboard .service-package-note-grid,
  body.page-dashboard .service-package-tips .service-package-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .service-step-actions {
    bottom: 76px;
    padding: 6px;
  }

  body.page-dashboard .service-step-actions .button {
    min-width: 82px;
    min-height: 40px;
    padding-inline: 10px;
    font-size: 12px;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .service-step-tab strong {
    font-size: 8px;
  }

  body.page-dashboard .service-readiness-chip {
    padding-inline: 5px;
  }

  body.page-dashboard .service-readiness-chip:not(:has(strong)) {
    display: none;
  }

  body.page-dashboard .service-step-actions .button {
    min-width: 76px;
    padding-inline: 8px;
  }
}

/* Phase 6: guided artist portfolio proof studio. */
body.page-dashboard .portfolio-builder-app-shell[data-portfolio-studio-v244],
body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper],
body.page-dashboard .portfolio-library-panel {
  width: min(100%, 1180px);
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-dashboard .portfolio-builder-app-shell[data-portfolio-studio-v244] {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 3px solid #b0000d;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(73, 38, 22, .08);
}

body.page-dashboard .portfolio-builder-app-shell[data-portfolio-studio-v244] .portfolio-builder-topbar {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 4px;
}

body.page-dashboard .portfolio-studio-icon,
body.page-dashboard .portfolio-panel-heading > span,
body.page-dashboard .portfolio-form-command-bar > div > span,
body.page-dashboard .portfolio-step-tab > span {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #b0000d;
  background: #fff2e3;
}

body.page-dashboard .portfolio-studio-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

body.page-dashboard .portfolio-studio-icon svg,
body.page-dashboard .portfolio-panel-heading svg,
body.page-dashboard .portfolio-form-command-bar svg {
  width: 21px;
  height: 21px;
}

body.page-dashboard .portfolio-builder-topbar > div {
  min-width: 0;
}

body.page-dashboard .portfolio-builder-topbar :is(p, strong, small) {
  display: block;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .portfolio-builder-topbar > div > strong {
  color: #24140f;
  font-size: 16px;
  line-height: 1.2;
}

body.page-dashboard .portfolio-builder-topbar small {
  color: #6d5142;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .portfolio-readiness-chip,
body.page-dashboard .portfolio-command-score {
  display: grid;
  place-items: center;
  min-width: 64px;
  min-height: 36px;
  padding: 5px 8px;
  border: 1px solid rgba(20, 132, 71, .22);
  border-radius: 8px;
  background: #effcf4;
  color: #12693b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
}

body.page-dashboard .portfolio-readiness-chip strong,
body.page-dashboard .portfolio-command-score strong {
  display: block;
  font-size: 13px;
}

body.page-dashboard .portfolio-step-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.page-dashboard .portfolio-step-tab {
  display: grid;
  grid-template-columns: 28px minmax(0, auto);
  place-content: center;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 48px;
  padding: 6px;
  border: 1px solid #ead6c8;
  border-radius: 8px;
  background: #fffaf5;
  color: #5e4539;
  cursor: pointer;
}

body.page-dashboard .portfolio-step-tab > span {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}

body.page-dashboard .portfolio-step-tab svg {
  width: 15px;
  height: 15px;
}

body.page-dashboard .portfolio-step-tab strong {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .portfolio-step-tab:is(.is-active, [aria-selected="true"]) {
  border-color: #b0000d;
  background: #fff1f1;
  color: #93000a;
  box-shadow: inset 0 -3px 0 #b0000d;
}

body.page-dashboard .portfolio-step-tab:disabled {
  cursor: not-allowed;
  opacity: .52;
  box-shadow: none;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(73, 38, 22, .07);
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] [hidden] {
  display: none !important;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .portfolio-form-command-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 56px;
  padding: 7px;
  border: 1px solid #eadbd0;
  border-radius: 8px;
  background: #fffaf5;
}

body.page-dashboard .portfolio-form-command-bar > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 8px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .portfolio-form-command-bar > div > span {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  border-radius: 8px;
}

body.page-dashboard .portfolio-form-command-bar :is(strong, small) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .portfolio-form-command-bar > div > strong {
  color: #24140f;
  font-size: 15px;
  line-height: 1.15;
}

body.page-dashboard .portfolio-form-command-bar small {
  color: #6d5142;
  font-size: 10px;
  font-weight: 850;
}

body.page-dashboard .portfolio-step-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
  min-height: 290px;
  padding: 12px;
  border: 1px solid #eadbd0;
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .portfolio-panel-heading {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .portfolio-panel-heading > span {
  width: 38px;
  height: 38px;
  border-radius: 8px;
}

body.page-dashboard .portfolio-panel-heading :is(strong, small) {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-panel-heading strong {
  color: #24140f;
  font-size: 16px;
}

body.page-dashboard .portfolio-panel-heading small {
  color: #6d5142;
  font-size: 11px;
  font-weight: 750;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .portfolio-template-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .portfolio-template-strip .button {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  padding: 7px;
  border-radius: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.page-dashboard .portfolio-image-grid > label:first-child,
body.page-dashboard .portfolio-details-grid > label:nth-child(1),
body.page-dashboard .portfolio-details-grid > label:nth-child(4),
body.page-dashboard .portfolio-details-grid > label:nth-child(5),
body.page-dashboard .portfolio-details-grid > label:nth-child(6) {
  grid-column: 1 / -1;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] label {
  min-width: 0;
  font-size: 12px;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 14px;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] textarea {
  min-height: 82px;
  resize: vertical;
}

body.page-dashboard .portfolio-proof-extra-note {
  margin: 0;
  border: 1px solid #eadbd0;
  border-radius: 8px;
  background: #fffaf5;
}

body.page-dashboard .portfolio-proof-extra-note summary {
  min-height: 40px;
  padding: 10px;
  color: #8f0009;
  font-size: 12px;
  font-weight: 900;
}

body.page-dashboard .portfolio-proof-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 0 8px 8px;
}

body.page-dashboard .portfolio-proof-note-grid span {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 42px;
  padding: 6px;
  border: 1px solid #eadbd0;
  border-radius: 8px;
  background: #fff;
  color: #5e4539;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

body.page-dashboard .portfolio-proof-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.page-dashboard .portfolio-proof-options .check {
  min-height: 48px;
  padding: 8px;
  border: 1px solid #eadbd0;
  border-radius: 8px;
  background: #fffaf5;
}

body.page-dashboard .portfolio-proof-options .check input {
  width: 18px !important;
  min-height: 18px !important;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .media-live-preview {
  display: grid;
  grid-template-columns: minmax(240px, .9fr) minmax(0, 1.1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(20, 132, 71, .2);
  border-radius: 8px;
  background: #f5fcf7;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .media-preview-frame {
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff2e3;
}

body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .media-preview-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-dashboard .media-preview-copy {
  display: grid;
  gap: 9px;
  min-width: 0;
}

body.page-dashboard .media-preview-copy :is(h3, p) {
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
}

body.page-dashboard .media-preview-copy h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.65rem);
}

body.page-dashboard .portfolio-step-actions {
  position: sticky;
  z-index: 12;
  bottom: 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 12px 28px rgba(73, 38, 22, .14);
}

body.page-dashboard .portfolio-step-actions > span {
  overflow: hidden;
  color: #6d5142;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .portfolio-step-actions .button {
  min-width: 96px;
  min-height: 42px;
  border-radius: 8px;
}

body.page-dashboard .portfolio-library-panel {
  margin-top: 12px;
  padding: 12px;
  border-radius: 8px;
}

body.page-dashboard .portfolio-library-panel .section-head {
  align-items: end;
  margin-bottom: 9px;
}

body.page-dashboard .portfolio-library-panel .section-head h2 {
  margin: 0;
  font-size: clamp(1.35rem, 3vw, 2rem);
}

body.page-dashboard .portfolio-proof-submitted-panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 10px !important;
  width: 100%;
  margin: 0;
}

body.page-dashboard .portfolio-library-panel .media-proof-card {
  min-width: 0;
  padding: 10px;
  border-top: 3px solid #148447;
  border-radius: 8px;
}

body.page-dashboard .portfolio-library-panel .media-proof-card > img {
  border-radius: 8px;
}

body.page-dashboard .portfolio-library-panel .media-proof-card > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 700px) {
  body.page-dashboard .portfolio-builder-app-shell[data-portfolio-studio-v244],
  body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] {
    width: 100%;
  }

  body.page-dashboard .portfolio-builder-app-shell[data-portfolio-studio-v244] {
    padding: 8px;
  }

  body.page-dashboard .portfolio-builder-app-shell[data-portfolio-studio-v244] .portfolio-builder-topbar {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .portfolio-studio-icon {
    width: 38px;
    height: 38px;
  }

  body.page-dashboard .portfolio-builder-topbar > div > strong {
    font-size: 14px;
  }

  body.page-dashboard .portfolio-builder-topbar small {
    font-size: 9px;
  }

  body.page-dashboard .portfolio-readiness-chip {
    min-width: 54px;
    min-height: 30px;
    padding: 4px 6px;
    font-size: 8px;
  }

  body.page-dashboard .portfolio-step-rail {
    gap: 4px;
  }

  body.page-dashboard .portfolio-step-tab {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 3px;
    min-height: 54px;
    padding: 4px 2px;
  }

  body.page-dashboard .portfolio-step-tab > span {
    width: 24px;
    height: 24px;
  }

  body.page-dashboard .portfolio-step-tab strong {
    width: 100%;
    font-size: 8.5px;
    text-align: center;
  }

  body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] {
    margin-top: 7px;
    padding: 7px;
  }

  body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .portfolio-form-command-bar {
    min-height: 52px;
    padding: 7px;
  }

  body.page-dashboard .portfolio-command-score {
    min-width: 52px;
    min-height: 30px;
    padding: 4px 6px;
    font-size: 8px;
  }

  body.page-dashboard .portfolio-step-panel {
    min-height: 310px;
    padding: 8px;
  }

  body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .portfolio-template-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .portfolio-image-grid > label,
  body.page-dashboard .portfolio-details-grid > label {
    grid-column: 1 !important;
  }

  body.page-dashboard .portfolio-proof-note-grid,
  body.page-dashboard .portfolio-proof-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .portfolio-proof-note-grid span:last-child {
    grid-column: 1 / -1;
  }

  body.page-dashboard .portfolio-proof-studio-form[data-portfolio-stepper] .media-live-preview {
    grid-template-columns: minmax(0, 1fr);
    padding: 8px;
  }

  body.page-dashboard .portfolio-step-actions {
    bottom: 76px;
    padding: 6px;
  }

  body.page-dashboard .portfolio-step-actions .button {
    min-width: 82px;
    min-height: 40px;
    padding-inline: 9px;
    font-size: 12px;
  }

  body.page-dashboard .portfolio-library-panel {
    overflow: hidden;
    padding: 10px 8px;
  }

  body.page-dashboard .portfolio-proof-submitted-panel {
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(270px, 86%);
    justify-content: start;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }

  body.page-dashboard .portfolio-library-panel .media-proof-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .portfolio-step-tab strong {
    font-size: 8px;
  }

  body.page-dashboard .portfolio-proof-options {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .portfolio-step-actions .button {
    min-width: 76px;
    padding-inline: 7px;
  }

  body.page-dashboard .portfolio-proof-submitted-panel {
    grid-auto-columns: minmax(260px, 91%);
  }
}

/* Phase 7: compact artist lead inbox. */
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .section-guidance,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .eyebrow,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > h1,
body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .dashboard-help-drawer {
  display: none;
}

body.page-dashboard .dashboard-section-inquiries > .dashboard-main > .lead-inbox-panel {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dashboard .dashboard-section-inquiries .dashboard-main,
body.page-dashboard .lead-inbox-app-shell[data-lead-inbox-v245],
body.page-dashboard .lead-performance-drawer,
body.page-dashboard .lead-filter-shell,
body.page-dashboard .lead-queue-panel {
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-dashboard .lead-inbox-app-shell[data-lead-inbox-v245] {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 3px solid #b0000d;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(68, 37, 22, .07);
}

body.page-dashboard .lead-inbox-topbar {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .lead-inbox-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #fff0ec;
  color: #b0000d;
}

body.page-dashboard .lead-inbox-icon svg,
body.page-dashboard .lead-inbox-tabs svg,
body.page-dashboard .lead-performance-drawer > summary svg,
body.page-dashboard .lead-message-drawer > summary svg,
body.page-dashboard .lead-update-drawer > summary svg,
body.page-dashboard .lead-quick-actions svg,
body.page-dashboard .lead-next-action svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

body.page-dashboard .lead-inbox-topbar > div {
  min-width: 0;
}

body.page-dashboard .lead-inbox-topbar .eyebrow,
body.page-dashboard .lead-inbox-topbar strong,
body.page-dashboard .lead-inbox-topbar small {
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .lead-inbox-topbar > div > strong {
  color: #24140f;
  font-size: 18px;
  line-height: 1.2;
}

body.page-dashboard .lead-inbox-topbar small {
  margin-top: 2px;
  color: #685146;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .lead-health-chip {
  display: grid;
  place-items: center;
  min-width: 68px;
  min-height: 38px;
  padding: 5px 8px;
  border: 1px solid rgba(20, 132, 71, .22);
  border-radius: 8px;
  background: #eefaf3;
  color: #116b3b;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}

body.page-dashboard .lead-health-chip strong {
  color: inherit;
  font-size: 14px;
}

body.page-dashboard .lead-inbox-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.page-dashboard .lead-inbox-tabs a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 46px;
  padding: 7px 8px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fffaf7;
  color: #6f1419;
  text-decoration: none;
}

body.page-dashboard .lead-inbox-tabs a > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #fff0ec;
}

body.page-dashboard .lead-inbox-tabs a strong,
body.page-dashboard .lead-inbox-tabs a em {
  min-width: 0;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

body.page-dashboard .lead-inbox-tabs a strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .lead-inbox-tabs a em {
  display: grid;
  place-items: center;
  min-width: 24px;
  min-height: 24px;
  padding-inline: 5px;
  border-radius: 7px;
  background: #fff;
  font-size: 10px;
}

body.page-dashboard .lead-inbox-tabs a.is-active {
  border: 2px solid #b0000d;
  background: #fff;
  color: #9b0008;
  box-shadow: inset 0 -3px 0 #b0000d;
}

body.page-dashboard .lead-performance-drawer,
body.page-dashboard .lead-filter-shell,
body.page-dashboard .lead-queue-panel {
  overflow: hidden;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .lead-performance-drawer > summary,
body.page-dashboard .lead-message-drawer > summary,
body.page-dashboard .lead-update-drawer > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 9px 11px;
  color: #8f0710;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .lead-performance-drawer > summary::-webkit-details-marker,
body.page-dashboard .lead-message-drawer > summary::-webkit-details-marker,
body.page-dashboard .lead-update-drawer > summary::-webkit-details-marker {
  display: none;
}

body.page-dashboard .lead-performance-drawer > summary > span,
body.page-dashboard .lead-update-drawer > summary > span:first-child {
  display: grid;
  place-items: center;
}

body.page-dashboard .lead-performance-drawer > summary strong,
body.page-dashboard .lead-performance-drawer > summary em,
body.page-dashboard .lead-update-drawer > summary span,
body.page-dashboard .lead-update-drawer > summary em {
  min-width: 0;
  font-style: normal;
  font-weight: 900;
}

body.page-dashboard .lead-performance-drawer > summary em,
body.page-dashboard .lead-update-drawer > summary em {
  font-size: 10px;
}

body.page-dashboard .lead-performance-drawer .lead-analytics-grid {
  margin: 0;
  padding: 0 10px 10px;
}

body.page-dashboard .lead-performance-drawer .lead-analytics-card {
  padding: 10px;
  border-radius: 8px;
  box-shadow: none;
}

body.page-dashboard .lead-filter-shell,
body.page-dashboard .lead-queue-panel {
  padding: 12px;
}

body.page-dashboard .lead-filter-shell .lead-filter-head,
body.page-dashboard .lead-queue-panel .compact-head {
  gap: 8px;
  margin: 0;
}

body.page-dashboard .lead-filter-shell h3,
body.page-dashboard .lead-queue-panel h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

body.page-dashboard .lead-source-strip {
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  margin: 10px 0 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.page-dashboard .lead-source-strip a {
  flex: 0 0 auto;
  min-height: 34px;
  border-radius: 8px;
  white-space: nowrap;
}

body.page-dashboard .lead-advanced-filters {
  margin-top: 8px;
  border-radius: 8px;
}

body.page-dashboard .lead-advanced-filters > summary {
  min-height: 40px;
  padding: 8px 10px;
}

body.page-dashboard .lead-card[data-lead-card-v245] {
  display: grid;
  gap: 9px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-left: 4px solid #b0000d;
  border-top-width: 1px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(68, 37, 22, .06);
  box-sizing: border-box;
}

body.page-dashboard .lead-card[data-lead-card-v245].overdue {
  border-left-color: #9f1010;
  background: #fff8f8;
}

body.page-dashboard .lead-card[data-lead-card-v245].due-today {
  border-left-color: #ca8a04;
  background: #fffdf5;
}

body.page-dashboard .lead-card[data-lead-card-v245].scheduled {
  border-left-color: #148447;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  align-items: start;
  min-width: 0;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-identity {
  min-width: 0;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-avatar {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

body.page-dashboard .lead-card[data-lead-card-v245] h3 {
  font-size: 16px;
  overflow-wrap: anywhere;
}

body.page-dashboard .lead-card[data-lead-card-v245] .meta {
  display: -webkit-box;
  margin: 4px 0 0;
  overflow: hidden;
  color: #6b5144;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-badge-row {
  gap: 4px;
  margin-bottom: 5px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-badge-row .badge {
  min-height: 23px;
  padding: 4px 7px;
  border-radius: 7px;
  font-size: 9px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-score-pill {
  display: grid;
  place-items: center;
  min-width: 54px;
  min-height: 44px;
  padding: 5px;
  border: 1px solid rgba(20, 132, 71, .2);
  border-radius: 8px;
  background: #eefaf3;
  color: #116b3b;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-score-pill strong {
  font-size: 14px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-score-pill small {
  margin-top: 2px;
  font-size: 8px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions form {
  display: grid;
  min-width: 0;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions .button,
body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions button {
  display: inline-grid;
  grid-template-columns: auto minmax(0, auto);
  place-content: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 7px 8px;
  border-radius: 8px;
  font-size: 11px;
  white-space: nowrap;
}

body.page-dashboard .lead-message-drawer,
body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(176, 0, 13, .13);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .lead-message-drawer > summary > span,
body.page-dashboard .lead-update-drawer > summary > span {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

body.page-dashboard .lead-message-drawer > summary strong,
body.page-dashboard .lead-message-drawer > summary em {
  min-width: 0;
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
}

body.page-dashboard .lead-message-drawer .lead-message {
  margin: 0 9px 9px;
  padding: 10px;
  border: 0;
  border-radius: 7px;
  background: #fff8f2;
  font-size: 12px;
  font-weight: 700;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-essentials-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-essentials-grid span {
  padding: 8px 6px;
  border-radius: 8px;
  background: #fffaf7;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action {
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 8px;
  padding: 9px;
  border-radius: 8px;
  background: #fff7ed;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action > i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #b0000d;
  color: #fff;
  font-style: normal;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action strong {
  font-size: 12px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action span {
  font-size: 11px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-private-note {
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 11px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer > summary {
  justify-content: stretch;
  border-radius: 0;
  background: #fff;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer .form-card {
  display: grid;
  gap: 9px;
  padding: 10px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer .form-card label {
  min-width: 0;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer input,
body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer select,
body.page-dashboard .lead-card[data-lead-card-v245] .lead-update-drawer textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-note-templates {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

body.page-dashboard .lead-card[data-lead-card-v245] .lead-note-templates button {
  min-height: 36px;
  border-radius: 8px;
}

@media (max-width: 760px) {
  body.page-dashboard .lead-inbox-app-shell[data-lead-inbox-v245],
  body.page-dashboard .lead-filter-shell,
  body.page-dashboard .lead-queue-panel {
    padding: 8px;
  }

  body.page-dashboard .lead-inbox-topbar {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .lead-inbox-icon {
    width: 40px;
    height: 40px;
  }

  body.page-dashboard .lead-inbox-topbar > div > strong {
    font-size: 15px;
  }

  body.page-dashboard .lead-health-chip {
    min-width: 56px;
    min-height: 34px;
    padding: 4px 5px;
    font-size: 7px;
  }

  body.page-dashboard .lead-health-chip strong {
    font-size: 12px;
  }

  body.page-dashboard .lead-inbox-tabs {
    gap: 4px;
  }

  body.page-dashboard .lead-inbox-tabs a {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 2px;
    min-height: 58px;
    padding: 4px 2px;
  }

  body.page-dashboard .lead-inbox-tabs a > span {
    width: 24px;
    height: 24px;
  }

  body.page-dashboard .lead-inbox-tabs a svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .lead-inbox-tabs a strong {
    max-width: 100%;
    font-size: 9px;
  }

  body.page-dashboard .lead-inbox-tabs a em {
    min-width: 20px;
    min-height: 18px;
    font-size: 8px;
  }

  body.page-dashboard .lead-performance-drawer .lead-analytics-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(235px, 82%);
    justify-content: start;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
  }

  body.page-dashboard .lead-performance-drawer .lead-analytics-card {
    scroll-snap-align: start;
  }

  body.page-dashboard .lead-filter-shell .lead-filter-head,
  body.page-dashboard .lead-queue-panel .compact-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    text-align: left;
  }

  body.page-dashboard .lead-filter-shell .admin-filter-bar {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 8px 8px;
  }

  body.page-dashboard .lead-filter-shell .filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .lead-card[data-lead-card-v245] {
    padding: 9px;
    border-radius: 8px;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions .button,
  body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions button {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 2px;
    min-height: 48px;
    padding: 4px 2px;
    font-size: 8px;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions svg {
    width: 16px;
    height: 16px;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-essentials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action .inline-lead-action {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-next-action .inline-lead-action .button {
    width: 100%;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-note-templates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  body.page-dashboard .lead-inbox-app-shell[data-lead-inbox-v245] {
    padding: 7px;
  }

  body.page-dashboard .lead-inbox-tabs a {
    min-height: 55px;
  }

  body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions .button,
  body.page-dashboard .lead-card[data-lead-card-v245] .lead-quick-actions button {
    font-size: 7.5px;
  }
}

/* Phase 8: compact artist reviews and trust center. */
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .section-guidance,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .eyebrow,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > h1,
body.page-dashboard .dashboard-section-reviews > .dashboard-main > .dashboard-help-drawer {
  display: none;
}

body.page-dashboard .dashboard-section-reviews .dashboard-main,
body.page-dashboard .review-center-app-shell[data-review-center-v246],
body.page-dashboard .review-request-panel,
body.page-dashboard .review-guidance-drawer,
body.page-dashboard .review-list-head,
body.page-dashboard .review-dashboard-list,
body.page-dashboard .review-empty-state,
body.page-dashboard .review-filter-empty {
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-dashboard .dashboard-section-reviews > .dashboard-main > .review-center-panel {
  display: grid;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dashboard .review-center-app-shell[data-review-center-v246] {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 3px solid #b0000d;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(68, 37, 22, .07);
}

body.page-dashboard .review-center-topbar {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .review-center-icon,
body.page-dashboard .review-request-card > span,
body.page-dashboard .review-guidance-grid article > span {
  display: grid;
  place-items: center;
  border-radius: 8px;
}

body.page-dashboard .review-center-icon {
  width: 44px;
  height: 44px;
  background: #fff3d9;
  color: #b77900;
}

body.page-dashboard .review-center-icon svg,
body.page-dashboard .review-center-tabs svg,
body.page-dashboard .review-request-card > span svg,
body.page-dashboard .review-guidance-drawer > summary svg,
body.page-dashboard .review-guidance-grid svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .review-center-topbar > div {
  min-width: 0;
}

body.page-dashboard .review-center-topbar .eyebrow,
body.page-dashboard .review-center-topbar strong,
body.page-dashboard .review-center-topbar small {
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .review-center-topbar > div > strong {
  color: #24140f;
  font-size: 18px;
  line-height: 1.2;
}

body.page-dashboard .review-center-topbar > div > small {
  margin-top: 2px;
  color: #685146;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .review-rating-chip {
  display: grid;
  place-items: center;
  min-width: 66px;
  min-height: 40px;
  padding: 5px 8px;
  border: 1px solid rgba(183, 121, 0, .24);
  border-radius: 8px;
  background: #fff8e7;
  color: #8d5c00;
  font-weight: 900;
  line-height: 1;
}

body.page-dashboard .review-rating-chip strong {
  color: inherit;
  font-size: 15px;
}

body.page-dashboard .review-rating-chip small {
  margin-top: 3px;
  color: inherit;
  font-size: 8px;
  text-transform: uppercase;
}

body.page-dashboard .review-center-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.page-dashboard .review-center-tabs button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 46px;
  padding: 7px 8px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fffaf7;
  color: #6f1419;
  font: inherit;
  cursor: pointer;
}

body.page-dashboard .review-center-tabs button > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #fff1e9;
}

body.page-dashboard .review-center-tabs button strong,
body.page-dashboard .review-center-tabs button em {
  min-width: 0;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

body.page-dashboard .review-center-tabs button strong {
  overflow: hidden;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .review-center-tabs button em {
  display: grid;
  place-items: center;
  min-width: 24px;
  min-height: 24px;
  padding-inline: 5px;
  border-radius: 7px;
  background: #fff;
  font-size: 10px;
}

body.page-dashboard .review-center-tabs button.is-active {
  border: 2px solid #b0000d;
  background: #fff;
  color: #9b0008;
  box-shadow: inset 0 -3px 0 #b0000d;
}

body.page-dashboard .review-request-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin-block: 0;
}

body.page-dashboard .review-request-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(68, 37, 22, .06);
}

body.page-dashboard .review-request-card > span {
  width: 42px;
  height: 42px;
  background: #eefaf3;
  color: #148447;
}

body.page-dashboard .review-request-card > div {
  min-width: 0;
}

body.page-dashboard .review-request-card strong,
body.page-dashboard .review-request-card small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-request-card strong {
  font-size: 16px;
}

body.page-dashboard .review-request-card small {
  margin-top: 2px;
  font-size: 11px;
}

body.page-dashboard .review-copy-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  min-width: 310px;
}

body.page-dashboard .review-copy-actions .button {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding-inline: 8px;
  border-radius: 8px;
  white-space: nowrap;
}

body.page-dashboard .review-request-card .form-note {
  grid-column: 2 / -1;
  margin: -2px 0 0;
  color: #6b5144;
  font-size: 10px;
  font-weight: 750;
}

body.page-dashboard .review-guidance-drawer {
  overflow: hidden;
  margin-block: 0;
  padding: 0;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

body.page-dashboard .review-guidance-drawer > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 9px 11px;
  color: #8f0710;
  text-align: left;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .review-guidance-drawer > summary::-webkit-details-marker,
body.page-dashboard .review-body-drawer > summary::-webkit-details-marker {
  display: none;
}

body.page-dashboard .review-guidance-drawer > summary > span {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  font-weight: 900;
}

body.page-dashboard .review-guidance-drawer > summary em {
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
}

body.page-dashboard .review-guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 10px 10px;
}

body.page-dashboard .review-guidance-grid article {
  display: grid;
  gap: 5px;
  place-items: center;
  min-width: 0;
  min-height: 94px;
  padding: 10px;
  border: 0;
  border-right: 1px solid rgba(176, 0, 13, .11);
  border-radius: 0;
  background: #fffaf7;
  box-shadow: none;
  text-align: center;
}

body.page-dashboard .review-guidance-grid article:first-child {
  border-radius: 8px 0 0 8px;
}

body.page-dashboard .review-guidance-grid article:last-child {
  border-right: 0;
  border-radius: 0 8px 8px 0;
}

body.page-dashboard .review-guidance-grid article > span {
  width: 30px;
  height: 30px;
  background: #fff0e9;
  color: #b0000d;
}

body.page-dashboard .review-guidance-grid strong {
  font-size: 12px;
}

body.page-dashboard .review-guidance-grid small {
  color: #685146;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.25;
}

body.page-dashboard .review-list-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 2px 2px 0;
}

body.page-dashboard .review-list-head .eyebrow,
body.page-dashboard .review-list-head h2 {
  margin: 0;
}

body.page-dashboard .review-list-head h2 {
  font-size: 18px;
  line-height: 1.2;
}

body.page-dashboard .review-dashboard-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] {
  display: grid;
  gap: 9px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-left: 4px solid #b77900;
  border-top-width: 1px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(68, 37, 22, .06);
  box-sizing: border-box;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246][hidden] {
  display: none !important;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246].approved {
  border-left-color: #148447;
  background: #fbfffc;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246].pending {
  border-left-color: #b77900;
  background: #fffdf7;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246].blocked {
  border-left-color: #9f1010;
  background: #fffafa;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-top {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-rating-bubble {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #b0000d;
  color: #fff;
  line-height: 1;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-rating-bubble strong {
  font-size: 15px;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-rating-bubble small {
  color: inherit;
  font-size: 8px;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-top > div {
  min-width: 0;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] h3 {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-body-drawer {
  min-width: 0;
  border: 1px solid rgba(176, 0, 13, .11);
  border-radius: 8px;
  background: #fffaf7;
}

body.page-dashboard .review-body-drawer > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  min-width: 0;
  padding: 9px 10px;
  cursor: pointer;
  list-style: none;
}

body.page-dashboard .review-body-drawer > summary span {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: #4f3a31;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.page-dashboard .review-body-drawer[open] > summary span {
  display: block;
  overflow: visible;
}

body.page-dashboard .review-body-drawer > summary em {
  color: #9b0008;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #fff7ef;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 6px;
  border-right: 1px solid rgba(176, 0, 13, .1);
  text-align: center;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta > span:last-child {
  border-right: 0;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta strong {
  font-size: 8px;
}

body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta em {
  min-width: 0;
  font-size: 9px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body.page-dashboard .review-profile-action {
  justify-self: end;
  min-height: 36px;
  border-radius: 8px;
}

body.page-dashboard .review-empty-state,
body.page-dashboard .review-filter-empty {
  min-height: 0;
  padding: 18px 12px;
  border-radius: 8px;
  text-align: center;
}

body.page-dashboard .review-filter-empty {
  color: #5b463b;
  font-weight: 850;
}

body.page-dashboard .review-filter-empty[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  body.page-dashboard .dashboard-section-reviews > .dashboard-main > .review-center-panel {
    gap: 9px;
  }

  body.page-dashboard .review-center-app-shell[data-review-center-v246] {
    padding: 8px;
  }

  body.page-dashboard .review-center-topbar {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .review-center-icon {
    width: 40px;
    height: 40px;
  }

  body.page-dashboard .review-center-topbar > div > strong {
    font-size: 15px;
  }

  body.page-dashboard .review-rating-chip {
    min-width: 54px;
    min-height: 34px;
    padding: 4px 5px;
  }

  body.page-dashboard .review-rating-chip strong {
    font-size: 12px;
  }

  body.page-dashboard .review-rating-chip small {
    font-size: 7px;
  }

  body.page-dashboard .review-center-tabs {
    gap: 4px;
  }

  body.page-dashboard .review-center-tabs button {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 2px;
    min-height: 58px;
    padding: 4px 2px;
  }

  body.page-dashboard .review-center-tabs button > span {
    width: 24px;
    height: 24px;
  }

  body.page-dashboard .review-center-tabs button svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .review-center-tabs button strong {
    max-width: 100%;
    font-size: 9px;
    text-align: center;
  }

  body.page-dashboard .review-center-tabs button em {
    min-width: 20px;
    min-height: 18px;
    font-size: 8px;
  }

  body.page-dashboard .review-request-card {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 8px;
    padding: 9px;
    text-align: left;
  }

  body.page-dashboard .review-request-card > span {
    width: 38px;
    height: 38px;
    justify-self: start;
  }

  body.page-dashboard .review-copy-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
  }

  body.page-dashboard .review-copy-actions .button {
    min-height: 40px;
    padding: 5px 3px;
    font-size: 9px;
  }

  body.page-dashboard .review-request-card .form-note {
    grid-column: 1 / -1;
    text-align: center;
  }

  body.page-dashboard .review-guidance-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(225px, 82%);
    justify-content: start;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }

  body.page-dashboard .review-guidance-grid article,
  body.page-dashboard .review-guidance-grid article:first-child,
  body.page-dashboard .review-guidance-grid article:last-child {
    border: 0;
    border-radius: 8px;
    scroll-snap-align: start;
  }

  body.page-dashboard .review-dashboard-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  body.page-dashboard .review-dashboard-card[data-review-card-v246] {
    padding: 9px;
  }

  body.page-dashboard .review-profile-action {
    width: 100%;
    justify-self: stretch;
  }

  body.page-dashboard .review-empty-state .profile-submit-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .review-center-app-shell[data-review-center-v246] {
    padding: 7px;
  }

  body.page-dashboard .review-center-tabs button {
    min-height: 55px;
  }

  body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta strong {
    font-size: 7.5px;
  }

  body.page-dashboard .review-dashboard-card[data-review-card-v246] .review-card-meta em {
    font-size: 8px;
  }
}

/* Phase 9: compact artist share and visibility center. */
body.page-dashboard .dashboard-section-seo > .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-seo > .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-seo > .dashboard-main > .section-guidance,
body.page-dashboard .dashboard-section-seo > .dashboard-main > .eyebrow,
body.page-dashboard .dashboard-section-seo > .dashboard-main > h1,
body.page-dashboard .dashboard-section-seo > .dashboard-main > .dashboard-help-drawer {
  display: none;
}

body.page-dashboard .dashboard-section-seo .dashboard-main,
body.page-dashboard .visibility-center-app-shell[data-visibility-center-v247],
body.page-dashboard .visibility-profile-panel {
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-dashboard .dashboard-section-seo > .dashboard-main > .visibility-center-panel {
  display: grid;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dashboard .visibility-center-app-shell[data-visibility-center-v247] {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(176, 0, 13, .16);
  border-top: 3px solid #b0000d;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(68, 37, 22, .07);
}

body.page-dashboard .visibility-center-topbar {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .visibility-center-icon,
body.page-dashboard .visibility-link-bar > span,
body.page-dashboard .visibility-empty-bar > span,
body.page-dashboard .visibility-profile-top > span,
body.page-dashboard .visibility-empty-state > span {
  display: grid;
  place-items: center;
  border-radius: 8px;
}

body.page-dashboard .visibility-center-icon {
  width: 44px;
  height: 44px;
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .visibility-center-icon svg,
body.page-dashboard .visibility-action-tabs svg,
body.page-dashboard .visibility-link-bar svg,
body.page-dashboard .visibility-empty-bar svg,
body.page-dashboard .visibility-profile-top svg,
body.page-dashboard .visibility-checklist svg,
body.page-dashboard .visibility-empty-state svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .visibility-center-topbar > div {
  min-width: 0;
}

body.page-dashboard .visibility-center-topbar .eyebrow,
body.page-dashboard .visibility-center-topbar strong,
body.page-dashboard .visibility-center-topbar small {
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .visibility-center-topbar > div > strong {
  color: #24140f;
  font-size: 18px;
  line-height: 1.2;
}

body.page-dashboard .visibility-center-topbar > div > small {
  margin-top: 2px;
  color: #685146;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .visibility-score-chip {
  display: grid;
  place-items: center;
  min-width: 66px;
  min-height: 40px;
  padding: 5px 8px;
  border: 1px solid rgba(20, 132, 71, .22);
  border-radius: 8px;
  background: #eefaf3;
  color: #116c3b;
  line-height: 1;
}

body.page-dashboard .visibility-score-chip strong {
  color: inherit;
  font-size: 15px;
}

body.page-dashboard .visibility-score-chip small {
  margin-top: 3px;
  color: inherit;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .visibility-action-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.page-dashboard .visibility-action-tabs a,
body.page-dashboard .visibility-action-tabs button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 7px 9px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fffaf7;
  color: #6f1419;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

body.page-dashboard .visibility-action-tabs a > svg,
body.page-dashboard .visibility-action-tabs button > svg {
  box-sizing: content-box;
  padding: 4px;
  border-radius: 7px;
  background: #fff1e9;
}

body.page-dashboard .visibility-action-tabs button:first-child {
  border-color: #b0000d;
  background: #b0000d;
  color: #fff;
}

body.page-dashboard .visibility-action-tabs button:first-child > svg {
  background: rgba(255, 255, 255, .18);
}

body.page-dashboard .visibility-action-tabs a:nth-child(2) {
  border-color: rgba(18, 140, 68, .28);
  color: #116c3b;
}

body.page-dashboard .visibility-action-tabs a:nth-child(2) > svg {
  background: #e8f9ef;
}

body.page-dashboard .visibility-action-tabs span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .visibility-link-bar,
body.page-dashboard .visibility-empty-bar {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(91, 70, 59, .13);
  border-radius: 8px;
  background: #fbfaf8;
}

body.page-dashboard .visibility-link-bar > span,
body.page-dashboard .visibility-empty-bar > span {
  width: 34px;
  height: 34px;
  background: #eefaf3;
  color: #148447;
}

body.page-dashboard .visibility-link-bar label {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: #4e3b32;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .visibility-link-bar input {
  width: 100%;
  min-width: 0;
  height: 30px;
  padding: 3px 8px;
  border: 1px solid rgba(91, 70, 59, .16);
  border-radius: 6px;
  background: #fff;
  color: #3d2a22;
  font-size: 11px;
  font-weight: 750;
  box-sizing: border-box;
}

body.page-dashboard .visibility-link-bar > p {
  margin: 0;
  color: #116c3b;
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}

body.page-dashboard .visibility-empty-bar > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.page-dashboard .visibility-empty-bar strong,
body.page-dashboard .visibility-empty-bar small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .visibility-empty-bar small {
  color: #685146;
  font-size: 11px;
}

body.page-dashboard .visibility-profile-panel {
  display: grid;
  gap: 10px;
}

body.page-dashboard .visibility-profile-heading {
  display: flex;
  gap: 10px;
  align-items: end;
  justify-content: space-between;
  min-width: 0;
  padding-inline: 2px;
}

body.page-dashboard .visibility-profile-heading > div {
  min-width: 0;
}

body.page-dashboard .visibility-profile-heading .eyebrow,
body.page-dashboard .visibility-profile-heading h2 {
  margin: 0;
}

body.page-dashboard .visibility-profile-heading h2 {
  color: #24140f;
  font-size: 20px;
  line-height: 1.15;
}

body.page-dashboard .visibility-profile-heading > span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(20, 132, 71, .18);
  border-radius: 8px;
  background: #eefaf3;
  color: #116c3b;
  font-size: 10px;
  font-weight: 900;
}

body.page-dashboard .visibility-profile-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

body.page-dashboard .visibility-profile-card[data-visibility-profile-card-v247] {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-left: 3px solid #d39a22;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(68, 37, 22, .055);
}

body.page-dashboard .visibility-profile-card[data-visibility-profile-card-v247].is-ready {
  border-left-color: #148447;
}

body.page-dashboard .visibility-profile-top {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .visibility-profile-top > span {
  width: 38px;
  height: 38px;
  background: #fff1e9;
  color: #b0000d;
}

body.page-dashboard .visibility-profile-top > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.page-dashboard .visibility-profile-top > div > strong,
body.page-dashboard .visibility-profile-top > div > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .visibility-profile-top > div > strong {
  color: #24140f;
  font-size: 14px;
}

body.page-dashboard .visibility-profile-top > div > small {
  color: #685146;
  font-size: 10px;
  font-weight: 750;
}

body.page-dashboard .visibility-profile-top > em {
  padding: 6px 7px;
  border-radius: 7px;
  background: #fff3d9;
  color: #8d5c00;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

body.page-dashboard .visibility-profile-card.is-ready .visibility-profile-top > em {
  background: #e8f9ef;
  color: #116c3b;
}

body.page-dashboard .visibility-meter {
  height: 5px;
  overflow: hidden;
  border-radius: 5px;
  background: #f1e6dc;
}

body.page-dashboard .visibility-meter > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #d39a22;
}

body.page-dashboard .visibility-profile-card.is-ready .visibility-meter > i {
  background: #148447;
}

body.page-dashboard .visibility-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 8px;
  background: #fff7ef;
}

body.page-dashboard .visibility-profile-stats > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 5px;
  border-right: 1px solid rgba(176, 0, 13, .1);
  text-align: center;
}

body.page-dashboard .visibility-profile-stats > span:last-child {
  border-right: 0;
}

body.page-dashboard .visibility-profile-stats strong {
  color: #24140f;
  font-size: 13px;
}

body.page-dashboard .visibility-profile-stats small {
  color: #685146;
  font-size: 9px;
  font-weight: 850;
}

body.page-dashboard .visibility-checklist {
  border: 1px solid rgba(91, 70, 59, .13);
  border-radius: 8px;
  background: #fbfaf8;
}

body.page-dashboard .visibility-checklist > summary {
  min-height: 38px;
  padding: 9px 11px;
  color: #741118;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  box-sizing: border-box;
}

body.page-dashboard .visibility-checklist > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0 8px 8px;
}

body.page-dashboard .visibility-checklist a,
body.page-dashboard .visibility-checklist span.is-ready {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
  min-height: 34px;
  padding: 5px 7px;
  border-radius: 7px;
  background: #fff;
  color: #5d191c;
  font-size: 10px;
  font-weight: 850;
  text-decoration: none;
}

body.page-dashboard .visibility-checklist span.is-ready {
  grid-column: 1 / -1;
  color: #116c3b;
}

body.page-dashboard .visibility-checklist svg {
  color: #b0000d;
}

body.page-dashboard .visibility-checklist span.is-ready svg {
  color: #148447;
}

body.page-dashboard .visibility-profile-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

body.page-dashboard .visibility-profile-actions .button {
  width: 100%;
  min-height: 36px;
  border-radius: 8px;
}

body.page-dashboard .visibility-empty-state {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .visibility-empty-state > span {
  width: 42px;
  height: 42px;
  background: #fff1e9;
  color: #b0000d;
}

@media (max-width: 760px) {
  body.page-dashboard .dashboard-section-seo > .dashboard-main > .visibility-center-panel {
    gap: 9px;
  }

  body.page-dashboard .visibility-center-app-shell[data-visibility-center-v247] {
    gap: 8px;
    padding: 8px;
  }

  body.page-dashboard .visibility-center-topbar {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .visibility-center-icon {
    width: 40px;
    height: 40px;
  }

  body.page-dashboard .visibility-center-topbar > div > strong {
    font-size: 15px;
  }

  body.page-dashboard .visibility-score-chip {
    min-width: 54px;
    min-height: 34px;
    padding: 4px 5px;
  }

  body.page-dashboard .visibility-score-chip strong {
    font-size: 12px;
  }

  body.page-dashboard .visibility-score-chip small {
    font-size: 7px;
  }

  body.page-dashboard .visibility-action-tabs {
    gap: 4px;
  }

  body.page-dashboard .visibility-action-tabs a,
  body.page-dashboard .visibility-action-tabs button {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 3px;
    min-height: 57px;
    padding: 5px 2px;
    font-size: 9px;
    text-align: center;
  }

  body.page-dashboard .visibility-action-tabs a > svg,
  body.page-dashboard .visibility-action-tabs button > svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .visibility-link-bar {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 7px;
    padding: 7px;
  }

  body.page-dashboard .visibility-link-bar > span {
    width: 30px;
    height: 30px;
  }

  body.page-dashboard .visibility-link-bar > p {
    grid-column: 1 / -1;
    text-align: center;
    white-space: normal;
  }

  body.page-dashboard .visibility-empty-bar {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  body.page-dashboard .visibility-empty-bar .button {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.page-dashboard .visibility-profile-heading h2 {
    font-size: 17px;
  }

  body.page-dashboard .visibility-profile-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  body.page-dashboard .visibility-profile-card[data-visibility-profile-card-v247] {
    padding: 9px;
  }

  body.page-dashboard .visibility-checklist > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .visibility-empty-state {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 10px;
  }

  body.page-dashboard .visibility-empty-state .button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 380px) {
  body.page-dashboard .visibility-center-app-shell[data-visibility-center-v247] {
    padding: 7px;
  }

  body.page-dashboard .visibility-action-tabs a,
  body.page-dashboard .visibility-action-tabs button {
    min-height: 54px;
    font-size: 8px;
  }

  body.page-dashboard .visibility-profile-top {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .visibility-profile-top > span {
    width: 34px;
    height: 34px;
  }

  body.page-dashboard .visibility-checklist a,
  body.page-dashboard .visibility-checklist span.is-ready {
    padding-inline: 5px;
    font-size: 9px;
  }
}

/* Phase 10: compact billing, plan and subscription control center. */
body.page-dashboard .dashboard-section-billing > .dashboard-main > .dashboard-section-switcher,
body.page-dashboard .dashboard-section-billing > .dashboard-main > .compact-actions,
body.page-dashboard .dashboard-section-billing > .dashboard-main > .section-guidance,
body.page-dashboard .dashboard-section-billing > .dashboard-main > .eyebrow,
body.page-dashboard .dashboard-section-billing > .dashboard-main > h1,
body.page-dashboard .dashboard-section-billing > .dashboard-main > .dashboard-help-drawer {
  display: none;
}

body.page-dashboard .dashboard-section-billing .dashboard-main,
body.page-dashboard .billing-center-app-shell-v248,
body.page-dashboard .billing-usage-panel-v248,
body.page-dashboard .billing-account-panel-v248,
body.page-dashboard .billing-admin-diagnostics-v248,
body.page-dashboard .billing-plan-picker-v248,
body.page-dashboard .billing-terms-v248 {
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}

body.page-dashboard .dashboard-section-billing > .dashboard-main > .billing-center-panel-v248 {
  display: grid;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dashboard .billing-center-app-shell-v248,
body.page-dashboard .billing-usage-panel-v248,
body.page-dashboard .billing-account-panel-v248,
body.page-dashboard .billing-plan-picker-v248,
body.page-dashboard .billing-terms-v248,
body.page-dashboard .billing-admin-diagnostics-v248 {
  border: 1px solid rgba(176, 0, 13, .15);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(68, 37, 22, .06);
}

body.page-dashboard .billing-center-app-shell-v248 {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-top: 3px solid #b0000d;
}

body.page-dashboard .billing-center-topbar-v248 {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

body.page-dashboard .billing-center-icon-v248,
body.page-dashboard .billing-attention-bar-v248 > span,
body.page-dashboard .billing-role-row-v248 span > svg,
body.page-dashboard .billing-usage-tile-v248 > span,
body.page-dashboard .billing-empty-v248 > span,
body.page-dashboard .billing-receipt-list-v248 article > span,
body.page-dashboard .billing-control-v248 > span,
body.page-dashboard .billing-plan-card-v248 > header > span {
  display: grid;
  place-items: center;
  border-radius: 8px;
}

body.page-dashboard .billing-center-icon-v248 {
  width: 44px;
  height: 44px;
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .billing-center-icon-v248 svg,
body.page-dashboard .billing-action-tabs-v248 svg,
body.page-dashboard .billing-attention-bar-v248 svg,
body.page-dashboard .billing-role-row-v248 svg,
body.page-dashboard .billing-usage-tile-v248 svg,
body.page-dashboard .billing-empty-v248 svg,
body.page-dashboard .billing-receipt-list-v248 svg,
body.page-dashboard .billing-control-v248 svg,
body.page-dashboard .billing-plan-card-v248 svg,
body.page-dashboard .billing-terms-v248 svg {
  width: 18px;
  height: 18px;
}

body.page-dashboard .billing-center-topbar-v248 > div {
  min-width: 0;
}

body.page-dashboard .billing-center-topbar-v248 .eyebrow,
body.page-dashboard .billing-center-topbar-v248 strong,
body.page-dashboard .billing-center-topbar-v248 small {
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-center-topbar-v248 > div > strong {
  color: #24140f;
  font-size: 18px;
  line-height: 1.2;
}

body.page-dashboard .billing-center-topbar-v248 > div > small {
  margin-top: 2px;
  color: #685146;
  font-size: 11px;
  font-weight: 800;
}

body.page-dashboard .billing-state-chip-v248 {
  display: grid;
  place-items: center;
  min-width: 72px;
  min-height: 40px;
  padding: 5px 8px;
  border: 1px solid rgba(183, 121, 0, .22);
  border-radius: 8px;
  background: #fff8e7;
  color: #8d5c00;
  line-height: 1;
}

body.page-dashboard .billing-state-chip-v248.tone-ready {
  border-color: rgba(20, 132, 71, .22);
  background: #eefaf3;
  color: #116c3b;
}

body.page-dashboard .billing-state-chip-v248.tone-action {
  border-color: rgba(176, 0, 13, .2);
  background: #fff0f0;
  color: #9b0008;
}

body.page-dashboard .billing-state-chip-v248 strong {
  max-width: 92px;
  color: inherit;
  font-size: 11px;
}

body.page-dashboard .billing-state-chip-v248 small {
  margin-top: 3px;
  color: inherit;
  font-size: 8px;
  font-weight: 900;
}

body.page-dashboard .billing-action-tabs-v248 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

body.page-dashboard .billing-action-tabs-v248 a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 7px 9px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fffaf7;
  color: #6f1419;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

body.page-dashboard .billing-action-tabs-v248 a > svg {
  box-sizing: content-box;
  padding: 4px;
  border-radius: 7px;
  background: #fff1e9;
}

body.page-dashboard .billing-action-tabs-v248 a:first-child {
  border-color: #b0000d;
  background: #b0000d;
  color: #fff;
}

body.page-dashboard .billing-action-tabs-v248 a:first-child > svg {
  background: rgba(255, 255, 255, .18);
}

body.page-dashboard .billing-action-tabs-v248 a:nth-child(2) {
  border-color: rgba(20, 132, 71, .24);
  color: #116c3b;
}

body.page-dashboard .billing-action-tabs-v248 a:nth-child(2) > svg {
  background: #e8f9ef;
}

body.page-dashboard .billing-action-tabs-v248 a:nth-child(3) {
  border-color: rgba(31, 110, 164, .22);
  color: #1f628f;
}

body.page-dashboard .billing-action-tabs-v248 a:nth-child(3) > svg {
  background: #eef7fd;
}

body.page-dashboard .billing-action-tabs-v248 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-account-strip-v248 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(91, 70, 59, .12);
  border-radius: 8px;
  background: #fbfaf8;
}

body.page-dashboard .billing-account-strip-v248 > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border-right: 1px solid rgba(91, 70, 59, .1);
  text-align: center;
}

body.page-dashboard .billing-account-strip-v248 > span:last-child {
  border-right: 0;
}

body.page-dashboard .billing-account-strip-v248 small,
body.page-dashboard .billing-account-strip-v248 strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-account-strip-v248 small {
  color: #80685c;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .billing-account-strip-v248 strong {
  color: #2a1913;
  font-size: 11px;
}

body.page-dashboard .billing-attention-bar-v248 {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  border: 1px solid rgba(183, 121, 0, .22);
  border-radius: 8px;
  background: #fff8e7;
}

body.page-dashboard .billing-attention-bar-v248 > span {
  width: 38px;
  height: 38px;
  background: #fff;
  color: #9a6800;
}

body.page-dashboard .billing-attention-bar-v248 > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.page-dashboard .billing-attention-bar-v248 strong,
body.page-dashboard .billing-attention-bar-v248 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-attention-bar-v248 small {
  color: #6a5039;
  font-size: 10px;
}

body.page-dashboard .billing-usage-panel-v248,
body.page-dashboard .billing-plan-picker-v248 {
  display: grid;
  gap: 10px;
  padding: 12px;
}

body.page-dashboard .billing-section-head-v248 {
  display: flex;
  gap: 10px;
  align-items: end;
  justify-content: space-between;
  min-width: 0;
}

body.page-dashboard .billing-section-head-v248 > div {
  min-width: 0;
}

body.page-dashboard .billing-section-head-v248 .eyebrow,
body.page-dashboard .billing-section-head-v248 h2 {
  margin: 0;
}

body.page-dashboard .billing-section-head-v248 h2 {
  color: #24140f;
  font-size: 20px;
  line-height: 1.15;
}

body.page-dashboard .billing-section-head-v248 > span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(176, 0, 13, .14);
  border-radius: 8px;
  background: #fff3e8;
  color: #8d1a20;
  font-size: 10px;
  font-weight: 900;
}

body.page-dashboard .billing-section-head-v248 > .button {
  flex: 0 0 auto;
  width: max-content;
  min-height: 34px;
  padding: 6px 10px;
}

body.page-dashboard .billing-role-row-v248 {
  display: flex;
  gap: 6px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-dashboard .billing-role-row-v248 > span {
  display: grid;
  grid-template-columns: 22px auto;
  gap: 6px;
  align-items: center;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 5px 8px;
  border-radius: 8px;
  background: #eefaf3;
  color: #116c3b;
  font-size: 10px;
}

body.page-dashboard .billing-role-row-v248 span > svg {
  width: 22px;
  height: 22px;
  padding: 3px;
  background: #fff;
}

body.page-dashboard .billing-usage-grid-v248 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

body.page-dashboard .billing-usage-tile-v248 {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(91, 70, 59, .13);
  border-radius: 8px;
  background: #fbfaf8;
  color: #4d342b;
  text-decoration: none;
}

body.page-dashboard .billing-usage-tile-v248 > span {
  width: 34px;
  height: 34px;
  background: #fff1e9;
  color: #b0000d;
}

body.page-dashboard .billing-usage-tile-v248.is-open:nth-child(2) > span {
  background: #fff8df;
  color: #a66c00;
}

body.page-dashboard .billing-usage-tile-v248.is-open:nth-child(3) > span {
  background: #e8f9ef;
  color: #148447;
}

body.page-dashboard .billing-usage-tile-v248.is-open:nth-child(4) > span {
  background: #eef7fd;
  color: #1f6ea4;
}

body.page-dashboard .billing-usage-tile-v248 > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.page-dashboard .billing-usage-tile-v248 strong,
body.page-dashboard .billing-usage-tile-v248 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-usage-tile-v248 strong {
  font-size: 11px;
}

body.page-dashboard .billing-usage-tile-v248 small {
  color: #745d51;
  font-size: 9px;
  font-weight: 750;
}

body.page-dashboard .billing-usage-tile-v248 > em {
  color: #116c3b;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-dashboard .billing-usage-tile-v248.is-locked > em {
  color: #9b0008;
}

body.page-dashboard .billing-usage-tile-v248 > i {
  grid-column: 1 / -1;
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 4px;
  background: #eee2d8;
}

body.page-dashboard .billing-usage-tile-v248 > i > b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #148447;
}

body.page-dashboard .billing-account-panel-v248 {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 0;
  overflow: hidden;
}

body.page-dashboard .billing-receipts-v248,
body.page-dashboard .billing-control-v248 {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

body.page-dashboard .billing-receipts-v248 {
  border-right: 1px solid rgba(176, 0, 13, .12);
}

body.page-dashboard .billing-empty-v248 {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  background: #fbfaf8;
}

body.page-dashboard .billing-empty-v248 > span,
body.page-dashboard .billing-receipt-list-v248 article > span {
  width: 38px;
  height: 38px;
  background: #eef7fd;
  color: #1f6ea4;
}

body.page-dashboard .billing-empty-v248 > strong {
  font-size: 12px;
}

body.page-dashboard .billing-empty-v248 > small {
  grid-column: 2;
  margin-top: -8px;
  color: #745d51;
  font-size: 10px;
}

body.page-dashboard .billing-receipt-list-v248 {
  display: grid;
  gap: 6px;
}

body.page-dashboard .billing-receipt-list-v248 article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: #fbfaf8;
}

body.page-dashboard .billing-receipt-list-v248 article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.page-dashboard .billing-receipt-list-v248 strong,
body.page-dashboard .billing-receipt-list-v248 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-receipt-list-v248 strong {
  font-size: 11px;
}

body.page-dashboard .billing-receipt-list-v248 small {
  color: #745d51;
  font-size: 9px;
}

body.page-dashboard .billing-receipt-list-v248 article > a {
  color: #9b0008;
  font-size: 10px;
  font-weight: 900;
}

body.page-dashboard .billing-control-v248 {
  grid-template-columns: 42px minmax(0, 1fr);
}

body.page-dashboard .billing-control-v248 > span {
  width: 42px;
  height: 42px;
  background: #fff8df;
  color: #9a6800;
}

body.page-dashboard .billing-control-v248.tone-ready > span {
  background: #e8f9ef;
  color: #148447;
}

body.page-dashboard .billing-control-v248.tone-action > span {
  background: #fff0f0;
  color: #b0000d;
}

body.page-dashboard .billing-control-v248 > div {
  min-width: 0;
}

body.page-dashboard .billing-control-v248 .eyebrow,
body.page-dashboard .billing-control-v248 h2,
body.page-dashboard .billing-control-v248 small {
  margin: 0;
}

body.page-dashboard .billing-control-v248 h2 {
  color: #24140f;
  font-size: 16px;
  line-height: 1.15;
}

body.page-dashboard .billing-control-v248 small {
  display: block;
  margin-top: 3px;
  color: #685146;
  font-size: 10px;
  line-height: 1.3;
}

body.page-dashboard .billing-control-v248 > .button,
body.page-dashboard .billing-manage-drawer-v248 {
  grid-column: 1 / -1;
}

body.page-dashboard .billing-control-v248 > .button {
  width: 100%;
}

body.page-dashboard .billing-manage-drawer-v248 {
  border-top: 1px solid rgba(176, 0, 13, .12);
}

body.page-dashboard .billing-manage-drawer-v248 > summary {
  padding: 9px 2px 4px;
  color: #8d1a20;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

body.page-dashboard .billing-manage-drawer-v248 form,
body.page-dashboard .billing-manage-drawer-v248 .button {
  width: 100%;
}

body.page-dashboard .billing-admin-diagnostics-v248,
body.page-dashboard .billing-terms-v248 {
  padding: 0;
  overflow: hidden;
}

body.page-dashboard .billing-admin-diagnostics-v248 > summary,
body.page-dashboard .billing-terms-v248 > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 9px 12px;
  color: #741118;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  box-sizing: border-box;
}

body.page-dashboard .billing-admin-diagnostics-v248 > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 0 10px 10px;
}

body.page-dashboard .billing-admin-diagnostics-v248 > div > span {
  padding: 7px;
  border-radius: 7px;
  background: #fbfaf8;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
}

body.page-dashboard .billing-plan-carousel-v248 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body.page-dashboard .billing-plan-card-v248[data-billing-plan-v248] {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  gap: 9px;
  min-width: 0;
  min-height: 370px;
  padding: 10px;
  border: 1px solid rgba(176, 0, 13, .15);
  border-top: 3px solid #cf8f2b;
  border-radius: 8px;
  background: #fff;
}

body.page-dashboard .billing-plan-card-v248[data-billing-plan-v248]:nth-child(2) {
  border-top-color: #1f6ea4;
}

body.page-dashboard .billing-plan-card-v248[data-billing-plan-v248]:nth-child(3) {
  border-top-color: #148447;
}

body.page-dashboard .billing-plan-card-v248[data-billing-plan-v248]:nth-child(4) {
  border-top-color: #b0000d;
}

body.page-dashboard .billing-plan-card-v248[data-billing-plan-v248].is-current {
  border-width: 2px;
  border-top-width: 4px;
  border-color: #b0000d;
  box-shadow: 0 8px 20px rgba(176, 0, 13, .1);
}

body.page-dashboard .billing-plan-card-v248 > header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

body.page-dashboard .billing-plan-card-v248 > header > span {
  width: 38px;
  height: 38px;
  background: #fff1e9;
  color: #b0000d;
}

body.page-dashboard .billing-plan-card-v248 > header > em {
  padding: 5px 7px;
  border-radius: 7px;
  background: #fff8df;
  color: #8d5c00;
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

body.page-dashboard .billing-plan-card-v248 > div {
  min-width: 0;
}

body.page-dashboard .billing-plan-card-v248 h3,
body.page-dashboard .billing-plan-card-v248 p {
  margin: 0;
}

body.page-dashboard .billing-plan-card-v248 h3 {
  color: #24140f;
  font-size: 16px;
  line-height: 1.15;
}

body.page-dashboard .billing-plan-card-v248 p {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  color: #685146;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.page-dashboard .billing-plan-price-v248 {
  color: #9b0008;
  font-size: 21px;
  line-height: 1;
}

body.page-dashboard .billing-plan-price-v248 small {
  color: #745d51;
  font-size: 9px;
}

body.page-dashboard .billing-global-price-v248 {
  color: #685146;
  font-size: 9px;
  font-weight: 800;
}

body.page-dashboard .billing-plan-limits-v248 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 0;
}

body.page-dashboard .billing-plan-limits-v248 > div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 5px;
  border-radius: 7px;
  background: #fbfaf8;
  text-align: center;
}

body.page-dashboard .billing-plan-limits-v248 dt,
body.page-dashboard .billing-plan-limits-v248 dd {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-dashboard .billing-plan-limits-v248 dt {
  color: #80685c;
  font-size: 8px;
  font-weight: 850;
}

body.page-dashboard .billing-plan-limits-v248 dd {
  color: #2a1913;
  font-size: 10px;
  font-weight: 950;
}

body.page-dashboard .billing-plan-card-v248 > .button,
body.page-dashboard .billing-plan-card-v248 > form,
body.page-dashboard .billing-plan-card-v248 > form .button {
  align-self: end;
  width: 100%;
}

body.page-dashboard .billing-plan-card-v248 > form {
  display: grid;
  gap: 6px;
}

body.page-dashboard .billing-plan-card-v248 > form label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  margin: 0;
  font-size: 9px;
}

body.page-dashboard .billing-plan-card-v248 > form select {
  min-width: 0;
  height: 32px;
  padding: 4px 7px;
  border-radius: 7px;
  font-size: 10px;
}

body.page-dashboard .billing-plan-card-v248 .button {
  min-height: 38px;
  border-radius: 8px;
  font-size: 10px;
}

body.page-dashboard .billing-terms-v248 > ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0 10px 10px 28px;
}

body.page-dashboard .billing-terms-v248 li {
  padding: 7px;
  color: #5d463b;
  font-size: 10px;
  line-height: 1.35;
}

@media (max-width: 900px) {
  body.page-dashboard .billing-usage-grid-v248 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-dashboard .billing-account-panel-v248 {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-dashboard .billing-receipts-v248 {
    border-right: 0;
    border-bottom: 1px solid rgba(176, 0, 13, .12);
  }

  body.page-dashboard .billing-plan-carousel-v248 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.page-dashboard .dashboard-section-billing > .dashboard-main > .billing-center-panel-v248 {
    gap: 9px;
  }

  body.page-dashboard .billing-center-app-shell-v248,
  body.page-dashboard .billing-usage-panel-v248,
  body.page-dashboard .billing-plan-picker-v248 {
    padding: 8px;
  }

  body.page-dashboard .billing-center-topbar-v248 {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 7px;
  }

  body.page-dashboard .billing-center-icon-v248 {
    width: 40px;
    height: 40px;
  }

  body.page-dashboard .billing-center-topbar-v248 > div > strong {
    font-size: 15px;
  }

  body.page-dashboard .billing-state-chip-v248 {
    min-width: 56px;
    min-height: 34px;
    padding: 4px 5px;
  }

  body.page-dashboard .billing-state-chip-v248 strong {
    max-width: 64px;
    font-size: 9px;
  }

  body.page-dashboard .billing-action-tabs-v248 {
    gap: 4px;
  }

  body.page-dashboard .billing-action-tabs-v248 a {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 3px;
    min-height: 57px;
    padding: 5px 2px;
    font-size: 9px;
    text-align: center;
  }

  body.page-dashboard .billing-action-tabs-v248 a > svg {
    width: 15px;
    height: 15px;
  }

  body.page-dashboard .billing-account-strip-v248 > span {
    padding: 7px 3px;
  }

  body.page-dashboard .billing-account-strip-v248 small {
    font-size: 7px;
  }

  body.page-dashboard .billing-account-strip-v248 strong {
    font-size: 9px;
  }

  body.page-dashboard .billing-attention-bar-v248 {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 8px;
  }

  body.page-dashboard .billing-attention-bar-v248 > span {
    width: 36px;
    height: 36px;
  }

  body.page-dashboard .billing-attention-bar-v248 .button {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.page-dashboard .billing-section-head-v248 h2 {
    font-size: 17px;
  }

  body.page-dashboard .billing-usage-grid-v248 {
    gap: 5px;
  }

  body.page-dashboard .billing-usage-tile-v248 {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 6px;
    padding: 7px;
  }

  body.page-dashboard .billing-usage-tile-v248 > span {
    width: 30px;
    height: 30px;
  }

  body.page-dashboard .billing-usage-tile-v248 > em {
    grid-column: 1 / -1;
    text-align: center;
  }

  body.page-dashboard .billing-receipts-v248,
  body.page-dashboard .billing-control-v248 {
    padding: 9px;
  }

  body.page-dashboard .billing-plan-carousel-v248 {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(250px, 82%);
    justify-content: start;
    gap: 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }

  body.page-dashboard .billing-plan-card-v248[data-billing-plan-v248] {
    min-height: 350px;
    scroll-snap-align: start;
  }

  body.page-dashboard .billing-admin-diagnostics-v248 > div,
  body.page-dashboard .billing-terms-v248 > ul {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 380px) {
  body.page-dashboard .billing-center-app-shell-v248,
  body.page-dashboard .billing-usage-panel-v248,
  body.page-dashboard .billing-plan-picker-v248 {
    padding: 7px;
  }

  body.page-dashboard .billing-action-tabs-v248 a {
    min-height: 54px;
    font-size: 8px;
  }

  body.page-dashboard .billing-account-strip-v248 strong {
    font-size: 8px;
  }

  body.page-dashboard .billing-usage-tile-v248 strong {
    font-size: 10px;
  }

  body.page-dashboard .billing-plan-carousel-v248 {
    grid-auto-columns: minmax(242px, 86%);
  }
}

/* A2 source: assets/css/design-system.v1.css */
/* Phase 2 design-system primitives. Keep this bundle free of priority overrides. */
:root {
  --ms-color-brand: #b0000d;
  --ms-color-brand-strong: #8f0009;
  --ms-color-accent: #087a55;
  --ms-color-ink: #211612;
  --ms-color-muted: #695247;
  --ms-color-surface: #fff;
  --ms-color-surface-soft: #fff9f1;
  --ms-color-border: #ead8c5;
  --ms-space-1: 4px;
  --ms-space-2: 8px;
  --ms-space-3: 12px;
  --ms-space-4: 16px;
  --ms-space-5: 24px;
  --ms-space-6: 32px;
  --ms-radius-control: 7px;
  --ms-radius-card: 8px;
  --ms-shadow-card: 0 12px 30px rgba(73, 39, 22, .08);
  --ms-shell: min(1180px, calc(100% - 32px));
  --ms-shell-wide: min(1380px, calc(100% - 32px));
  --ms-focus-ring: 0 0 0 3px rgba(176, 0, 13, .2);
}

body.phase2-design-system,
body.phase2-design-system *,
body.phase2-design-system *::before,
body.phase2-design-system *::after {
  box-sizing: border-box;
}

body.phase2-design-system :is(img, video, canvas, svg) {
  max-width: 100%;
}

body.phase2-design-system :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--ms-color-brand);
  outline-offset: 2px;
  box-shadow: var(--ms-focus-ring);
}

.ui-shell,
.ui-container {
  width: var(--ms-shell);
  max-width: 100%;
  margin-inline: auto;
}

.ui-shell-wide {
  width: var(--ms-shell-wide);
}

.ui-stack {
  display: grid;
  gap: var(--ui-stack-gap, var(--ms-space-4));
  min-width: 0;
}

.ui-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-cluster-gap, var(--ms-space-2));
  min-width: 0;
}

.ui-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--ui-grid-min, 240px), 100%), 1fr));
  gap: var(--ui-grid-gap, var(--ms-space-4));
  min-width: 0;
}

.ui-card,
.ui-state {
  min-width: 0;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface);
  box-shadow: var(--ms-shadow-card);
}

.ui-card {
  padding: var(--ui-card-padding, var(--ms-space-4));
}

.ui-button,
.ui-icon-button {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: var(--ms-space-2);
  border: 1px solid var(--ms-color-brand);
  border-radius: var(--ms-radius-control);
  background: var(--ms-color-brand);
  color: #fff;
  font: inherit;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.ui-button {
  padding: 10px 16px;
}

.ui-icon-button {
  width: 44px;
  padding: 0;
}

.ui-button:hover,
.ui-icon-button:hover {
  background: var(--ms-color-brand-strong);
}

.ui-button.is-secondary {
  border-color: var(--ms-color-border);
  background: var(--ms-color-surface);
  color: var(--ms-color-brand);
}

.ui-field {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--ms-color-ink);
  font-weight: 700;
}

.ui-field :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  background: var(--ms-color-surface);
  color: var(--ms-color-ink);
  font: inherit;
}

.ui-field :is(input, select) {
  padding: 9px 11px;
}

.ui-field textarea {
  min-height: 120px;
  padding: 11px;
  resize: vertical;
}

.ui-tabs,
.ui-segmented {
  display: flex;
  width: 100%;
  min-width: 0;
  gap: var(--ms-space-1);
  padding: var(--ms-space-1);
  overflow-x: auto;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface-soft);
  scrollbar-width: thin;
}

.ui-tabs > *,
.ui-segmented > * {
  flex: 1 0 auto;
  min-height: 40px;
}

.ui-dialog,
.ui-sheet {
  width: min(560px, calc(100% - 24px));
  max-width: 100%;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface);
  box-shadow: 0 24px 60px rgba(48, 24, 12, .18);
}

.ui-dialog {
  margin: auto;
  padding: var(--ms-space-5);
}

.ui-sheet {
  position: fixed;
  right: 12px;
  bottom: 12px;
  padding: var(--ms-space-4);
}

.ui-state {
  display: grid;
  justify-items: center;
  gap: var(--ms-space-2);
  padding: var(--ms-space-5);
  color: var(--ms-color-muted);
  text-align: center;
}

.ui-state > :is(h2, h3, p) {
  max-width: 58ch;
  margin: 0;
}

.ui-skeleton {
  min-height: 16px;
  border-radius: var(--ms-radius-control);
  background: linear-gradient(90deg, #f4e8dc 20%, #fff8f0 50%, #f4e8dc 80%);
  background-size: 200% 100%;
  animation: ui-skeleton-shift 1.4s linear infinite;
}

@keyframes ui-skeleton-shift {
  to { background-position: -200% 0; }
}

/* Phase 1 responsive repair targets. */
@media (max-width: 560px) {
  body.phase2-design-system.route-onboarding .onboarding-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  body.phase2-design-system.route-onboarding .onboarding-topbar > * {
    min-width: 0;
    max-width: 100%;
  }

  body.phase2-design-system.route-onboarding .onboarding-topbar .button {
    width: auto;
    max-width: 100%;
    padding-inline: 10px;
    white-space: normal;
  }

  body.phase2-design-system.route-onboarding .onboarding-command-action {
    min-width: 0;
  }

  body.phase2-design-system.route-onboarding .onboarding-command-action .button {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
  }

  body.phase2-design-system.page-dashboard .provider-listing-card > form,
  body.phase2-design-system.page-dashboard .provider-listing-card > form .button {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  body.phase2-design-system:is(.route-products, .route-gallery) .compact-buying-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.phase2-design-system:is(.route-products, .route-gallery) .compact-buying-checklist details {
    min-width: 0;
    aspect-ratio: auto;
  }

  body.phase2-design-system:is(.route-products, .route-gallery) .compact-buying-checklist details p {
    width: auto;
    max-width: 34ch;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  :root {
    --ms-shell: min(100%, calc(100% - 20px));
    --ms-shell-wide: min(100%, calc(100% - 20px));
  }

  .ui-cluster[data-mobile-scroll="true"] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
  }

  .ui-cluster[data-mobile-scroll="true"] > * {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .ui-dialog {
    padding: var(--ms-space-4);
  }

  .ui-sheet {
    right: 8px;
    bottom: 8px;
    width: calc(100% - 16px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ui-skeleton {
    animation: none;
  }
}

/* Phase 5 customer discovery: approved Home -> Artists -> Profile -> Inquiry slice. */
body.phase5-customer-discovery {
  background: var(--ms-color-surface-soft);
  color: var(--ms-color-ink);
}

body.phase5-customer-discovery .app-main {
  min-width: 0;
}

.footer-poster-shell .footer-bg-poster {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #211813;
  background-image: linear-gradient(rgba(33, 24, 19, .9), rgba(33, 24, 19, .94)), url('../img/premium/footer-background-poster.webp');
  background-position: center;
  background-size: cover;
}

.footer-poster-shell .footer-video-overlay {
  pointer-events: none;
}

.discovery-v1-eyebrow {
  margin: 0;
  color: var(--ms-color-brand);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.discovery-v1-lead {
  margin: 0;
  color: var(--ms-color-muted);
  font-size: 15px;
  line-height: 1.5;
}

.discovery-v1-actions {
  display: flex;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
}

.discovery-v1-actions > * {
  flex: 1 1 0;
}

.discovery-v1-home {
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 640px);
  gap: 80px;
  width: min(1280px, calc(100% - 64px));
  min-height: 650px;
  margin-inline: auto;
  padding-block: 72px;
}

.discovery-v1-home__primary,
.discovery-v1-home__result {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
}

.discovery-v1-home h1,
.discovery-v1-directory-heading h1,
.discovery-v1-profile h1,
.discovery-v1-profile h2,
.discovery-v1-inquiry h2 {
  margin: 0;
  color: var(--ms-color-ink);
  font-family: Fraunces, Georgia, serif;
  font-weight: 650;
  line-height: 1.12;
}

.discovery-v1-home h1,
.discovery-v1-directory-heading h1,
.discovery-v1-profile h1 {
  font-size: clamp(30px, 3vw, 44px);
}

.discovery-v1-home__result > h2,
.artist-results-summary h2 {
  margin: 0;
  color: var(--ms-color-ink);
  font-size: 18px;
  line-height: 1.3;
}

.discovery-v1-search {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.discovery-v1-search .ui-field small,
.discovery-v1-inquiry .ui-field small {
  color: var(--ms-color-muted);
  font-size: 12px;
  font-weight: 400;
}

.discovery-v1-search__control {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: var(--ms-space-2);
  padding-inline: var(--ms-space-3);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  background: var(--ms-color-surface);
}

.discovery-v1-search__control:focus-within {
  border-color: var(--ms-color-brand);
  box-shadow: var(--ms-focus-ring);
}

.discovery-v1-search__control input {
  min-height: 44px;
  padding: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
}

.discovery-v1-search__icon,
.discovery-v1-search__icon svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.discovery-v1-provider-card {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface);
  box-shadow: var(--ms-shadow-card);
}

.discovery-v1-provider-card.is-hidden,
.discovery-v1-provider-card.is-filtered-out,
.discovery-v1-provider-grid.is-hidden {
  display: none;
}

.discovery-v1-provider-card__media {
  display: flex;
  min-height: 220px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--ms-space-2);
  overflow: hidden;
  background: var(--ms-color-surface-soft);
  color: var(--ms-color-muted);
  font-size: 12px;
  font-weight: 650;
  text-align: center;
}

.discovery-v1-provider-card__media > img:not(.discovery-v1-provider-card__placeholder-icon) {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.discovery-v1-provider-card__placeholder-icon {
  width: 32px;
  height: 32px;
}

.discovery-v1-provider-card__body {
  display: grid;
  align-content: start;
  gap: var(--ms-space-2);
  min-width: 0;
  padding: var(--ms-space-4);
}

.discovery-v1-provider-card__body h3 {
  margin: 0;
  color: var(--ms-color-ink);
  font-size: 20px;
  line-height: 1.2;
}

.discovery-v1-provider-card__body > strong {
  color: var(--ms-color-ink);
  font-size: 14px;
}

.discovery-v1-provider-card__body p,
.discovery-v1-provider-card__body small {
  margin: 0;
  color: var(--ms-color-muted);
  font-size: 14px;
  line-height: 1.4;
}

.discovery-v1-provider-card__body .ui-button {
  align-self: end;
  justify-self: stretch;
  margin-top: auto;
}

.discovery-v1-directory-heading {
  display: grid;
  gap: 12px;
  width: min(1280px, calc(100% - 64px));
  margin-inline: auto;
  padding: 56px 0 18px;
}

body.phase5-customer-discovery.route-artists .artist-directory-workspace-section {
  width: 100%;
  padding: 0 32px 72px;
}

body.phase5-customer-discovery.route-artists .artist-directory-workspace {
  display: grid;
  grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
  align-items: start;
  gap: 48px;
  width: min(1280px, 100%);
  margin-inline: auto;
}

body.phase5-customer-discovery.route-artists .artist-filter-panel {
  position: sticky;
  top: 96px;
  min-width: 0;
}

body.phase5-customer-discovery.route-artists .artist-filter-card {
  display: grid;
  gap: var(--ms-space-4);
  padding: var(--ms-space-5);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface);
}

body.phase5-customer-discovery.route-artists .artist-filter-form,
body.phase5-customer-discovery.route-artists .artist-filter-left,
body.phase5-customer-discovery.route-artists .artist-filter-right,
body.phase5-customer-discovery.route-artists .artist-filter-group {
  display: grid;
  gap: 12px;
  min-width: 0;
}

body.phase5-customer-discovery.route-artists .artist-filter-form label {
  display: grid;
  gap: 6px;
  color: var(--ms-color-ink);
  font-size: 14px;
  font-weight: 700;
}

body.phase5-customer-discovery.route-artists .artist-filter-form :is(input, select) {
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  background: var(--ms-color-surface);
  color: var(--ms-color-ink);
  font: inherit;
}

body.phase5-customer-discovery.route-artists .artist-helper-select,
body.phase5-customer-discovery.route-artists .artist-filter-right,
body.phase5-customer-discovery.route-artists .artist-quick-signals-group,
body.phase5-customer-discovery.route-artists .artist-filter-location-row {
  display: none;
}

body.phase5-customer-discovery.route-artists .artist-filter-actions {
  display: flex;
  gap: 10px;
}

body.phase5-customer-discovery.route-artists .artist-filter-actions .button {
  min-height: 44px;
}

body.phase5-customer-discovery.route-artists .mobile-filter-toggle {
  display: none;
}

body.phase5-customer-discovery.route-artists .artist-filter-close {
  display: none;
}

body.phase5-customer-discovery.route-artists .artist-results-panel,
body.phase5-customer-discovery.route-artists .artist-results-summary > div {
  display: grid;
  gap: var(--ms-space-4);
  min-width: 0;
}

body.phase5-customer-discovery.route-artists .artist-results-summary p {
  margin: 0;
  color: var(--ms-color-muted);
}

.discovery-v1-filter-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.discovery-v1-filter-summary > * {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--ms-color-border);
  border-radius: 999px;
  background: var(--ms-color-surface);
  color: var(--ms-color-muted);
  font-size: 12px;
  text-decoration: none;
}

.discovery-v1-provider-grid {
  display: grid;
  gap: var(--ms-space-4);
  min-width: 0;
}

body.phase5-customer-discovery.route-artists .artist-live-empty-state {
  min-height: 240px;
}

.discovery-v1-directory-followup,
.discovery-v1-directory-faq {
  width: min(1280px, calc(100% - 64px));
  margin-inline: auto;
  padding-bottom: var(--ms-space-6);
}

.discovery-v1-directory-prompt {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
  align-items: center;
  gap: var(--ms-space-5);
  padding: var(--ms-space-5);
}

.discovery-v1-directory-prompt h2,
.discovery-v1-directory-faq h2,
.discovery-v1-directory-faq h3 {
  margin: 0;
  color: var(--ms-color-ink);
}

.discovery-v1-directory-prompt > div:first-child,
.discovery-v1-directory-faq > .discovery-v1-section-heading {
  display: grid;
  gap: var(--ms-space-2);
}

.discovery-v1-directory-prompt p,
.discovery-v1-faq-item p {
  margin: 0;
  color: var(--ms-color-muted);
  line-height: 1.6;
}

.discovery-v1-faq-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ms-space-4);
  margin-top: var(--ms-space-4);
}

.discovery-v1-faq-groups > section {
  min-width: 0;
  padding: var(--ms-space-4);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface);
}

.discovery-v1-faq-groups h3 {
  margin-bottom: var(--ms-space-2);
  font-size: 16px;
}

.discovery-v1-faq-item {
  border-top: 1px solid var(--ms-color-border);
}

.discovery-v1-faq-item summary {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: var(--ms-space-2);
  cursor: pointer;
  color: var(--ms-color-ink);
  font-size: 14px;
  font-weight: 700;
  list-style: none;
}

.discovery-v1-faq-item summary::-webkit-details-marker {
  display: none;
}

.discovery-v1-faq-item summary::after {
  content: '+';
  flex: 0 0 auto;
  color: var(--ms-color-brand);
  font-size: 20px;
}

.discovery-v1-faq-item[open] summary::after {
  content: '\2212';
}

.discovery-v1-faq-item p {
  padding: 0 0 var(--ms-space-3);
  font-size: 13px;
}

.discovery-v1-profile {
  display: grid;
  gap: 0;
  min-width: 0;
}

.discovery-v1-profile__hero,
.discovery-v1-profile__section {
  width: min(1280px, calc(100% - 64px));
  margin-inline: auto;
}

.discovery-v1-profile__hero {
  display: grid;
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  gap: 80px;
  padding-block: 72px;
}

.discovery-v1-profile__media {
  display: flex;
  min-height: 360px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--ms-space-3);
  overflow: hidden;
  border-radius: var(--ms-radius-card);
  background: var(--ms-color-surface-soft);
  color: var(--ms-color-muted);
  font-size: 13px;
  font-weight: 650;
}

.discovery-v1-profile__media > img:not([src$="profile-placeholder.svg"]) {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.discovery-v1-profile__details {
  display: grid;
  align-content: start;
  gap: var(--ms-space-4);
  min-width: 0;
}

.discovery-v1-profile__role {
  color: var(--ms-color-brand);
  font-size: 15px;
}

.discovery-v1-profile__location {
  margin: -8px 0 0;
  color: var(--ms-color-muted);
  font-size: 14px;
}

.discovery-v1-profile__sections {
  display: grid;
  gap: var(--ms-space-2);
}

.discovery-v1-profile__sections a {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: var(--ms-space-3);
  padding: 10px 12px;
  border: 1px solid var(--ms-color-border);
  background: var(--ms-color-surface);
  color: var(--ms-color-ink);
  font-size: 13px;
  text-decoration: none;
}

.discovery-v1-profile__sections a span {
  color: var(--ms-color-muted);
  text-align: right;
}

.discovery-v1-profile__section {
  display: grid;
  gap: var(--ms-space-5);
  padding-block: 64px;
  scroll-margin-top: 96px;
}

.discovery-v1-profile__section + .discovery-v1-profile__section {
  border-top: 1px solid var(--ms-color-border);
}

.discovery-v1-section-heading {
  display: grid;
  gap: var(--ms-space-2);
  max-width: 760px;
}

.discovery-v1-section-heading h2,
.discovery-v1-inquiry h2 {
  font-size: clamp(26px, 2.4vw, 34px);
}

.discovery-v1-section-heading p,
.discovery-v1-profile__about > p,
.discovery-v1-inquiry__header > p {
  margin: 0;
  color: var(--ms-color-muted);
  line-height: 1.6;
}

.discovery-v1-portfolio-grid,
.discovery-v1-offer-grid,
.discovery-v1-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ms-space-4);
  min-width: 0;
}

.discovery-v1-portfolio-grid figure {
  display: grid;
  gap: var(--ms-space-2);
  min-width: 0;
  margin: 0;
}

.discovery-v1-portfolio-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--ms-radius-card);
  object-fit: cover;
}

.discovery-v1-portfolio-grid figcaption,
.discovery-v1-review-card small {
  color: var(--ms-color-muted);
  font-size: 13px;
}

.discovery-v1-offer-card,
.discovery-v1-review-card {
  display: grid;
  align-content: start;
  gap: var(--ms-space-3);
}

.discovery-v1-offer-card > span {
  color: var(--ms-color-brand);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.discovery-v1-offer-card h3,
.discovery-v1-review-card h3 {
  margin: 0;
  color: var(--ms-color-ink);
  font-size: 20px;
}

.discovery-v1-offer-card p,
.discovery-v1-review-card p,
.discovery-v1-offer-card ul {
  margin: 0;
  color: var(--ms-color-muted);
  line-height: 1.5;
}

.discovery-v1-offer-card ul {
  padding-left: 20px;
}

.discovery-v1-inquiry-section {
  justify-items: center;
}

.discovery-v1-inquiry {
  display: grid;
  gap: var(--ms-space-4);
  width: min(720px, 100%);
  padding: var(--ms-space-5);
}

.discovery-v1-inquiry__header {
  display: grid;
  gap: var(--ms-space-3);
}

.discovery-v1-inquiry__progress {
  height: 4px;
  overflow: hidden;
  background: var(--ms-color-surface-soft);
}

.discovery-v1-inquiry__progress span {
  display: block;
  width: 33.333%;
  height: 100%;
  background: var(--ms-color-brand);
  transition: width .2s ease;
}

.discovery-v1-inquiry fieldset {
  display: grid;
  gap: var(--ms-space-4);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.discovery-v1-inquiry.is-enhanced fieldset {
  display: none;
}

.discovery-v1-inquiry.is-enhanced fieldset.is-active {
  display: grid;
}

.discovery-v1-inquiry:not(.is-enhanced) [data-inquiry-next],
.discovery-v1-inquiry:not(.is-enhanced) [data-inquiry-back] {
  display: none;
}

.discovery-v1-inquiry__navigation {
  display: flex;
  gap: 10px;
}

.discovery-v1-inquiry__navigation > * {
  flex: 1 1 0;
}

.discovery-v1-inquiry__review {
  display: grid;
  gap: var(--ms-space-2);
}

.discovery-v1-inquiry__review > div {
  display: grid;
  gap: 4px;
  padding: var(--ms-space-3);
  border: 1px solid var(--ms-color-border);
  background: var(--ms-color-surface-soft);
}

.discovery-v1-inquiry__review span,
.discovery-v1-inquiry__terms {
  color: var(--ms-color-muted);
  font-size: 12px;
  line-height: 1.45;
}

.discovery-v1-inquiry__review strong {
  overflow-wrap: anywhere;
  color: var(--ms-color-ink);
  font-size: 14px;
}

.discovery-v1-inquiry__terms {
  margin: 0;
}

/* U1 profile recovery: restore real capabilities without restoring the old clutter. */
.ui-button.is-whatsapp {
  border-color: #157a46;
  background: #157a46;
  color: #fff;
}

.ui-button.is-whatsapp:hover {
  background: #10663a;
}

.u1-profile-actions {
  flex-wrap: wrap;
}

.u1-profile-actions > * {
  flex: 1 1 132px;
}

.u1-profile-share-status {
  margin: -8px 0 0;
  color: var(--ms-color-muted);
  font-size: 12px;
  line-height: 1.45;
}

.u1-profile-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
  gap: var(--ms-space-4);
}

.u1-profile-about-card,
.u1-profile-facts-card {
  display: grid;
  align-content: start;
  gap: var(--ms-space-3);
}

.u1-profile-about-card :is(h3, p),
.u1-profile-facts-card :is(h3, dl, dt, dd),
.u1-profile-related-card :is(h3, p) {
  margin: 0;
}

.u1-profile-about-card > p,
.u1-profile-related-card p {
  color: var(--ms-color-muted);
  line-height: 1.6;
}

.u1-profile-link-row,
.u1-profile-direct-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ms-space-2);
}

.u1-profile-link-row a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  color: var(--ms-color-brand);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.u1-profile-facts-card dl {
  display: grid;
  gap: 0;
}

.u1-profile-facts-card dl > div {
  display: flex;
  justify-content: space-between;
  gap: var(--ms-space-3);
  padding: 10px 0;
  border-top: 1px solid var(--ms-color-border);
}

.u1-profile-facts-card dt {
  color: var(--ms-color-muted);
  font-size: 13px;
}

.u1-profile-facts-card dd {
  color: var(--ms-color-ink);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
}

.u1-profile-coverage {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: var(--ms-space-3);
}

.u1-profile-coverage article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: var(--ms-space-3);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  background: var(--ms-color-surface-soft);
}

.u1-profile-coverage span {
  color: var(--ms-color-muted);
  font-size: 12px;
}

.u1-profile-coverage strong {
  overflow-wrap: anywhere;
  color: var(--ms-color-ink);
  font-size: 14px;
}

.u1-profile-offer-groups,
.u1-profile-offer-group {
  display: grid;
  gap: var(--ms-space-4);
}

.u1-profile-offer-group + .u1-profile-offer-group {
  padding-top: var(--ms-space-5);
  border-top: 1px solid var(--ms-color-border);
}

.u1-profile-offer-group__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px var(--ms-space-3);
}

.u1-profile-offer-group__heading .discovery-v1-eyebrow,
.u1-profile-offer-group__heading h3 {
  grid-column: 1;
}

.u1-profile-offer-group__heading h3 {
  margin: 0;
  color: var(--ms-color-ink);
  font-family: Fraunces, Georgia, serif;
  font-size: clamp(22px, 2vw, 28px);
}

.u1-profile-offer-group__heading > span {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  color: var(--ms-color-muted);
  font-size: 13px;
  font-weight: 800;
}

.u1-profile-review-layout {
  display: grid;
  grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
  align-items: start;
  gap: var(--ms-space-4);
}

.u1-profile-review-layout .discovery-v1-review-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.u1-profile-review-summary {
  display: grid;
  gap: var(--ms-space-3);
  text-align: center;
}

.u1-profile-review-summary > strong {
  color: var(--ms-color-brand);
  font-family: Fraunces, Georgia, serif;
  font-size: 40px;
}

.u1-profile-review-summary > span {
  color: var(--ms-color-muted);
  font-size: 13px;
}

.u1-profile-review-empty {
  grid-column: 1 / -1;
}

.u1-profile-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ms-space-4);
}

.u1-profile-related-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: var(--ms-space-3);
}

.u1-profile-related-card > :is(img, .u1-profile-related-placeholder) {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}

.u1-profile-related-placeholder {
  display: grid;
  place-items: center;
  background: var(--ms-color-surface-soft);
  color: var(--ms-color-brand);
  font-size: 22px;
  font-weight: 800;
}

.u1-profile-related-card > div > span {
  color: var(--ms-color-brand);
  font-size: 12px;
  font-weight: 800;
}

.u1-profile-related-card .ui-button {
  grid-column: 1 / -1;
}

.u1-profile-contact-intro {
  display: flex;
  width: min(920px, 100%);
  align-items: end;
  justify-content: space-between;
  gap: var(--ms-space-4);
}

.u1-profile-direct-actions {
  justify-content: flex-end;
}

.u1-profile-review-form-section {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: start;
}

.u1-profile-review-form-copy {
  display: grid;
  gap: var(--ms-space-3);
}

.u1-profile-review-form-copy :is(h2, p) {
  margin: 0;
}

.u1-profile-review-form-copy > p {
  color: var(--ms-color-muted);
  line-height: 1.6;
}

.u1-profile-review-form-copy details {
  padding: var(--ms-space-3);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  background: var(--ms-color-surface-soft);
}

.u1-profile-review-form-copy summary {
  min-height: 44px;
  color: var(--ms-color-ink);
  font-weight: 800;
  cursor: pointer;
}

.u1-profile-review-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ms-space-3);
}

.u1-profile-review-form :is(label[for="review-title"], label[for="review-body"], .u1-profile-review-consent, .ui-button) {
  grid-column: 1 / -1;
}

.u1-profile-review-consent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--ms-space-2);
  color: var(--ms-color-muted);
  font-size: 13px;
  line-height: 1.5;
}

.u1-profile-review-consent input {
  width: 20px;
  height: 20px;
  margin: 0;
}

@media (max-width: 1180px) {
  .discovery-v1-home,
  .discovery-v1-profile__hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 40px;
  }
}

@media (max-width: 980px) {
  .u1-profile-overview-grid,
  .u1-profile-review-layout,
  .u1-profile-review-form-section {
    grid-template-columns: 1fr;
  }

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

  .u1-profile-contact-intro {
    align-items: start;
    flex-direction: column;
  }

  .u1-profile-direct-actions {
    justify-content: flex-start;
  }

  .discovery-v1-home,
  .discovery-v1-profile__hero {
    grid-template-columns: 1fr;
    gap: 40px;
    width: min(720px, calc(100% - 48px));
    min-height: 0;
    padding-block: 48px;
  }

  .discovery-v1-directory-heading,
  .discovery-v1-profile__section {
    width: min(720px, calc(100% - 48px));
  }

  body.phase5-customer-discovery.route-artists .artist-directory-workspace-section {
    padding-inline: 24px;
  }

  body.phase5-customer-discovery.route-artists .artist-directory-workspace {
    grid-template-columns: 1fr;
    gap: var(--ms-space-4);
    max-width: 720px;
  }

  .discovery-v1-directory-prompt,
  .discovery-v1-faq-groups {
    grid-template-columns: 1fr;
  }

  body.phase5-customer-discovery.route-artists .mobile-filter-toggle {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: var(--ms-space-2);
    padding: 10px 16px;
    border: 1px solid var(--ms-color-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-color-surface);
    color: var(--ms-color-brand);
    font: inherit;
    font-weight: 800;
  }

  body.phase5-customer-discovery.route-artists .artist-filter-panel {
    display: none;
    position: fixed;
    inset: 16px 16px calc(92px + env(safe-area-inset-bottom));
    z-index: 200;
    overflow: auto;
  }

  body.phase5-customer-discovery.route-artists .artist-filter-panel.is-mobile-open {
    display: block;
  }

  body.phase5-customer-discovery.route-artists .artist-filter-card {
    position: relative;
    min-height: 100%;
  }

  body.phase5-customer-discovery.route-artists .artist-filter-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ms-color-border);
    border-radius: var(--ms-radius-control);
    background: var(--ms-color-surface);
    color: var(--ms-color-ink);
    font-size: 24px;
  }

  .discovery-v1-portfolio-grid,
  .discovery-v1-offer-grid,
  .discovery-v1-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.phase5-customer-discovery :is(.artist-live-empty-state, .artist-provider-merge) .button,
body.phase5-customer-discovery .compact-profile-card > a,
body.phase5-customer-discovery .feature-view-more,
body.phase5-customer-discovery .site-footer nav a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}

body.phase5-customer-discovery :is(.trust-detail-card summary, .artist-provider-merge summary, .artist-faq-category > summary) {
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 600px) {
  .u1-profile-related-grid,
  .u1-profile-review-layout .discovery-v1-review-grid,
  .u1-profile-review-form {
    grid-template-columns: 1fr;
  }

  .u1-profile-actions > * {
    flex-basis: calc(50% - 5px);
  }

  .u1-profile-offer-group__heading {
    grid-template-columns: 1fr;
  }

  .u1-profile-offer-group__heading > span {
    grid-column: 1;
    grid-row: auto;
  }

  .discovery-v1-home,
  .discovery-v1-directory-heading,
  .discovery-v1-profile__hero,
  .discovery-v1-profile__section {
    width: calc(100% - 48px);
  }

  .discovery-v1-home,
  .discovery-v1-profile__hero {
    gap: var(--ms-space-5);
    padding-block: var(--ms-space-5);
  }

  .discovery-v1-directory-heading {
    padding-top: var(--ms-space-5);
  }

  .discovery-v1-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .discovery-v1-provider-card {
    grid-template-columns: 1fr;
  }

  .discovery-v1-provider-card__media {
    min-height: 180px;
  }

  .discovery-v1-provider-card__media > img:not(.discovery-v1-provider-card__placeholder-icon) {
    min-height: 180px;
    max-height: 240px;
  }

  body.phase5-customer-discovery.route-artists .artist-directory-workspace-section {
    padding: 0 24px 48px;
  }

  .discovery-v1-directory-followup,
  .discovery-v1-directory-faq {
    width: calc(100% - 48px);
  }

  .discovery-v1-profile__media {
    min-height: 190px;
  }

  .discovery-v1-profile__media > img:not([src$="profile-placeholder.svg"]) {
    min-height: 190px;
    max-height: 320px;
  }

  .discovery-v1-profile__sections a {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .discovery-v1-profile__sections a span {
    text-align: left;
  }

  .discovery-v1-profile__section {
    gap: var(--ms-space-4);
    padding-block: 42px;
  }

  .discovery-v1-portfolio-grid,
  .discovery-v1-offer-grid,
  .discovery-v1-review-grid {
    grid-template-columns: 1fr;
  }

  .discovery-v1-inquiry-section {
    width: 100%;
  }

  .discovery-v1-inquiry {
    width: 100%;
    padding: var(--ms-space-5);
    border-radius: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .discovery-v1-inquiry__progress span {
    transition: none;
  }
}

/* A2 source: assets/css/public-experience.v4.css */
/* Phase 4 public experience: readable discovery cards and dependable mobile controls. */

body.phase4-public-experience main,
body.phase4-public-experience main > *,
body.phase4-public-experience main section,
body.phase4-public-experience main article,
body.phase4-public-experience main form,
body.phase4-public-experience main details {
  min-width: 0;
  max-width: 100%;
}

body.phase4-public-experience main :is(h1, h2, h3, h4, p, span, small, strong, a, button) {
  overflow-wrap: anywhere;
}

body.phase4-public-experience .artist-profile-grid > .is-hidden,
body.phase4-public-experience .marketplace-card-grid > .marketplace-extra-item,
body.phase4-public-experience [data-extra-faq].is-hidden,
body.phase4-public-experience .artist-live-empty-state.is-hidden {
  display: none !important;
}

body.phase4-public-experience.phase1-foundation.route-artists.route-artists .artist-profile-grid > article.artist-list-card.is-hidden,
body.phase4-public-experience.phase1-foundation.route-tutors.route-tutors .artist-profile-grid > article.artist-list-card.is-hidden,
body.phase4-public-experience.phase1-foundation.route-products.route-products .product-directory-section .marketplace-card-grid > article.marketplace-result-card.marketplace-extra-item,
body.phase4-public-experience.phase1-foundation.route-gallery.route-gallery .gallery-directory-section .marketplace-card-grid > article.marketplace-result-card.marketplace-extra-item {
  display: none !important;
}

body.phase4-public-experience .artist-show-more-row,
body.phase4-public-experience .marketplace-show-more-row {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 18px;
}

body.phase4-public-experience .artist-show-more-row .button,
body.phase4-public-experience .marketplace-show-more-row .button {
  min-width: min(220px, 100%);
  min-height: 44px;
}

/* Artist and tutor directory cards. */
body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-panel,
body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace,
body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 360px !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 12px 10px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .artist-card-tags {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 24px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 5px !important;
  transform: none !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .artist-card-tags span,
body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .badge {
  min-height: 22px !important;
  max-width: 100% !important;
  padding: 5px 7px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  flex: 0 0 58px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card h3 {
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.14 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card p {
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.36 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card small {
  width: 100% !important;
  min-height: 16px !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio {
  width: 100% !important;
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio .portfolio-thumb {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-mini-portfolio img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals {
  width: 100% !important;
  min-height: 32px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  margin: 0 !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-signals span {
  min-height: 14px !important;
  max-width: 100% !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: auto 0 0 !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions .button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 7px 5px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

/* Product and gallery cards. */
body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-results-panel,
body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card {
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 330px !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px 10px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

body.phase4-public-experience.phase1-foundation.route-gallery .gallery-item-card.marketplace-result-card {
  min-height: 380px !important;
}

body.phase4-public-experience.phase1-foundation.route-products .ecommerce-product-card .marketplace-card-badges,
body.phase4-public-experience.phase1-foundation.route-products .ecommerce-product-card .ecommerce-card-badges,
body.phase4-public-experience.phase1-foundation.route-gallery .design-gallery-card .marketplace-card-badges {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-badges span {
  min-height: 22px !important;
  max-width: 100% !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

body.phase4-public-experience.phase1-foundation.route-products .ecommerce-product-card .product-image,
body.phase4-public-experience.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo,
body.phase4-public-experience.phase1-foundation.route-products .product-directory-section .ecommerce-product-card .product-image.has-photo img {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 96px !important;
  max-width: 100% !important;
  max-height: 118px !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 7px !important;
  object-fit: cover !important;
}

body.phase4-public-experience.phase1-foundation.route-gallery .design-gallery-card .gallery-item {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

body.phase4-public-experience.phase1-foundation.route-gallery .design-gallery-card .gallery-item img {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 132px !important;
  max-width: 100% !important;
  max-height: 176px !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 7px !important;
  object-fit: cover !important;
}

body.phase4-public-experience.phase1-foundation.route-products .ecommerce-product-card .badge,
body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card h3,
body.phase4-public-experience.phase1-foundation.route-gallery .design-gallery-card .gallery-item span {
  width: 100% !important;
  min-height: 18px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail {
  position: absolute !important;
  top: 54px !important;
  right: 8px !important;
  width: auto !important;
  display: grid !important;
  grid-auto-flow: row !important;
  gap: 6px !important;
  z-index: 5 !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-action {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  padding: 5px !important;
  display: grid !important;
  place-items: center !important;
  gap: 1px !important;
  border-radius: 50% !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon,
body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-icon svg {
  width: 15px !important;
  height: 15px !important;
  font-size: 15px !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .card-social-rail .social-count {
  font-size: 9px !important;
  line-height: 1 !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions {
  position: static !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: auto 0 0 !important;
}

body.phase4-public-experience.phase1-foundation.route-gallery .marketplace-result-card .card-actions > :first-child {
  grid-column: 1 / -1 !important;
}

body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 7px 5px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

body.phase4-public-experience.phase1-foundation.route-products.route-products .product-directory-section .product-card.marketplace-result-card h3,
body.phase4-public-experience.phase1-foundation.route-gallery.route-gallery .gallery-directory-section .gallery-item-card.marketplace-result-card .gallery-item span {
  width: 100% !important;
  min-height: 34px !important;
  max-height: 34px !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

body.phase4-public-experience.phase1-foundation.route-products.route-products .product-directory-section .marketplace-result-card .card-actions .button,
body.phase4-public-experience.phase1-foundation.route-gallery.route-gallery .gallery-directory-section .marketplace-result-card .card-actions .button {
  min-height: 44px !important;
  height: auto !important;
  padding: 7px 5px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

/* Public detail routes use full-width, app-like actions without changing their content hierarchy. */
body.phase4-public-experience:is(.route-profile, .route-product, .route-service, .route-course, .route-design) main :is(.button, button, [role="button"]),
body.phase4-public-experience:is(.route-profile, .route-product, .route-service, .route-course, .route-design) main details > summary {
  min-height: 44px !important;
  max-width: 100% !important;
}

body.phase4-public-experience:is(.route-profile, .route-product, .route-service, .route-course, .route-design) main :is(.button, button) {
  white-space: normal !important;
}

@media (min-width: 761px) {
  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (min-width: 1180px) {
  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (max-width: 760px) {
  body.phase4-public-experience main :is(button, .button, [role="button"]):not([aria-hidden="true"]) {
    min-height: 44px !important;
    max-width: 100% !important;
    font-size: max(12px, .75rem) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  body.phase4-public-experience main :is(input, select) {
    min-height: 44px !important;
  }

  body.phase4-public-experience main details > summary {
    min-height: 44px !important;
  }

  body.phase4-public-experience:is(.route-profile, .route-product, .route-service, .route-course, .route-design) main :is(p, small, .badge) {
    font-size: max(12px, .75rem) !important;
    line-height: 1.35 !important;
  }

  body.phase4-public-experience.has-mobile-context-bar:is(.route-profile, .route-product, .route-service, .route-course, .route-design) .detail-hero .hero-actions,
  body.phase4-public-experience.has-mobile-context-bar.route-profile .profile-contact-bar {
    display: none !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) :is(.artist-checklist-head .eyebrow, .artist-checklist-head h3, .artist-trust-note),
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) :is(.result-toolbar strong, .marketplace-trust-note) {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-head :is(.eyebrow, h3) {
    width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-trust-note,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-trust-note {
    display: none !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-directory-workspace-section,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-directory-section {
    width: 100% !important;
    padding-inline: 10px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .mobile-filter-toggle,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .mobile-filter-toggle {
    width: min(100%, 320px) !important;
    min-height: 44px !important;
    margin-inline: auto !important;
    font-size: 13px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-booking-checklist,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-checklist {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-checklist-grid,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: min(76vw, 250px) !important;
    gap: 8px !important;
    padding: 2px 2px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: inline proximity !important;
    scrollbar-width: thin !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 92px !important;
    aspect-ratio: auto !important;
    padding: 10px !important;
    scroll-snap-align: start !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card details,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist details {
    font-size: 12px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card summary,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist summary {
    min-height: 44px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-check-card p,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .compact-buying-checklist p {
    width: auto !important;
    max-width: 30ch !important;
    margin-inline: auto !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar {
    min-width: 0 !important;
    display: grid !important;
    gap: 10px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar small {
    display: none !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar-actions {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding-bottom: 4px !important;
    overflow-x: auto !important;
    scroll-snap-type: inline proximity !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .result-toolbar-actions .button {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 359px) {
  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
    gap: 8px !important;
  }

  body.phase4-public-experience.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card,
  body.phase4-public-experience.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card {
    padding-inline: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.phase4-public-experience * {
    scroll-behavior: auto !important;
  }
}

/* A2 source: assets/css/homepage-stabilization.v1.css */
/* Homepage stabilization: one honest data state, one composition system. */
@supports (content-visibility: auto) {
  body.route-home.page-home .app-main > .section {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
}

body.route-home.page-home .compact-feature-section,
body.route-home.page-home .home-confidence-section,
body.route-home.page-home .customer-task-section,
body.route-home.page-home .home-community-proof-section,
body.route-home.page-home .home-faq-section {
  min-height: 0 !important;
  padding: clamp(44px, 6vw, 76px) clamp(18px, 4vw, 48px) !important;
  overflow: visible !important;
}

body.route-home.page-home .compact-feature-section + .compact-feature-section {
  padding-top: 12px !important;
}

body.route-home.page-home .section-head,
body.route-home.page-home .compact-feature-section .section-head,
body.route-home.page-home .feature-rail-shell,
body.route-home.page-home .home-confidence-grid,
body.route-home.page-home .customer-task-grid-v2,
body.route-home.page-home .home-community-proof-card,
body.route-home.page-home .faq-tab-shell {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

body.route-home.page-home .section-head {
  margin-bottom: 24px !important;
  text-align: center !important;
  justify-items: center !important;
}

body.route-home.page-home .section-head h2 {
  width: min(100%, 780px) !important;
  max-width: 780px !important;
  margin-inline: auto !important;
  text-wrap: balance;
}

body.route-home.page-home .discovery-v1-provider-card__placeholder-icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  aspect-ratio: 1 / 1;
}

body.route-home.page-home .feature-rail-shell {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
}

body.route-home.page-home .compact-feature-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  gap: 16px !important;
  width: 100% !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

body.route-home.page-home .compact-profile-card {
  min-width: 0 !important;
  min-height: 280px !important;
  padding: 22px 18px !important;
  gap: 10px !important;
  border-radius: 18px !important;
}

body.route-home.page-home .compact-profile-card > img {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  transform: none !important;
}

body.route-home.page-home .compact-profile-card strong {
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

body.route-home.page-home .compact-profile-card span,
body.route-home.page-home .compact-profile-card small {
  font-size: .86rem !important;
  line-height: 1.45 !important;
}

body.route-home.page-home .compact-profile-card a {
  min-height: 42px !important;
  padding: 10px 14px !important;
  font-size: .85rem !important;
}

body.route-home.page-home .compact-feature-empty {
  grid-column: 1 / -1 !important;
  width: min(100%, 680px) !important;
  min-height: 230px !important;
  margin-inline: auto !important;
}

body.route-home.page-home .feature-rail-shell .rail-button {
  display: none !important;
}

body.route-home.page-home .feature-view-more {
  position: static !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 0 14px auto !important;
  transform: none !important;
}

body.route-home.page-home .home-confidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.route-home.page-home .home-confidence-grid .trust-detail-card {
  min-height: 180px !important;
  border-radius: 18px !important;
}

body.route-home.page-home .home-confidence-grid .trust-main {
  min-height: 120px !important;
  padding: 22px 14px 12px !important;
}

body.route-home.page-home .home-confidence-grid .trust-main strong {
  font-size: .94rem !important;
  line-height: 1.25 !important;
}

body.route-home.page-home .customer-task-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.route-home.page-home .task-detail-card {
  min-width: 0 !important;
  border-radius: 18px !important;
}

body.route-home.page-home .task-main-action {
  min-height: 142px !important;
  padding: 22px 14px 14px !important;
}

body.route-home.page-home .task-main-action strong {
  font-size: .95rem !important;
  line-height: 1.25 !important;
}

body.route-home.page-home .home-community-proof-section {
  text-align: center !important;
  background: linear-gradient(180deg, #fffaf2, #fff4e5) !important;
}

body.route-home.page-home .home-community-proof-card {
  display: grid !important;
  justify-items: center !important;
  gap: 20px !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border: 1px solid rgba(157, 13, 17, .16) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 20px 54px rgba(67, 38, 20, .1) !important;
}

body.route-home.page-home .home-community-proof-card p {
  max-width: 760px !important;
  margin: 0 !important;
  color: #4f4037 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

body.route-home.page-home .home-community-proof-card .hero-actions {
  justify-content: center !important;
  margin: 0 !important;
}

body.route-home.page-home .faq-tab-shell {
  display: grid !important;
  gap: 18px !important;
}

body.route-home.page-home .faq-tab-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(180px, 260px)) !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin-inline: auto !important;
}

body.route-home.page-home .faq-tab-buttons button {
  min-height: 48px !important;
  border-radius: 999px !important;
  opacity: .72;
}

body.route-home.page-home .faq-tab-buttons button.is-active {
  opacity: 1;
  box-shadow: 0 12px 28px rgba(157, 13, 17, .2) !important;
}

body.route-home.page-home .faq-panel {
  display: block !important;
  width: min(100%, 780px) !important;
  max-width: 780px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

body.route-home.page-home .faq-panel[hidden] {
  display: none !important;
}

body.route-home.page-home .faq-list {
  display: grid !important;
  gap: 10px !important;
}

body.route-home.page-home .faq-list details {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

@media (max-width: 900px) {
  body.route-home.page-home .compact-feature-list,
  body.route-home.page-home .customer-task-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.route-home.page-home .home-confidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}

@media (max-width: 640px) {
  body.route-home.page-home .compact-feature-section,
  body.route-home.page-home .home-confidence-section,
  body.route-home.page-home .customer-task-section,
  body.route-home.page-home .home-community-proof-section,
  body.route-home.page-home .home-faq-section {
    padding: 38px 18px !important;
  }

  body.route-home.page-home .compact-feature-list,
  body.route-home.page-home .home-confidence-grid,
  body.route-home.page-home .customer-task-grid-v2 {
    grid-template-columns: 1fr !important;
  }

  body.route-home.page-home .compact-profile-card {
    min-height: 248px !important;
  }

  body.route-home.page-home .home-confidence-grid .trust-detail-card,
  body.route-home.page-home .task-main-action {
    min-height: 124px !important;
  }

  body.route-home.page-home .faq-tab-buttons {
    grid-template-columns: 1fr !important;
    width: min(100%, 300px) !important;
  }

  body.route-home.page-home .home-community-proof-card .hero-actions {
    display: grid !important;
    width: 100% !important;
  }

}

/* A2 source: assets/css/page-composition.v2.css */
/*
 * U2 page-family composition
 * One late, public-only authority for body rhythm, result density and responsive
 * page families. The U1 shared shell remains the final header/footer authority.
 */

body.u2-page-composition.page-public {
  --u2-page-wide: min(1280px, calc(100% - 128px));
  --u2-page-reading: min(880px, calc(100% - 128px));
  --u2-section-space: clamp(36px, 4vw, 56px);
  --u2-section-gap: 16px;
  --u2-card-radius: 8px;
}

/* Remove the legacy 720px intrinsic section reservation that produced false gaps. */
body.u2-page-composition.page-public .app-main > .section {
  content-visibility: visible;
  contain-intrinsic-size: none;
  min-height: 0 !important;
  width: var(--u2-page-wide) !important;
  max-width: var(--u2-page-wide) !important;
  margin: var(--u2-section-gap) auto !important;
  padding: var(--u2-section-space) clamp(20px, 3vw, 44px) !important;
  border-radius: var(--u2-card-radius);
  box-sizing: border-box;
}

body.u2-page-composition.page-public .app-main > .section.compact-section {
  padding-block: clamp(24px, 3vw, 38px) !important;
}

body.u2-page-composition.page-public .app-main > .section.readable {
  width: var(--u2-page-reading) !important;
  max-width: var(--u2-page-reading) !important;
}

body.u2-page-composition.page-public .section-head,
body.u2-page-composition.page-public .centered-head {
  width: 100% !important;
  max-width: 780px;
  margin: 0 auto 26px !important;
  box-sizing: border-box;
  text-align: center;
}

body.u2-page-composition.page-public .section-head > :is(h2, p),
body.u2-page-composition.page-public .centered-head > :is(h2, p) {
  margin-inline: auto;
}

body.u2-page-composition.page-public .section-head h2,
body.u2-page-composition.page-public .centered-head h2 {
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
}

body.u2-page-composition.page-public .app-main :is(.panel, .form-card, .marketplace-result-card, .pricing-card) {
  border-radius: var(--u2-card-radius) !important;
}

body.u2-page-composition.page-public .app-main :is(button, .button, input, select, textarea, summary) {
  min-height: 44px;
}

body.u2-page-composition.page-public .app-main :is(.button.small, .button.tiny) {
  min-height: 44px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body.u2-page-composition.page-public .app-main :is(input, select, textarea) {
  font-size: max(16px, 1em);
}

/* Shared public hero contract: compact, readable and immediately actionable. */
body.u2-page-composition.page-public .app-main > :is(
  .page-hero,
  .profile-hero,
  .discovery-v1-directory-heading
) {
  width: var(--u2-page-wide) !important;
  max-width: var(--u2-page-wide) !important;
  min-height: 0 !important;
  margin: 16px auto !important;
  padding: clamp(30px, 4vw, 54px) clamp(20px, 4vw, 56px) !important;
  border-radius: var(--u2-card-radius) !important;
  box-sizing: border-box;
}

body.u2-page-composition.page-public .app-main > .page-hero {
  align-content: center !important;
  gap: 14px !important;
  height: auto !important;
  max-height: none !important;
}

body.u2-page-composition.page-public .app-main > .page-hero h1 {
  max-width: 920px !important;
  margin: 0 auto !important;
  font-size: clamp(36px, calc(30px + 1.25vw), 48px) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  text-wrap: balance;
}

body.u2-page-composition.page-public .app-main > .page-hero > p:not(.eyebrow) {
  max-width: 760px !important;
  margin: 0 auto !important;
  font-size: clamp(15px, 1.4vw, 18px) !important;
  line-height: 1.5 !important;
}

body.u2-page-composition.page-public .app-main > :is(.page-hero, .profile-hero) :is(.hero-search, .hero-actions) {
  width: min(100%, 1040px) !important;
  margin-inline: auto !important;
}

body.u2-page-composition.page-public .app-main > .page-hero :is(.filter-summary, .trust-strip, .intent-chips) {
  max-width: 1040px !important;
  margin-inline: auto !important;
}

/* Discovery pages: results stay near the fold and genuine inventory gets room. */
body.u2-page-composition.page-public:is(.route-products, .route-gallery) .discovery-page-hero {
  padding-block: clamp(24px, 3vw, 38px) !important;
}

body.u2-page-composition.page-public:is(.route-products, .route-gallery) .discovery-page-hero > :is(
  .filter-summary,
  .trust-strip,
  .intent-chips,
  .mobile-search-coach,
  .marketplace-command-strip
) {
  display: none !important;
}

body.u2-page-composition.page-public:is(.route-products, .route-gallery) .discovery-hero-note summary {
  width: 44px !important;
  min-width: 44px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  min-height: 44px !important;
}

body.u2-page-composition.page-public:is(.route-products, .route-gallery) .marketplace-directory-section {
  padding-top: clamp(30px, 4vw, 52px) !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card {
  min-height: 320px !important;
  padding: 16px !important;
  gap: 10px !important;
}

body.u2-page-composition.page-public.phase1-foundation.route-gallery .gallery-item-card.marketplace-result-card {
  min-height: 350px !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card :is(h3, .badge, .gallery-item span) {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card .card-actions .button {
  min-height: 44px !important;
  font-size: 13px !important;
}

body.u2-page-composition.page-public:is(.route-products, .route-gallery) .app-main :is(
  .marketplace-filter-form input,
  .marketplace-filter-form select,
  .marketplace-filter-form button,
  .artist-faq-category > summary,
  .marketplace-provider-merge summary,
  .marketplace-provider-merge .button
) {
  min-height: 44px !important;
}

/* U7 orientation contract for footer-linked content, guidance, and legal pages. */
body.u7-global-contract.u2-page-composition.page-public .page-breadcrumb {
  display: flex;
  width: min(100%, 920px);
  min-width: 0;
  margin: 0 auto 2px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--ms-color-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

body.u7-global-contract.u2-page-composition.page-public .page-breadcrumb :is(a, span) {
  min-width: 0;
}

body.u7-global-contract.u2-page-composition.page-public .page-breadcrumb a {
  color: var(--ms-color-brand);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body.u7-global-contract.u2-page-composition.page-public .page-breadcrumb [aria-current='page'] {
  max-width: min(58ch, 65vw);
  overflow: hidden;
  color: var(--ms-color-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.u7-global-contract.u2-page-composition.page-public .page-hero .static-page-brand {
  width: min(150px, 38vw) !important;
  margin: 2px auto !important;
  padding: 8px 12px !important;
}

body.u7-global-contract.u2-page-composition.page-public .page-hero .static-page-brand img {
  width: 100% !important;
  max-height: 54px !important;
  object-fit: contain;
}

body.u7-global-contract.u2-page-composition.page-public .app-main > .page-hero .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

body.u7-global-contract.u2-page-composition.page-public .app-main > .page-hero .hero-actions .button {
  min-width: min(220px, 100%) !important;
}

/* Keep production content visible even when legacy scroll observers do not activate. */
body.u2-page-composition.page-public .reveal-on-scroll {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/*
 * Legacy FAQ rules force the inner panel to display:grid. That overrides the
 * browser's closed-details hiding and creates zero-width, multi-thousand-pixel
 * question columns. Restore the native disclosure contract explicitly.
 */
body.u2-page-composition.page-public .artist-faq-categories {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 16px !important;
}

body.u2-page-composition.page-public .artist-faq-category {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

body.u2-page-composition.page-public .artist-faq-category > summary {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

body.u2-page-composition.page-public .artist-faq-category:not([open]) > .artist-faq-panel {
  display: none !important;
}

body.u2-page-composition.page-public .artist-faq-category[open] > .artist-faq-panel {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

body.u2-page-composition.page-public .artist-faq-panel details,
body.u2-page-composition.page-public .artist-faq-panel details > summary {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card .card-actions .button {
  font-size: 13px !important;
}

body.u2-page-composition.page-public.phase1-foundation:is(.route-artists, .route-tutors) .artist-filter-form :is(input, select, button, .button) {
  min-height: 44px !important;
}

body.u2-page-composition.page-public:is(.route-products, .route-gallery) .marketplace-provider-merge {
  min-height: 0 !important;
}

/* City discovery: one clear search task instead of an oversized poster. */
body.u2-page-composition.page-public.route-cities .cities-hero {
  min-height: 0 !important;
  padding-block: clamp(30px, 4vw, 52px) !important;
}

body.u2-page-composition.page-public.route-cities .cities-hero .static-page-brand,
body.u2-page-composition.page-public.route-cities .cities-hero > .hero-actions {
  display: none !important;
}

body.u2-page-composition.page-public.route-cities .city-hero-title span,
body.u2-page-composition.page-public.route-cities .city-hero-copy span {
  display: inline !important;
}

body.u2-page-composition.page-public.route-cities .city-hero-title,
body.u2-page-composition.page-public.route-cities .city-hero-title span {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

body.u2-page-composition.page-public.route-cities .city-hero-search {
  display: grid !important;
  grid-template-columns: minmax(220px, 2fr) minmax(150px, 1.25fr) minmax(130px, .85fr) auto !important;
  gap: 10px !important;
  max-width: 1040px !important;
}

body.u2-page-composition.page-public.route-cities .city-hero-search > :is(select, button) {
  min-height: 48px !important;
}

body.u2-page-composition.page-public.route-cities .city-location-actions {
  grid-column: 1 / -1;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}

body.u2-page-composition.page-public.route-cities .city-location-actions .button {
  width: auto !important;
  min-width: 170px !important;
}

body.u2-page-composition.page-public.route-cities .city-nearby-suggestions {
  display: grid !important;
  gap: 8px !important;
  max-width: 1040px !important;
  margin-inline: auto !important;
}

body.u2-page-composition.page-public.route-cities .city-nearby-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.u2-page-composition.page-public.route-cities .city-nearby-chip-row a,
body.u2-page-composition.page-public.route-cities .city-cloud a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
}

body.u2-page-composition.page-public.route-cities .city-more-list {
  margin-top: 12px;
}

body.u2-page-composition.page-public.route-cities .city-more-list > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px !important;
  color: var(--ms-color-brand);
  font-weight: 700;
  cursor: pointer;
}

body.u2-page-composition.page-public.route-cities .city-more-list:not([open]) > .city-cloud {
  display: none !important;
}

body.u2-page-composition.page-public.route-cities .city-intent-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.u2-page-composition.page-public:is(.route-products, .route-gallery) .app-main :is(
  .intent-chips a,
  .marketplace-shortcuts a,
  .result-toolbar-actions a,
  .capability-item
) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
}

body.u2-page-composition.page-public.route-gallery .gallery-preview-dialog img[hidden] {
  display: none !important;
}

/* Pricing: preserve plan detail while removing the billboard-scale introduction. */
body.u2-page-composition.page-public.route-pricing .pricing-hero-final {
  min-height: 280px !important;
  padding-block: clamp(32px, 4vw, 52px) !important;
}

body.u2-page-composition.page-public.route-pricing .pricing-hero-logo {
  width: clamp(72px, 8vw, 104px) !important;
  max-height: 104px !important;
  object-fit: contain !important;
}

body.u2-page-composition.page-public.route-pricing .pricing-hero-final h1 {
  max-width: 840px !important;
  font-size: clamp(36px, 4.5vw, 60px) !important;
}

body.u2-page-composition.page-public.route-pricing :is(
  .pricing-plans-section,
  .pricing-compare-section,
  .pricing-payment-section,
  .pricing-faq-section-final
) {
  min-height: 0 !important;
}

body.u2-page-composition.page-public.route-pricing .pricing-card-grid-final {
  gap: 18px !important;
}

body.u2-page-composition.page-public.route-pricing .pricing-card-final {
  min-height: 0 !important;
}

/* Content and guidance families: readable orientation, then natural-height detail. */
body.u2-page-composition.page-public:is(.route-blog, .route-legal, .route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp) .app-main > .page-hero {
  min-height: 0 !important;
}

body.u2-page-composition.page-public:is(.route-blog, .route-legal) .app-main > .page-hero {
  padding-block: clamp(30px, 4vw, 50px) !important;
}

body.u2-page-composition.page-public.route-legal .legal-page-hero .static-page-brand {
  display: none !important;
}

body.u2-page-composition.page-public.route-legal .legal-page-hero h1 {
  white-space: normal !important;
}

body.u2-page-composition.page-public.route-legal :is(.legal-assurance-card, .trust-command-card) {
  min-height: 170px !important;
}

body.u2-page-composition.page-public.route-legal .legal-link-cloud a,
body.u2-page-composition.page-public.route-blog .cards .button {
  min-height: 44px !important;
}

body.u2-page-composition.page-public.route-blog .cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.u2-page-composition.page-public.route-blog .cards .panel {
  min-height: 0 !important;
  padding: 22px !important;
}

@media (max-width: 1024px) {
  body.u2-page-composition.page-public {
    --u2-page-wide: calc(100% - clamp(64px, 7.8125vw, 80px));
    --u2-page-reading: min(880px, calc(100% - clamp(64px, 7.8125vw, 80px)));
  }

  body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid,
  body.u2-page-composition.page-public.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid,
  body.u2-page-composition.page-public.route-blog .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u2-page-composition.page-public.route-cities .city-hero-search {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u2-page-composition.page-public.route-cities .city-intent-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u2-page-composition.page-public.route-cities .city-location-actions {
    grid-column: 1 / -1;
  }

  body.u2-page-composition.page-public.route-cities .city-location-actions .location-button,
  body.u2-page-composition.page-public.route-cities .city-hero-search [data-city-radius] {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.u2-page-composition.page-public {
    --u2-page-wide: calc(100% - 32px);
    --u2-page-reading: calc(100% - 32px);
    --u2-section-space: 28px;
    --u2-section-gap: 10px;
    --u2-card-radius: 12px;
  }

  body.u2-page-composition.page-public .artist-faq-categories {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.u2-page-composition.page-public .app-main > .section {
    padding-inline: 14px !important;
  }

  body.u2-page-composition.page-public .app-main > :is(.page-hero, .profile-hero, .discovery-v1-directory-heading) {
    margin-block: 10px !important;
    padding: 26px 14px !important;
  }

  body.u2-page-composition.page-public .app-main > .page-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(34px, 9vw, 36px) !important;
    line-height: 1.08 !important;
  }

  body.u2-page-composition.page-public .section-head,
  body.u2-page-composition.page-public .centered-head {
    margin-bottom: 20px !important;
  }

  body.u2-page-composition.page-public .section-head h2,
  body.u2-page-composition.page-public .centered-head h2 {
    font-size: clamp(28px, 7.2vw, 32px) !important;
  }

  body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-card-grid,
  body.u2-page-composition.page-public.phase1-foundation:is(.route-artists, .route-tutors) .artist-profile-grid,
  body.u2-page-composition.page-public.route-blog .cards {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.u2-page-composition.page-public.phase1-foundation:is(.route-products, .route-gallery) .marketplace-result-card,
  body.u2-page-composition.page-public.phase1-foundation.route-gallery .gallery-item-card.marketplace-result-card,
  body.u2-page-composition.page-public.phase1-foundation:is(.route-artists, .route-tutors) .artist-list-card {
    min-height: 0 !important;
    padding: 16px !important;
  }

  body.u2-page-composition.page-public:is(.route-products, .route-gallery) .result-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.u2-page-composition.page-public:is(.route-products, .route-gallery) .result-toolbar > div {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.u2-page-composition.page-public:is(.route-products, .route-gallery) .result-toolbar :is(strong, small) {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.u2-page-composition.page-public:is(.route-products, .route-gallery) .result-toolbar-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    overflow-x: auto !important;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
  }

  body.u2-page-composition.page-public:is(.route-products, .route-gallery) .result-toolbar-actions > * {
    flex: 0 0 auto !important;
    scroll-snap-align: start;
  }

  body.u2-page-composition.page-public.route-cities .cities-hero {
    padding-block: 28px !important;
  }

  body.u2-page-composition.page-public.route-cities .city-hero-title {
    font-size: 30px !important;
    line-height: 1.06 !important;
  }

  body.u2-page-composition.page-public.route-cities .city-hero-title span {
    display: block !important;
  }

  body.u2-page-composition.page-public.route-cities .city-hero-search {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.u2-page-composition.page-public.route-cities .city-location-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u2-page-composition.page-public.route-cities .city-location-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
  }

  body.u2-page-composition.page-public.route-cities .city-nearby-chip-row {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
  }

  body.u2-page-composition.page-public.route-cities .city-nearby-chip-row a {
    flex: 0 0 auto !important;
    scroll-snap-align: start;
  }

  body.u2-page-composition.page-public.route-cities .city-intent-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(300px, 82vw) !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: inline mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  body.u2-page-composition.page-public.route-cities .city-intent-grid > * {
    scroll-snap-align: start;
  }

  body.u2-page-composition.page-public.route-pricing .pricing-hero-final {
    min-height: 0 !important;
    padding-block: 28px !important;
  }

  body.u2-page-composition.page-public.route-pricing .pricing-hero-final h1 {
    font-size: clamp(34px, 9vw, 36px) !important;
  }

  body.u7-global-contract.u2-page-composition.page-public .page-breadcrumb {
    justify-content: flex-start;
    gap: 6px;
    font-size: 12px;
    text-align: left;
  }

  body.u7-global-contract.u2-page-composition.page-public .page-breadcrumb [aria-current='page'] {
    max-width: 44vw;
  }

  body.u7-global-contract.u2-page-composition.page-public .app-main > .page-hero .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body.u7-global-contract.u2-page-composition.page-public .app-main > .page-hero .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.u2-page-composition.page-public.route-legal :is(.legal-assurance-card, .trust-command-card) {
    min-height: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.u2-page-composition.page-public .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* U8 discovery and catalog family contract */
body.u8-catalog-unification.page-public .catalog-u8-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: var(--ms-space-5);
  width: min(1280px, calc(100vw - 32px));
  margin: clamp(18px, 2.5vw, 32px) auto clamp(24px, 3vw, 40px);
  padding: clamp(28px, 4vw, 52px);
  overflow: hidden;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background:
    radial-gradient(circle at 92% 6%, rgba(176, 0, 13, .08), transparent 28%),
    linear-gradient(145deg, var(--ms-color-surface), var(--ms-color-surface-soft));
  box-shadow: var(--ms-shadow-card);
  color: var(--ms-color-ink);
  text-align: left;
}

body.u8-catalog-unification.page-public .catalog-u8-hero::after {
  position: absolute;
  z-index: -1;
  right: -80px;
  bottom: -110px;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(176, 0, 13, .1);
  border-radius: 50%;
  background: rgba(255, 255, 255, .42);
  content: '';
}

body.u8-catalog-unification.page-public .catalog-u8-hero__copy {
  display: grid;
  gap: var(--ms-space-3);
  max-width: 900px;
}

body.u8-catalog-unification.page-public .catalog-u8-kicker {
  margin: 0;
  color: var(--ms-color-brand);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.u8-catalog-unification.page-public .catalog-u8-hero h1 {
  max-width: 900px;
  margin: 0;
  color: var(--ms-color-ink);
  font-family: 'Fraunces', Georgia, serif;
  font-size: clamp(2.35rem, 5vw, 4.6rem);
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.02;
  text-wrap: balance;
}

body.u8-catalog-unification.page-public .catalog-u8-lead {
  max-width: 780px;
  margin: 0;
  color: var(--ms-color-muted);
  font-size: clamp(.98rem, 1.4vw, 1.1rem);
  line-height: 1.6;
}

body.u8-catalog-unification.page-public .catalog-u8-family-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ms-space-2);
  min-width: 0;
  padding: var(--ms-space-1);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: rgba(255, 255, 255, .78);
}

body.u8-catalog-unification.page-public .catalog-u8-family-link {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  gap: 2px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: var(--ms-radius-control);
  color: var(--ms-color-ink);
  text-decoration: none;
}

body.u8-catalog-unification.page-public .catalog-u8-family-link small {
  color: var(--ms-color-muted);
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
}

body.u8-catalog-unification.page-public .catalog-u8-family-link strong {
  overflow: hidden;
  font-size: .93rem;
  line-height: 1.2;
  text-overflow: ellipsis;
}

body.u8-catalog-unification.page-public .catalog-u8-family-link:is(:hover, .is-active) {
  border-color: var(--ms-color-brand);
  background: var(--ms-color-brand);
  color: #fff;
}

body.u8-catalog-unification.page-public .catalog-u8-family-link:is(:hover, .is-active) small {
  color: rgba(255, 255, 255, .82);
}

body.u8-catalog-unification.page-public .catalog-u8-actions,
body.u8-catalog-unification.page-public .catalog-u8-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ms-space-2);
}

body.u8-catalog-unification.page-public .catalog-u8-actions .ui-button {
  min-width: min(220px, 100%);
}

body.u8-catalog-unification.page-public .catalog-u8-meta span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid var(--ms-color-border);
  border-radius: 999px;
  background: var(--ms-color-surface);
  color: var(--ms-color-muted);
  font-size: .78rem;
  font-weight: 750;
  line-height: 1.2;
}

body.u8-catalog-unification.page-public .catalog-u8-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ms-space-3);
  min-width: 0;
}

body.u8-catalog-unification.page-public .catalog-u8-quick-card {
  display: grid;
  min-width: 0;
  min-height: 132px;
  align-content: start;
  gap: 6px;
  padding: var(--ms-space-4);
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-card);
  background: rgba(255, 255, 255, .86);
  color: var(--ms-color-ink);
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.u8-catalog-unification.page-public .catalog-u8-quick-card:hover {
  border-color: rgba(176, 0, 13, .42);
  box-shadow: var(--ms-shadow-card);
  transform: translateY(-2px);
}

body.u8-catalog-unification.page-public .catalog-u8-quick-card span {
  color: var(--ms-color-brand);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.u8-catalog-unification.page-public .catalog-u8-quick-card strong {
  font-size: 1rem;
  line-height: 1.25;
}

body.u8-catalog-unification.page-public .catalog-u8-quick-card small {
  color: var(--ms-color-muted);
  font-size: .82rem;
  line-height: 1.45;
}

body.u8-catalog-unification.page-public :is(
  .artist-directory-workspace-section,
  .marketplace-directory-section,
  .community-shell,
  .community-login-gate
) {
  width: min(1280px, calc(100vw - 32px)) !important;
  max-width: min(1280px, calc(100vw - 32px)) !important;
  margin: 0 auto clamp(34px, 5vw, 64px) !important;
  scroll-margin-top: 100px;
}

body.u8-catalog-unification.page-public :is(.artist-directory-workspace, .marketplace-directory-workspace) {
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;
  gap: var(--ms-space-5) !important;
  align-items: start !important;
}

body.u8-catalog-unification.page-public :is(.artist-filter-panel, .marketplace-filter-panel) {
  width: 300px !important;
  min-width: 0 !important;
}

body.u8-catalog-unification.page-public :is(.artist-filter-card, .marketplace-filter-card, .community-side-card) {
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--ms-radius-card) !important;
  background: var(--ms-color-surface-soft) !important;
  box-shadow: none !important;
}

body.u8-catalog-unification.page-public :is(.artist-results-panel, .marketplace-results-panel, .community-feed, .community-composer) {
  min-width: 0 !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--ms-radius-card) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: var(--ms-shadow-card) !important;
}

body.u8-catalog-unification.page-public :is(.artist-results-summary, .marketplace-panel-title, .community-feed-head) {
  text-align: left !important;
}

body.u8-catalog-unification.page-public :is(.artist-results-summary h2, .marketplace-panel-title, .community-feed-head h2) {
  margin: 0 !important;
  color: var(--ms-color-ink) !important;
  font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}

body.u8-catalog-unification.page-public :is(
  .discovery-v1-provider-card,
  .marketplace-result-card,
  .community-post-card,
  .marketplace-empty-state,
  .artist-live-empty-state,
  .community-empty-state
) {
  border-color: var(--ms-color-border) !important;
  border-radius: var(--ms-radius-card) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: 0 8px 22px rgba(73, 39, 22, .06) !important;
}

body.u8-catalog-unification.page-public :is(.discovery-v1-provider-card, .marketplace-result-card, .community-post-card):hover {
  border-color: rgba(176, 0, 13, .32) !important;
  box-shadow: var(--ms-shadow-card) !important;
}

body.u8-catalog-unification.page-public :is(
  .artist-filter-form input,
  .artist-filter-form select,
  .marketplace-filter-form input,
  .marketplace-filter-form select,
  .community-filter-field input,
  .community-filter-field select,
  .community-composer input,
  .community-composer select,
  .community-composer textarea
) {
  min-height: 44px !important;
  border-color: var(--ms-color-border) !important;
  border-radius: var(--ms-radius-control) !important;
  background: var(--ms-color-surface) !important;
  color: var(--ms-color-ink) !important;
}

body.u8-catalog-unification.page-public.route-products .marketplace-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.u8-catalog-unification.page-public.route-gallery .marketplace-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.u8-catalog-unification.page-public.route-requests .community-shell {
  grid-template-columns: minmax(210px, 240px) minmax(0, 1fr) minmax(260px, 300px) !important;
  gap: var(--ms-space-4) !important;
}

body.u8-catalog-unification.page-public.route-requests .community-room-list button {
  min-height: 44px !important;
  border-radius: var(--ms-radius-control) !important;
}

body.u8-catalog-unification.page-public.route-requests .community-login-card {
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--ms-radius-card) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: var(--ms-shadow-card) !important;
}

@media (max-width: 1080px) {
  body.u8-catalog-unification.page-public :is(.artist-directory-workspace, .marketplace-directory-workspace) {
    grid-template-columns: minmax(220px, 240px) minmax(0, 1fr) !important;
  }

  body.u8-catalog-unification.page-public :is(.artist-filter-panel, .marketplace-filter-panel) {
    width: 240px !important;
  }

  body.u8-catalog-unification.page-public.route-gallery .marketplace-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u8-catalog-unification.page-public.route-requests .community-shell {
    grid-template-columns: minmax(190px, 220px) minmax(0, 1fr) !important;
  }

  body.u8-catalog-unification.page-public.route-requests .community-composer-wrap {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  body.u8-catalog-unification.page-public .catalog-u8-hero {
    width: calc(100vw - 16px);
    margin-block: 8px 24px;
    padding: 24px 16px;
    gap: var(--ms-space-4);
  }

  body.u8-catalog-unification.page-public .catalog-u8-hero h1 {
    font-size: clamp(2rem, 10vw, 3rem);
    line-height: 1.02;
  }

  body.u8-catalog-unification.page-public .catalog-u8-family-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.u8-catalog-unification.page-public .catalog-u8-family-link {
    min-height: 52px;
    padding: 7px 10px;
  }

  body.u8-catalog-unification.page-public .catalog-u8-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body.u8-catalog-unification.page-public .catalog-u8-actions .ui-button {
    width: 100%;
    min-width: 0;
  }

  body.u8-catalog-unification.page-public .catalog-u8-quick-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-columns: auto;
    overflow-x: visible;
    scroll-snap-type: none;
  }

  body.u8-catalog-unification.page-public .catalog-u8-quick-card {
    min-height: 126px;
    scroll-snap-align: none;
  }

  body.u8-catalog-unification.page-public :is(
    .artist-directory-workspace-section,
    .marketplace-directory-section,
    .community-shell,
    .community-login-gate
  ) {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  body.u8-catalog-unification.page-public :is(.artist-directory-workspace, .marketplace-directory-workspace, .community-shell) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--ms-space-3) !important;
  }

  body.u8-catalog-unification.page-public :is(.artist-filter-panel, .marketplace-filter-panel) {
    width: 100% !important;
  }

  body.u8-catalog-unification.page-public .mobile-filter-toggle {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
  }

  body.u8-catalog-unification.page-public.route-products .marketplace-card-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.u8-catalog-unification.page-public.route-gallery .marketplace-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u8-catalog-unification.page-public.route-requests .community-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.u8-catalog-unification.page-public .catalog-u8-quick-card {
    transition: none;
  }
}
/* Helpful true-404 recovery: relevant choices without soft-404 redirection. */
body.page-public .error-hero {
  width: min(960px, calc(100% - 32px));
  min-height: 0;
  margin: clamp(24px, 6vw, 72px) auto;
  padding: clamp(32px, 6vw, 72px);
  border: 1px solid var(--ms-color-border);
  border-radius: 16px;
  background:
    radial-gradient(circle at 88% 14%, rgba(157, 13, 17, .11), transparent 13rem),
    linear-gradient(145deg, #fff5ee, #eef8f4);
  text-align: left;
}

body.page-public .error-hero > * {
  max-width: 720px;
  margin-inline: 0;
}

body.page-public .error-hero h1 {
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.02;
  text-wrap: balance;
}

body.page-public .error-recovery-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

body.page-public .error-recovery-note {
  margin-top: 22px;
  color: var(--ms-color-muted);
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 600px) {
  body.page-public .error-hero {
    width: min(100% - 24px, 960px);
    padding: 28px 20px;
  }

  body.page-public .error-recovery-links {
    display: grid;
  }

  body.page-public .error-recovery-links .button {
    width: 100%;
  }
}

/* A2 source: assets/css/shared-shell.v3.css */
/* Phase 3: shared application shell. Keep this layer route-neutral and priority-free. */

body.phase3-app-shell {
  --shell-header-height: 72px;
  --shell-mobile-header-height: 62px;
  --shell-mobile-nav-height: 72px;
  --shell-inline: clamp(14px, 3vw, 42px);
}

body.phase3-app-shell .site-header {
  box-sizing: border-box;
  min-height: var(--shell-header-height);
  padding: 8px var(--shell-inline);
  gap: clamp(12px, 2vw, 26px);
  border-bottom: 1px solid rgba(157, 13, 17, .1);
}

body.phase3-app-shell .brand {
  display: inline-flex;
  min-width: 0;
  flex: 0 1 220px;
  align-items: center;
}

body.phase3-app-shell .brand img {
  display: block;
  width: clamp(170px, 16vw, 220px);
  max-width: 100%;
  max-height: 52px;
}

body.phase3-app-shell .site-nav {
  min-width: 0;
  flex: 1 1 auto;
  justify-content: flex-end;
  gap: 4px;
}

body.phase3-app-shell .site-nav .nav-icon-link {
  box-sizing: border-box;
  min-width: 62px;
  min-height: 48px;
  padding: 7px 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: .78rem;
  line-height: 1.1;
}

body.phase3-app-shell .site-nav .nav-icon-link:hover,
body.phase3-app-shell .site-nav .nav-icon-link:focus-visible,
body.phase3-app-shell .site-nav .nav-icon-link.is-active {
  border-color: rgba(157, 13, 17, .18);
  background: #fff3e6;
  color: #9d0d11;
}

body.phase3-app-shell .site-nav .nav-auth-link {
  min-width: 72px;
  border-color: #9d0d11;
  background: #9d0d11;
  color: #fff;
}

body.phase3-app-shell .site-nav .nav-auth-link:visited {
  color: #fff;
}

body.phase3-app-shell .site-nav .nav-auth-link:hover,
body.phase3-app-shell .site-nav .nav-auth-link:focus-visible {
  border-color: #7d0a0e;
  background: #7d0a0e;
  color: #fff;
}

body.phase3-app-shell .nav-link-icon .ui-icon-svg {
  width: 21px;
  height: 21px;
}

body.phase3-app-shell .nav-toggle {
  min-width: 44px;
  min-height: 44px;
  gap: 7px;
  justify-content: center;
}

body.phase3-app-shell .nav-toggle-icon {
  display: inline-grid;
  place-items: center;
}

body.phase3-app-shell .nav-toggle-icon .ui-icon-svg {
  width: 20px;
  height: 20px;
}

body.phase3-app-shell .site-footer {
  position: relative;
  overflow: hidden;
}

body.phase3-app-shell .footer-grid {
  position: relative;
  z-index: 2;
  width: min(100%, 1380px);
  margin-inline: auto;
  grid-template-columns: minmax(260px, 1.55fr) repeat(3, minmax(150px, 1fr));
  align-items: start;
  gap: clamp(24px, 3vw, 48px);
}

body.phase3-app-shell .footer-grid > *,
body.phase3-app-shell .footer-link-group {
  min-width: 0;
}

body.phase3-app-shell .footer-link-group {
  display: grid;
  align-content: start;
}

body.phase3-app-shell .site-footer a {
  box-sizing: border-box;
  min-height: 40px;
  margin: 0;
  padding: 7px 0;
  line-height: 1.3;
}

body.phase3-app-shell .footer-bottom {
  position: relative;
  z-index: 2;
  width: min(100%, 1380px);
  margin-inline: auto;
}

@media (max-width: 1100px) and (min-width: 981px) {
  body.phase3-app-shell .site-nav .nav-icon-link {
    min-width: 56px;
    padding-inline: 4px;
    font-size: .72rem;
  }

  body.phase3-app-shell .brand {
    flex-basis: 190px;
  }
}

@media (max-width: 980px) {
  body.phase3-app-shell .site-header {
    min-height: var(--shell-mobile-header-height);
    padding: 7px 12px;
  }

  body.phase3-app-shell .brand {
    flex: 0 1 190px;
  }

  body.phase3-app-shell .brand img {
    width: min(185px, 54vw);
    max-height: 46px;
  }

  body.phase3-app-shell .nav-toggle {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    border: 1px solid #dec7ae;
    border-radius: 6px;
    background: #fffdf9;
    color: #241812;
    font: inherit;
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: 0;
  }

  body.phase3-app-shell .site-nav {
    display: none;
    position: fixed;
    top: calc(var(--shell-mobile-header-height) + 8px);
    left: 12px;
    right: 12px;
    z-index: 120;
    max-height: calc(100dvh - var(--shell-mobile-header-height) - 24px);
    overflow-y: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    padding: 12px;
    border: 1px solid #dec7ae;
    border-radius: 8px;
    background: #fffdf9;
    box-shadow: 0 22px 54px rgba(35, 23, 17, .22);
    overscroll-behavior: contain;
  }

  body.phase3-app-shell .site-nav.open {
    display: grid;
  }

  body.phase3-app-shell .site-nav .nav-icon-link {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    grid-template-rows: 1fr;
    min-width: 0;
    min-height: 48px;
    padding: 9px 10px;
    justify-items: start;
    align-items: center;
    gap: 8px;
    font-size: .84rem;
    text-align: left;
  }

  body.phase3-app-shell .site-nav .nav-auth-link {
    grid-column: 1 / -1;
    justify-content: center;
    grid-template-columns: 26px auto;
  }

  body.phase3-app-shell.site-nav-open {
    overflow: hidden;
  }

  body.phase3-app-shell.site-nav-open .site-header {
    z-index: 130;
  }

  body.phase3-app-shell.site-nav-open::before {
    content: '';
    position: fixed;
    inset: var(--shell-mobile-header-height) 0 0;
    z-index: 110;
    background: rgba(35, 23, 17, .36);
    backdrop-filter: blur(2px);
  }

  body.phase3-app-shell .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
    justify-items: stretch;
  }

  body.phase3-app-shell .footer-grid > :first-child {
    grid-column: 1 / -1;
  }

  body.phase3-app-shell .footer-link-group,
  body.phase3-app-shell .site-footer .footer-grid > div {
    width: 100%;
    justify-items: start;
  }

  body.phase3-app-shell .site-footer a {
    width: 100%;
    justify-content: flex-start;
    margin-inline: 0;
  }
}

@media (max-width: 760px) {
  body.phase3-app-shell {
    padding-bottom: calc(var(--shell-mobile-nav-height) + env(safe-area-inset-bottom));
  }

  body.phase3-app-shell .mobile-app-nav {
    box-sizing: border-box;
    min-height: calc(var(--shell-mobile-nav-height) + env(safe-area-inset-bottom));
    gap: 0;
    padding: 6px 5px calc(6px + env(safe-area-inset-bottom));
    border-top-color: rgba(157, 13, 17, .14);
    background: rgba(255, 251, 245, .98);
  }

  body.phase3-app-shell .mobile-app-nav-item {
    box-sizing: border-box;
    min-width: 0;
    min-height: 58px;
    padding: 4px 1px;
    gap: 3px;
    border-radius: 6px;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: 0;
  }

  body.phase3-app-shell .mobile-app-nav-item > span:last-of-type {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.phase3-app-shell .mobile-app-nav-item[href$="/requests"] > span:last-of-type {
    letter-spacing: 0;
  }

  body.phase3-app-shell .mobile-app-icon {
    width: 28px;
    height: 28px;
    border-radius: 6px;
  }

  body.phase3-app-shell .site-footer {
    padding-bottom: calc(var(--shell-mobile-nav-height) + 30px + env(safe-area-inset-bottom));
  }

  body.phase3-app-shell .footer-grid {
    grid-template-columns: 1fr;
    gap: 22px;
    text-align: center;
  }

  body.phase3-app-shell .footer-grid > :first-child {
    grid-column: auto;
  }

  body.phase3-app-shell .footer-link-group,
  body.phase3-app-shell .site-footer .footer-grid > div {
    justify-items: center;
  }

  body.phase3-app-shell .site-footer a {
    min-height: 44px;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 340px) {
  body.phase3-app-shell .mobile-app-nav {
    padding-inline: 2px;
  }
}

/* U1: one authoritative application shell across every route family. */
body.u1-platform-shell.phase3-app-shell {
  --app-mobile-header-height: var(--shell-mobile-header-height);
  overflow-x: clip;
}

body.u1-platform-shell.phase3-app-shell .site-header {
  display: flex;
  height: var(--shell-header-height);
  min-height: var(--shell-header-height);
  padding: 8px var(--shell-inline);
  border-bottom: 1px solid rgba(157, 13, 17, .12);
  background: rgba(255, 251, 245, .97);
  backdrop-filter: blur(14px);
}

body.u1-platform-shell.phase3-app-shell .site-header.is-scrolled {
  background: rgba(255, 251, 245, .99);
  box-shadow: 0 12px 30px rgba(61, 35, 18, .08);
}

body.u1-platform-shell.phase3-app-shell .site-header .brand {
  flex: 0 1 220px;
}

body.u1-platform-shell.phase3-app-shell .site-header .brand img {
  width: clamp(170px, 16vw, 220px);
  max-height: 52px;
  object-position: left center;
}

body.u1-platform-shell.phase3-app-shell .site-nav .nav-icon-link {
  border-radius: 8px;
}

body.u1-platform-shell:not(.page-dashboard):not(.page-admin) .app-main h1,
body.u1-platform-shell:not(.page-dashboard):not(.page-admin) .app-main h2 {
  font-family: Fraunces, Georgia, serif;
  letter-spacing: -.015em;
}

body.u1-platform-shell:not(.page-dashboard):not(.page-admin) .app-main h1 {
  line-height: 1.08;
}

body.u1-platform-shell.phase3-app-shell .site-footer {
  position: relative;
  inset: auto;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 48px var(--shell-inline) 24px;
  overflow: hidden;
  transform: none;
  background: #211813;
}

body.u1-platform-shell.phase3-app-shell .footer-video-overlay {
  position: absolute;
  inset: 0;
  height: 100%;
  background: radial-gradient(circle at 12% 0%, rgba(157, 13, 17, .24), transparent 36%);
}

body.u1-platform-shell.phase3-app-shell .footer-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.55fr) repeat(3, minmax(150px, 1fr));
  gap: clamp(24px, 3vw, 48px);
  width: min(100%, 1280px);
}

body.u1-platform-shell.phase3-app-shell .footer-grid > *,
body.u1-platform-shell.phase3-app-shell .footer-link-group {
  position: relative;
  display: grid;
  align-content: start;
  gap: 4px;
}

body.u1-platform-shell.phase3-app-shell .site-footer a {
  width: fit-content;
  min-height: 40px;
  margin: 0;
  padding: 8px 0;
}

body.u1-platform-shell.phase3-app-shell .footer-bottom {
  width: min(100%, 1280px);
  margin: 28px auto 0;
  padding-top: 18px;
  white-space: normal;
  text-align: center;
}

@media (max-width: 980px) {
  body.u1-platform-shell.phase3-app-shell .site-header {
    display: flex;
    height: var(--shell-mobile-header-height);
    min-height: var(--shell-mobile-header-height);
    padding: 7px 12px;
  }

  body.u1-platform-shell.phase3-app-shell .site-header .brand {
    flex: 0 1 190px;
  }

  body.u1-platform-shell.phase3-app-shell .site-header .brand img {
    width: min(185px, 54vw);
    max-height: 46px;
  }

  body.u1-platform-shell.phase3-app-shell .site-nav {
    top: calc(var(--shell-mobile-header-height) + 8px);
  }

  body.u1-platform-shell.phase3-app-shell .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.u1-platform-shell.phase3-app-shell .footer-grid > :first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  body.u1-platform-shell.phase3-app-shell {
    padding-top: var(--shell-mobile-header-height);
    padding-bottom: calc(var(--shell-mobile-nav-height) + env(safe-area-inset-bottom));
  }

  body.u1-platform-shell.phase3-app-shell:not(.page-auth):not(.page-admin) .mobile-app-nav {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, .92fr) minmax(0, .92fr) minmax(0, 1.35fr) minmax(0, .92fr) minmax(0, .92fr);
    min-height: calc(var(--shell-mobile-nav-height) + env(safe-area-inset-bottom));
  }

  body.u1-platform-shell.phase3-app-shell .site-footer {
    padding: 38px 18px calc(var(--shell-mobile-nav-height) + 28px + env(safe-area-inset-bottom));
  }

  body.u1-platform-shell.phase3-app-shell .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
  }

  body.u1-platform-shell.phase3-app-shell .footer-grid > :first-child {
    grid-column: 1 / -1;
  }

  body.u1-platform-shell.phase3-app-shell .footer-link-group:last-child {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
  }

  body.u1-platform-shell.phase3-app-shell .footer-link-group:last-child h3 {
    grid-column: 1 / -1;
  }

  body.u1-platform-shell.phase3-app-shell .footer-grid > *,
  body.u1-platform-shell.phase3-app-shell .footer-link-group {
    justify-items: center;
    text-align: center;
  }

  body.u1-platform-shell.phase3-app-shell .site-footer a {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    justify-content: center;
    text-align: center;
  }

  body.u1-platform-shell.phase3-app-shell .footer-grid > *,
  body.u1-platform-shell.phase3-app-shell .footer-link-group {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 360px) {
  body.u1-platform-shell.phase3-app-shell .footer-grid,
  body.u1-platform-shell.phase3-app-shell .footer-link-group:last-child {
    grid-template-columns: minmax(0, 1fr);
  }

  body.u1-platform-shell.phase3-app-shell .footer-link-group:last-child {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.phase3-app-shell .site-header,
  body.phase3-app-shell .site-nav,
  body.phase3-app-shell .mobile-app-nav-item {
    scroll-behavior: auto;
    transition: none;
  }
}

/* A2 source: assets/css/detail-conversion.u9.css */
/*
 * U9 detail and conversion-family contract.
 * Loaded only for profile, service, course, product, design and contact routes.
 */

body.u9-detail-conversion.page-public {
  --u9-shell: min(1180px, calc(100% - 32px));
  --u9-reading: min(780px, 100%);
  --u9-gap: clamp(16px, 2.2vw, 24px);
  --u9-section-space: clamp(24px, 3vw, 40px);
  --u9-radius: 12px;
}

body.u9-detail-conversion .button.whatsapp {
  border-color: #157a46 !important;
  background: #157a46 !important;
  color: #fff !important;
}

body.u9-detail-conversion .button.whatsapp:is(:hover, :focus-visible) {
  border-color: #10663a !important;
  background: #10663a !important;
  color: #fff !important;
}

body.u9-detail-conversion.page-public .app-main {
  overflow: clip;
  background: var(--ms-color-surface-soft);
}

body.u9-detail-conversion.page-public .app-main > .section {
  width: var(--u9-shell) !important;
  max-width: var(--u9-shell) !important;
  min-height: 0 !important;
  margin: 16px auto !important;
  padding: var(--u9-section-space) !important;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface);
  box-shadow: none;
}

body.u9-detail-conversion.page-public .app-main > .section.muted {
  background: #fffdf9 !important;
}

body.u9-detail-conversion.page-public .app-main :is(.section-head, .centered-head) {
  max-width: var(--u9-reading) !important;
  margin: 0 0 22px !important;
  text-align: left !important;
}

body.u9-detail-conversion.page-public .app-main :is(.section-head, .centered-head) > * {
  margin-inline: 0 !important;
}

body.u9-detail-conversion.page-public .app-main :is(.section-head, .centered-head) h2 {
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
}

/* Shared four-step decision path. */
body.u9-detail-conversion.page-public .u9-detail-journey {
  display: grid !important;
  width: var(--u9-shell) !important;
  max-width: var(--u9-shell) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 16px auto !important;
  padding: 8px !important;
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.u9-detail-conversion.page-public .u9-detail-journey > a {
  display: grid !important;
  min-width: 0 !important;
  min-height: 58px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: var(--ms-radius-control) !important;
  background: transparent !important;
  color: var(--ms-color-ink) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-decoration: none !important;
}

body.u9-detail-conversion.page-public .u9-detail-journey > a:hover,
body.u9-detail-conversion.page-public .u9-detail-journey > a:focus-visible {
  background: var(--ms-color-surface-soft) !important;
}

body.u9-detail-conversion.page-public .u9-detail-journey strong {
  color: var(--ms-color-brand);
  font-size: 12px;
  font-weight: 800;
}

body.u9-detail-conversion.page-public .u9-detail-journey span {
  display: grid !important;
  min-width: 0;
  gap: 3px;
  color: var(--ms-color-ink) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body.u9-detail-conversion.page-public .u9-detail-journey small {
  overflow: hidden;
  color: var(--ms-color-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Profile uses the same shell while preserving genuine supplied content. */
body.u9-detail-conversion.route-profile .discovery-v1-profile {
  width: var(--u9-shell);
  max-width: var(--u9-shell);
  margin-inline: auto;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__hero {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 16px auto !important;
  padding: clamp(20px, 3vw, 32px) !important;
  gap: clamp(20px, 3vw, 36px) !important;
  align-items: center !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__media {
  min-height: 360px !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface-soft) !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__media img {
  width: 100% !important;
  height: 100% !important;
  max-height: 460px !important;
  object-fit: cover !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__details {
  min-width: 0;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__details > p:not(.eyebrow) {
  max-width: 62ch;
  font-size: clamp(15px, 1.35vw, 18px) !important;
  line-height: 1.62 !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__details h1 {
  max-width: 15ch;
  font-family: Fraunces, Georgia, serif !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.02 !important;
  text-wrap: balance;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__sections.u9-detail-journey {
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__section {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 16px auto !important;
  padding: var(--u9-section-space) !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
}

/* Section C learning: one structure, restrained colour cues by decision stage. */
body.u9-detail-conversion.route-profile .discovery-v1-profile__section:nth-of-type(4n + 1) {
  background: linear-gradient(145deg, #fff8ed, #fffdf9) !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__section:nth-of-type(4n + 2) {
  background: linear-gradient(145deg, #eef8f4, #fffdf9) !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__section:nth-of-type(4n + 3) {
  background: linear-gradient(145deg, #fff1f4, #fffdfb) !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-profile__section:nth-of-type(4n) {
  background: linear-gradient(145deg, #f1f4ff, #fffdfb) !important;
}

body.u9-detail-conversion:is(.route-product, .route-design, .route-service, .route-course) .app-main > .section:nth-of-type(4n + 1) {
  background: linear-gradient(145deg, #fff8ed, #fffdf9) !important;
}

body.u9-detail-conversion:is(.route-product, .route-design, .route-service, .route-course) .app-main > .section:nth-of-type(4n + 2) {
  background: linear-gradient(145deg, #eef8f4, #fffdf9) !important;
}

body.u9-detail-conversion:is(.route-product, .route-design, .route-service, .route-course) .app-main > .section:nth-of-type(4n + 3) {
  background: linear-gradient(145deg, #fff1f4, #fffdfb) !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-section-heading {
  max-width: var(--u9-reading) !important;
  margin: 0 0 22px !important;
  text-align: left !important;
}

body.u9-detail-conversion.route-profile .discovery-v1-section-heading > * {
  margin-inline: 0 !important;
}

/* Product and design heroes share one proof-first composition. */
body.u9-detail-conversion:is(.route-product, .route-design) .app-main > .detail-hero {
  display: grid !important;
  width: var(--u9-shell) !important;
  max-width: var(--u9-shell) !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px) !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  gap: 12px 32px !important;
  margin: 16px auto !important;
  padding: clamp(24px, 3vw, 36px) !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :not(.hero-product-photo, .phase6-design-hero-media) {
  grid-column: 1;
  min-width: 0;
  margin-inline: 0 !important;
  text-align: left !important;
}

body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :is(.hero-product-photo, .phase6-design-hero-media) {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 330px !important;
  grid-column: 2;
  grid-row: 1 / span 6;
  align-self: stretch;
  margin: 0 !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  overflow: hidden;
  background: var(--ms-color-surface-soft) !important;
}

body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :is(.hero-product-photo, .phase6-design-hero-media) :is(a, picture) {
  display: block;
  width: 100%;
  height: 100%;
}

body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :is(.hero-product-photo, .phase6-design-hero-media) img {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  object-fit: cover !important;
}

body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero h1,
body.u9-detail-conversion:is(.route-service, .route-course) .detail-hero h1 {
  max-width: 16ch !important;
  margin: 0 !important;
  font-family: Fraunces, Georgia, serif !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.04 !important;
  text-wrap: balance;
}

body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > p:not(.eyebrow) {
  max-width: 62ch !important;
  margin: 0 !important;
}

body.u9-detail-conversion .detail-hero .hero-actions {
  display: flex !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 4px 0 0 !important;
}

body.u9-detail-conversion .detail-hero .hero-actions :is(.button, .ui-button) {
  width: auto !important;
  min-width: 132px !important;
  min-height: 44px !important;
  margin: 0 !important;
}

body.u9-detail-conversion.route-product .detail-hero .hero-actions a[href$='/products'] {
  display: none !important;
}

body.u9-detail-conversion .detail-hero .trust-strip {
  display: flex !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 4px 0 0 !important;
}

body.u9-detail-conversion .detail-hero .trust-strip span {
  min-height: 32px;
  padding: 7px 10px !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: 999px !important;
  background: var(--ms-color-surface-soft) !important;
  color: var(--ms-color-muted) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Service and course details retain their data but use the same centered shell. */
body.u9-detail-conversion:is(.route-service, .route-course) .app-main > .detail-hero {
  width: var(--u9-shell) !important;
  max-width: var(--u9-shell) !important;
  min-height: 0 !important;
  margin: 16px auto !important;
  padding: clamp(28px, 4vw, 48px) !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.u9-detail-conversion:is(.route-service, .route-course) .detail-hero > * {
  max-width: var(--u9-reading) !important;
  margin-inline: 0 !important;
  text-align: left !important;
}

/* One fact layer and one contact layer: legacy duplicate conversion blocks recede. */
body.u9-detail-conversion .phase4-entity-card-grid,
body.u9-detail-conversion .phase6-design-signal-grid,
body.u9-detail-conversion .detail-kpi-grid,
body.u9-detail-conversion .product-spec-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body.u9-detail-conversion :is(.phase4-entity-card-grid, .phase6-design-signal-grid, .detail-kpi-grid, .product-spec-grid) > * {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
}

body.u9-detail-conversion .phase4-entity-copy,
body.u9-detail-conversion .phase6-design-proof-copy {
  max-width: var(--u9-reading);
  margin-bottom: 20px;
}

body.u9-detail-conversion .app-main > .section:has(> .detail-conversion-panel),
body.u9-detail-conversion .phase4-entity-actions,
body.u9-detail-conversion .phase5-buyer-path,
body.u9-detail-conversion .phase6-design-booking-path,
body.u9-detail-conversion .phase5-trust-score {
  display: none !important;
}

body.u9-detail-conversion .app-main :is(.panel, .ui-card, .form-card) {
  min-width: 0;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
}

body.u9-detail-conversion .app-main :is(.split, .phase5-product-proof-grid, .u1-profile-overview-grid, .u1-profile-review-layout) {
  align-items: start !important;
  gap: var(--u9-gap) !important;
}

body.u9-detail-conversion .app-main :is(.form-card, .discovery-v1-inquiry, .u1-profile-review-form) {
  width: 100%;
  max-width: 760px;
  padding: clamp(18px, 3vw, 28px) !important;
}

body.u9-detail-conversion .app-main :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--ms-radius-control) !important;
  background: var(--ms-color-surface) !important;
  color: var(--ms-color-ink) !important;
  font-size: max(16px, 1em) !important;
}

body.u9-detail-conversion .app-main textarea {
  min-height: 120px;
}

body.u9-detail-conversion .app-main :is(.faq-list, .support-read-more) details {
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--ms-radius-control) !important;
  background: var(--ms-color-surface) !important;
  box-shadow: none !important;
}

/* Support follows the same decision rail and restrained conversion shell. */
body.u9-detail-conversion.route-contact .app-main > .support-page-hero {
  width: var(--u9-shell) !important;
  max-width: var(--u9-shell) !important;
  min-height: 0 !important;
  margin: 16px auto !important;
  padding: clamp(28px, 4vw, 48px) !important;
  border: 1px solid var(--ms-color-border) !important;
  border-radius: var(--u9-radius) !important;
  box-shadow: none !important;
}

body.u9-detail-conversion.route-contact .support-contact-shell {
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr) !important;
}

body.u9-detail-conversion.route-contact .support-role-section .section-head {
  margin-inline: auto !important;
  text-align: center !important;
}

body.u9-detail-conversion.route-contact .support-flip-card {
  min-height: 0 !important;
  perspective: none !important;
}

body.u9-detail-conversion.route-contact .support-flip-inner {
  display: block !important;
  min-height: 0 !important;
  transform: none !important;
  transform-style: flat !important;
  transition: none !important;
}

body.u9-detail-conversion.route-contact .support-flip-face {
  position: static !important;
  min-height: 100% !important;
  transform: none !important;
  backface-visibility: visible !important;
}

body.u9-detail-conversion.route-contact .support-flip-front small {
  display: block;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--ms-color-border);
  color: var(--ms-color-muted);
  font-size: 12px;
  line-height: 1.45;
}

body.u9-detail-conversion.route-contact .support-flip-back {
  display: none !important;
}

@media (max-width: 1023px) {
  body.u9-detail-conversion.page-public {
    --u9-shell: min(100% - 32px, 920px);
  }

  body.u9-detail-conversion .phase4-entity-card-grid,
  body.u9-detail-conversion .phase6-design-signal-grid,
  body.u9-detail-conversion .detail-kpi-grid,
  body.u9-detail-conversion .product-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u9-detail-conversion.route-contact .support-contact-shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.u9-detail-conversion.page-public {
    --u9-shell: min(100% - 24px, 680px);
    --u9-section-space: 22px 18px;
  }

  body.u9-detail-conversion.page-public .u9-detail-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.u9-detail-conversion.page-public .u9-detail-journey > a {
    min-height: 54px !important;
    padding: 8px !important;
  }

  body.u9-detail-conversion:is(.route-product, .route-design) .app-main > .detail-hero {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px !important;
  }

  body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :not(.hero-product-photo, .phase6-design-hero-media),
  body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :is(.hero-product-photo, .phase6-design-hero-media) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :is(.hero-product-photo, .phase6-design-hero-media) {
    min-height: 240px !important;
    order: -1;
  }

  body.u9-detail-conversion:is(.route-product, .route-design) .detail-hero > :is(.hero-product-photo, .phase6-design-hero-media) img {
    min-height: 240px !important;
  }

  body.u9-detail-conversion.route-profile .discovery-v1-profile__hero {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }

  body.u9-detail-conversion.route-profile .discovery-v1-profile__media {
    min-height: 240px !important;
  }

  body.u9-detail-conversion.route-profile .discovery-v1-profile__details h1,
  body.u9-detail-conversion:is(.route-product, .route-design, .route-service, .route-course) .detail-hero h1 {
    max-width: 100% !important;
    font-size: clamp(32px, 10vw, 42px) !important;
  }

  body.u9-detail-conversion.route-profile .discovery-v1-profile__details > p:not(.eyebrow) {
    font-size: clamp(15px, 4.3vw, 17px) !important;
  }

  body.u9-detail-conversion .detail-hero .hero-actions :is(.button, .ui-button) {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
  }

  body.u9-detail-conversion .app-main > .detail-hero .hero-actions {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
    margin-inline: 0 !important;
  }

  body.u9-detail-conversion .app-main > .detail-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.u9-detail-conversion .phase4-entity-card-grid,
  body.u9-detail-conversion .phase6-design-signal-grid,
  body.u9-detail-conversion .detail-kpi-grid,
  body.u9-detail-conversion .product-spec-grid {
    grid-template-columns: 1fr !important;
  }

  body.u9-detail-conversion .app-main > .section,
  body.u9-detail-conversion.route-profile .discovery-v1-profile__section {
    margin-block: 12px !important;
  }
}

@media (max-width: 420px) {
  body.u9-detail-conversion.page-public .u9-detail-journey small {
    white-space: normal;
  }

  body.u9-detail-conversion.page-public .u9-detail-journey > a {
    align-items: start !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.u9-detail-conversion.page-public .app-main *,
  body.u9-detail-conversion.page-public .app-main *::before,
  body.u9-detail-conversion.page-public .app-main *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* A2 source: assets/css/consent.a4.css */
.footer-privacy-choice {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  gap: 0.55rem;
  padding: 0;
  text-align: left;
}

.footer-privacy-choice:hover,
.footer-privacy-choice:focus-visible {
  color: #fff;
  text-decoration: underline;
}

.consent-banner[hidden],
.consent-dialog:not([open]) {
  display: none !important;
}

.consent-choice-known .consent-banner {
  display: none;
}

.consent-banner {
  align-items: center;
  background: #fffaf6;
  border: 1px solid #e8cfc6;
  border-radius: 20px;
  bottom: max(1rem, env(safe-area-inset-bottom));
  box-shadow: 0 24px 70px rgba(62, 21, 22, 0.24);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  left: 50%;
  max-width: min(1120px, calc(100vw - 2rem));
  padding: 1.1rem;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10000;
}

.consent-banner-copy h2,
.consent-dialog h2 {
  color: #461014;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  margin: 0.15rem 0 0.4rem;
}

.consent-banner-copy p:not(.eyebrow),
.consent-dialog p {
  color: #654d4d;
  line-height: 1.55;
  margin: 0;
}

.consent-banner-copy a {
  color: #8e1117;
  display: inline-block;
  font-weight: 700;
  margin-top: 0.55rem;
}

.consent-banner-actions,
.consent-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: flex-end;
}

.consent-banner .consent-banner-actions .button.small,
.consent-dialog .consent-dialog-actions .button.small {
  min-height: 44px;
}

.consent-dialog {
  background: #fffaf6;
  border: 1px solid #e8cfc6;
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(46, 13, 15, 0.3);
  color: #2f2020;
  max-height: min(760px, calc(100vh - 2rem));
  max-width: min(680px, calc(100vw - 2rem));
  padding: 0;
  width: 100%;
}

.consent-dialog::backdrop {
  background: rgba(28, 12, 14, 0.66);
  backdrop-filter: blur(3px);
}

.consent-dialog form {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.5rem);
}

.consent-dialog-head {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.consent-dialog-close {
  align-items: center;
  background: #f2dfd8;
  border: 0;
  border-radius: 50%;
  color: #5e161b;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 44px;
  font-size: 1.75rem;
  height: 44px;
  justify-content: center;
}

.consent-choice {
  align-items: center;
  background: #fff;
  border: 1px solid #ead7d0;
  border-radius: 16px;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem;
}

.consent-choice strong {
  color: #461014;
  display: block;
  font-size: 1.05rem;
  margin-bottom: 0.2rem;
}

.consent-choice.is-required span {
  background: #f3e2dc;
  border-radius: 999px;
  color: #6b1a20;
  flex: 0 0 auto;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 0.45rem 0.7rem;
}

.consent-choice input {
  accent-color: #9d0d11;
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

.consent-dialog-note {
  font-size: 0.9rem;
}

.legal-policy-meta {
  color: #5e4242;
  font-size: 0.92rem;
  line-height: 1.6;
}

.legal-consent-control {
  align-items: center;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
}

.legal-consent-control h2,
.legal-consent-control p {
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .consent-banner {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  .consent-banner-actions,
  .consent-dialog-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .consent-banner-actions .button,
  .consent-dialog-actions .button {
    justify-content: center;
    width: 100%;
  }

  .consent-choice {
    align-items: flex-start;
  }

  .legal-consent-control {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .consent-banner,
  .consent-dialog {
    scroll-behavior: auto;
  }
}

/* A2 source: assets/css/founder-review-section-a.v1.css */
/* Founder Phase 1 review, Section A: public hierarchy, discovery and catalog polish. */

body.phase3-app-shell {
  --shell-header-height: 84px;
  --shell-mobile-header-height: 70px;
}

body.u1-platform-shell.phase3-app-shell .site-header {
  padding-block: 10px;
  border-bottom-color: rgba(122, 38, 25, .16);
  background-image:
    linear-gradient(90deg, rgba(255, 249, 239, .97), rgba(255, 244, 226, .94)),
    url('../img/hero-pattern.svg');
  background-position: center;
  background-size: cover;
  box-shadow: 0 10px 30px rgba(76, 39, 20, .08);
}

body.u1-platform-shell.phase3-app-shell .site-header.is-scrolled {
  background-image:
    linear-gradient(90deg, rgba(255, 249, 239, .99), rgba(255, 244, 226, .98)),
    url('../img/hero-pattern.svg');
}

body.u1-platform-shell.phase3-app-shell .site-header .brand {
  flex-basis: 250px;
}

body.u1-platform-shell.phase3-app-shell .site-header .brand img {
  width: clamp(190px, 17vw, 250px);
  max-height: 60px;
}

body.phase3-app-shell .site-nav .nav-icon-link {
  min-width: 68px;
  min-height: 54px;
  padding: 8px 7px;
  font-size: .82rem;
}

body.phase3-app-shell .nav-link-icon .ui-icon-svg {
  width: 23px;
  height: 23px;
}

body.route-home.page-home .discovery-v1-home {
  display: block !important;
  min-height: 0 !important;
  width: min(1180px, calc(100vw - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(38px, 6vw, 76px) clamp(22px, 5vw, 70px) !important;
  border: 1px solid rgba(157, 13, 17, .12);
  border-radius: 0 0 28px 28px;
  background:
    radial-gradient(circle at 12% 10%, rgba(230, 171, 47, .18), transparent 29%),
    radial-gradient(circle at 90% 18%, rgba(157, 13, 17, .1), transparent 31%),
    #fffaf1;
  text-align: center;
}

body.route-home.page-home .discovery-v1-home__primary {
  width: min(100%, 960px);
  margin-inline: auto;
  justify-items: center;
}

body.route-home.page-home .discovery-v1-home h1 {
  max-width: 940px;
  margin-inline: auto;
  font-size: clamp(2.65rem, 5.25vw, 4.9rem);
  line-height: .98;
  text-wrap: balance;
}

body.route-home.page-home .discovery-v1-home .discovery-v1-lead {
  max-width: 720px;
  margin-inline: auto;
}

body.route-home.page-home .discovery-v1-search {
  width: min(100%, 820px);
  margin-inline: auto;
  text-align: left;
}

body.route-home.page-home .discovery-v1-search .discovery-v1-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.route-home.page-home .discovery-v1-search .ui-button {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

body.route-home.page-home .discovery-v1-search .ui-button.is-location {
  border-color: #176d55;
  background: #176d55;
  color: #fff;
}

body.route-home.page-home .discovery-v1-location-status {
  display: block;
  width: 100%;
  margin-top: 8px;
  text-align: center;
}

body.route-home.page-home .compact-feature-section {
  position: relative;
  overflow: hidden;
}

body.route-home.page-home .compact-feature-section--artists {
  background: linear-gradient(180deg, #fff8f5, #fdebe8) !important;
}

body.route-home.page-home .compact-feature-section--tutors {
  background: linear-gradient(180deg, #f4fbf7, #e5f4eb) !important;
}

body.route-home.page-home .compact-feature-section--products {
  background: linear-gradient(180deg, #fffbeb, #fff1c9) !important;
}

body.route-home.page-home .compact-feature-section .section-head h2,
body.route-home.page-home .home-confidence-section .section-head h2 {
  max-width: 900px !important;
}

body.route-home.page-home .compact-profile-card {
  min-height: 330px !important;
  padding: 24px 20px !important;
  border-color: rgba(83, 42, 23, .14) !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 16px 36px rgba(74, 38, 20, .09) !important;
}

body.route-home.page-home .compact-feature-section--artists .compact-profile-card {
  background: linear-gradient(160deg, #fff, #ffe7e2) !important;
}

body.route-home.page-home .compact-feature-section--tutors .compact-profile-card {
  background: linear-gradient(160deg, #fff, #dff2e7) !important;
}

body.route-home.page-home .compact-feature-section--products .compact-profile-card {
  background: linear-gradient(160deg, #fff, #ffefba) !important;
}

body.route-home.page-home .compact-profile-card > img {
  width: 136px !important;
  height: 136px !important;
  min-width: 136px !important;
  border: 4px solid rgba(255, 255, 255, .9);
  box-shadow: 0 10px 24px rgba(67, 34, 18, .16);
}

body.route-home.page-home .compact-feature-section--products .compact-profile-card > img {
  border-radius: 20px !important;
}

body.route-home.page-home .compact-profile-card strong {
  font-size: 1.08rem !important;
}

body.route-home.page-home .pwa-install-card,
body.route-home.page-home ~ .pwa-install-card,
.pwa-install-card {
  border-color: rgba(157, 13, 17, .22);
  background: linear-gradient(135deg, #fff0df, #ffe0cc);
  color: #351d14;
  box-shadow: 0 18px 44px rgba(83, 37, 19, .2);
}

body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(1) { background: #fde8e4 !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(2) { background: #e4f3e9 !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(3) { background: #fff1c9 !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(4) { background: #ffe8cf !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(5) { background: #e1f2ef !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(6) { background: #f4e7f0 !important; }

body.route-home.page-home .customer-task-section {
  background:
    linear-gradient(rgba(255, 250, 242, .91), rgba(255, 247, 235, .94)),
    url('../img/hero-pattern.svg') center / cover !important;
}

body.route-home.page-home .customer-task-grid-v2 .task-detail-card:nth-child(1) { background: #fde8e4 !important; }
body.route-home.page-home .customer-task-grid-v2 .task-detail-card:nth-child(2) { background: #fff1c9 !important; }
body.route-home.page-home .customer-task-grid-v2 .task-detail-card:nth-child(3) { background: #e4f3e9 !important; }
body.route-home.page-home .customer-task-grid-v2 .task-detail-card:nth-child(4) { background: #ffe8cf !important; }

body.route-home.page-home .faq-list details summary {
  color: #3b2419 !important;
  font-weight: 850 !important;
}

body.route-home.page-home .faq-list details p {
  color: #17634e !important;
  font-weight: 500 !important;
}

body.route-home.page-home .home-faq-section .section-head h2 {
  max-width: none !important;
  white-space: nowrap;
}

body.route-artists .artist-filter-actions .button,
body.route-tutors .artist-filter-actions .button {
  min-width: 0 !important;
  padding-inline: 10px !important;
  font-size: .78rem !important;
  white-space: nowrap !important;
}

body:is(.route-artists, .route-tutors) .artist-results-summary {
  margin-bottom: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(157, 13, 17, .14);
  border-radius: 16px;
  background: linear-gradient(135deg, #fff4e8, #fffaf3);
}

body.phase1-foundation:is(.route-artists, .route-tutors) .artist-results-summary h2 {
  max-width: 100%;
  white-space: normal !important;
  text-wrap-mode: wrap !important;
  text-wrap-style: balance;
  overflow-wrap: anywhere;
}

body.route-artists .discovery-v1-provider-card {
  background: linear-gradient(110deg, #fff6f2 0 31%, #fff 31% 100%) !important;
}

body.route-tutors .discovery-v1-provider-card {
  background: linear-gradient(110deg, #eef8f2 0 31%, #fff 31% 100%) !important;
}

body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__media {
  min-height: 210px;
}

body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__media img:not(.discovery-v1-provider-card__placeholder-icon) {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
}

body.route-artists .discovery-v1-provider-card__body .ui-button {
  border-color: #9d0d11;
  background: #9d0d11;
  color: #fff;
}

body.route-tutors .discovery-v1-provider-card__body .ui-button {
  border-color: #176d55;
  background: #176d55;
  color: #fff;
}

body.u8-catalog-unification.page-public .catalog-u8-hero {
  gap: 16px;
  margin-block: 16px 22px;
  padding: clamp(24px, 3vw, 38px);
}

body.u8-catalog-unification.page-public .catalog-u8-hero h1 {
  font-size: clamp(2.25rem, 4.2vw, 4rem);
}

body.u8-catalog-unification.page-public .catalog-u8-guidance {
  padding: 10px 12px;
  border: 1px solid var(--ms-color-border);
  border-radius: var(--ms-radius-control);
  background: rgba(255, 255, 255, .75);
}

body.u8-catalog-unification.page-public .catalog-u8-guidance > summary {
  cursor: pointer;
  color: var(--ms-color-brand);
  font-weight: 850;
}

body.u8-catalog-unification.page-public .catalog-u8-guidance .catalog-u8-quick-grid {
  margin-top: 12px;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .app-main {
  display: flex;
  flex-direction: column;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .app-main > .catalog-u8-hero {
  order: 1;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .app-main > .marketplace-directory-section {
  order: 2;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .app-main > .section:not(.marketplace-directory-section) {
  order: 3;
}

body.u8-catalog-unification.page-public .marketplace-results-panel,
body.u8-catalog-unification.page-public .artist-results-panel {
  overflow: hidden;
}

.u1-profile-review-login-gate {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 250px;
  background: linear-gradient(145deg, #fff8ed, #ffecde);
}

.u1-profile-review-login-gate strong {
  color: #6f0b0e;
  font-size: 1.2rem;
}

@media (max-width: 1100px) and (min-width: 981px) {
  body.u1-platform-shell.phase3-app-shell .site-header .brand {
    flex-basis: 205px;
  }

  body.u1-platform-shell.phase3-app-shell .site-header .brand img {
    width: 205px;
  }

  body.phase3-app-shell .site-nav .nav-icon-link {
    min-width: 58px;
    font-size: .74rem;
  }
}

@media (max-width: 980px) {
  body.u1-platform-shell.phase3-app-shell .site-header {
    padding: 8px 14px;
  }

  body.u1-platform-shell.phase3-app-shell .site-header .brand {
    flex-basis: 205px;
  }

  body.u1-platform-shell.phase3-app-shell .site-header .brand img {
    width: min(200px, 58vw);
    max-height: 52px;
  }

  body.phase3-app-shell .site-nav {
    top: calc(var(--shell-mobile-header-height) + 8px);
    border-color: rgba(122, 38, 25, .18);
    background-image:
      linear-gradient(rgba(255, 249, 239, .97), rgba(255, 242, 221, .97)),
      url('../img/hero-pattern.svg');
    background-position: center;
    background-size: cover;
  }
}

@media (max-width: 760px) {
  body.route-home.page-home .discovery-v1-home {
    width: calc(100vw - 16px) !important;
    padding: 30px 16px 34px !important;
    border-radius: 0 0 22px 22px;
  }

  body.route-home.page-home .discovery-v1-home h1 {
    font-size: 1.85rem;
    line-height: 1.05;
  }

  body.route-home.page-home .discovery-v1-search .discovery-v1-actions {
    grid-template-columns: 1fr;
  }

  body.route-home.page-home .home-faq-section .section-head h2 {
    white-space: normal;
  }

  body.route-home.page-home .compact-profile-card > img {
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
  }

  body.u8-catalog-unification.page-public .catalog-u8-hero {
    gap: 12px;
    padding: 18px 14px;
  }

  body.u8-catalog-unification.page-public .catalog-u8-hero h1 {
    font-size: clamp(2rem, 9vw, 2.7rem);
  }

  body.u8-catalog-unification.page-public .catalog-u8-lead {
    font-size: .92rem;
    line-height: 1.45;
  }

  body.u8-catalog-unification.page-public .catalog-u8-family-nav {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  body.u8-catalog-unification.page-public .catalog-u8-family-link {
    flex: 0 0 126px;
    scroll-snap-align: start;
  }

  body.u8-catalog-unification.page-public .catalog-u8-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.u8-catalog-unification.page-public .catalog-u8-meta {
    gap: 6px;
  }

  body.u8-catalog-unification.page-public .catalog-u8-meta span {
    min-height: 28px;
    padding: 5px 8px;
    font-size: .72rem;
  }

  body:is(.route-artists, .route-tutors) .artist-results-summary {
    padding: 15px 14px;
  }

  body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__media,
  body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__media img:not(.discovery-v1-provider-card__placeholder-icon) {
    min-height: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.route-home.page-home .compact-profile-card,
  body.u8-catalog-unification.page-public .catalog-u8-quick-card {
    transition: none !important;
  }
}

/* Founder Section A follow-up: full-width discovery, editorial cards and result-first filters. */
body.route-home.page-home .discovery-v1-home {
  width: 100vw !important;
  max-width: none !important;
  margin-inline: calc(50% - 50vw) !important;
  border-inline: 0 !important;
  border-radius: 0 0 28px 28px !important;
}

body.route-home.page-home .discovery-v1-home h1 > span,
body.route-home.page-home .home-confidence-section h2 > span {
  display: block;
}

body.route-home.page-home .compact-feature-section--artists .compact-profile-card {
  border-color: rgba(114, 34, 26, .22) !important;
  background: linear-gradient(145deg, #ffd8cf, #f4b8ad) !important;
  color: #3d1b17 !important;
  box-shadow: 0 18px 40px rgba(116, 44, 29, .16) !important;
}

body.route-home.page-home .compact-feature-section--tutors .compact-profile-card {
  border-color: rgba(20, 91, 67, .22) !important;
  background: linear-gradient(145deg, #d8f0df, #acd9bf) !important;
  color: #123f31 !important;
  box-shadow: 0 18px 40px rgba(23, 89, 66, .15) !important;
}

body.route-home.page-home .compact-feature-section--products .compact-profile-card {
  border-color: rgba(126, 85, 10, .22) !important;
  background: linear-gradient(145deg, #ffedb2, #ffd370) !important;
  color: #4b3105 !important;
  box-shadow: 0 18px 40px rgba(126, 86, 15, .14) !important;
}

body.route-home.page-home .compact-profile-card :is(strong, span, small) {
  color: inherit !important;
}

body.route-home.page-home .home-confidence-section .section-head h2 {
  max-width: 1100px !important;
  margin-inline: auto;
}

/* Founder Phase 1 / Section A closeout: clear, self-contained directory actions. */
body.page-public:is(.route-artists, .route-tutors) .directory-action-nearby {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  min-height: 48px;
  padding-inline: 13px;
  overflow: hidden;
  border-color: #0f7059 !important;
  background: linear-gradient(145deg, #1b8065 0%, #0f6652 100%) !important;
  color: #fff !important;
  font-size: .84rem;
  line-height: 1.05;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0 10px 22px rgba(15, 102, 82, .18);
}

body.page-public:is(.route-artists, .route-tutors) .directory-action-nearby:hover,
body.page-public:is(.route-artists, .route-tutors) .directory-action-nearby:focus-visible {
  border-color: #0b5847 !important;
  background: linear-gradient(145deg, #126d56 0%, #0a5343 100%) !important;
}

body.page-public:is(.route-artists, .route-tutors) .directory-action-nearby[aria-busy="true"] {
  opacity: .82;
  cursor: progress;
}

@media (min-width: 761px) {
  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .artist-filter-location-row {
    display: flex !important;
    align-items: flex-end;
    min-width: 0;
  }
}

body.page-public:is(.route-products, .route-gallery) .directory-action-new {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 88px;
  min-height: 48px;
  padding-inline: 16px;
  overflow: hidden;
  border: 1px solid #a56b00 !important;
  background: linear-gradient(145deg, #f0b51e 0%, #c98700 100%) !important;
  color: #2f2106 !important;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(175, 111, 0, .2);
  isolation: isolate;
  animation: directory-new-pulse 1.8s ease-in-out infinite;
}

body.page-public:is(.route-products, .route-gallery) .directory-action-new::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .55) 48%, transparent 76%);
  content: "";
  transform: translateX(-115%);
  animation: directory-new-sheen 2.8s ease-in-out infinite;
}

body.page-public:is(.route-products, .route-gallery) .directory-new-action-wrap {
  display: flex;
  align-items: flex-end;
}

@keyframes directory-new-pulse {
  0%, 100% { transform: translateY(0); box-shadow: 0 10px 24px rgba(175, 111, 0, .2); }
  50% { transform: translateY(-1px); box-shadow: 0 13px 28px rgba(175, 111, 0, .32); }
}

@keyframes directory-new-sheen {
  0%, 58% { transform: translateX(-115%); }
  82%, 100% { transform: translateX(115%); }
}

@media (prefers-reduced-motion: reduce) {
  body.page-public:is(.route-products, .route-gallery) .directory-action-new,
  body.page-public:is(.route-products, .route-gallery) .directory-action-new::after {
    animation: none;
  }
}

@media (max-width: 760px) {
  body.page-public:is(.route-artists, .route-tutors) .directory-mobile-nearby-form .directory-action-nearby,
  body.page-public:is(.route-products, .route-gallery) .directory-mobile-nearby-form .directory-action-new {
    min-width: 0;
    width: 100%;
    font-size: .78rem;
  }
}

body.route-home.page-home .home-confidence-section .section-head h2 > span {
  white-space: nowrap;
}

body.route-home.page-home .home-confidence-grid .trust-detail-card {
  min-height: 180px !important;
  padding: 0 !important;
  overflow: hidden !important;
  perspective: 1000px;
  background: transparent !important;
}

body.route-home.page-home .trust-card-flip-inner {
  position: relative;
  width: 100%;
  min-height: 180px;
  transform-style: preserve-3d;
  transition: transform .72s cubic-bezier(.2, .72, .2, 1);
}

body.route-home.page-home .trust-detail-card.is-flipped .trust-card-flip-inner {
  transform: rotateY(180deg);
}

body.route-home.page-home .trust-card-face {
  min-height: 180px;
  border-radius: inherit;
  backface-visibility: hidden;
}

body.route-home.page-home .trust-card-face--front {
  position: relative;
  z-index: 1;
  background: inherit;
}

body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(1) .trust-card-face--front { background: #f6c9c1 !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(2) .trust-card-face--front { background: #bfe4cc !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(3) .trust-card-face--front { background: #f7d98d !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(4) .trust-card-face--front { background: #f4c497 !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(5) .trust-card-face--front { background: #b9ded8 !important; }
body.route-home.page-home .home-confidence-grid .trust-detail-card:nth-child(6) .trust-card-face--front { background: #dfbdd4 !important; }

body.route-home.page-home .trust-card-face--back {
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: rotateY(180deg);
  background: #2f1a14;
}

body.route-home.page-home .trust-card-face--back::after,
body.route-home.page-home .task-detail-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(26, 13, 9, .05), rgba(26, 13, 9, .72));
  pointer-events: none;
}

body.route-home.page-home .trust-card-face--back img,
body.route-home.page-home .task-card-visual {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.route-home.page-home .trust-card-face--back .trust-card-back-label {
  position: absolute;
  z-index: 2;
  inset-inline: 16px;
  bottom: 14px;
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  color: #fff;
  font-size: 1rem !important;
  font-weight: 900;
  line-height: 1.25 !important;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

body.route-home.page-home .home-confidence-grid .trust-symbol,
body.route-home.page-home .customer-task-grid-v2 .task-symbol {
  width: 54px !important;
  height: 54px !important;
}

body.route-home.page-home .home-confidence-grid .trust-symbol .task-icon-svg,
body.route-home.page-home .customer-task-grid-v2 .task-symbol .task-icon-svg {
  width: 30px !important;
  height: 30px !important;
}

body.route-home.page-home .task-detail-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #3d241a !important;
}

body.route-home.page-home .task-detail-card::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(22, 11, 8, .26), rgba(22, 11, 8, .78));
}

body.route-home.page-home .task-card-visual {
  z-index: -2;
}

body.route-home.page-home .task-detail-card :is(.task-main-action, details, strong, p, summary) {
  position: relative;
  z-index: 1;
  color: #fff !important;
}

body.route-home.page-home .task-detail-card .task-symbol {
  border-color: rgba(255, 255, 255, .64) !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #8f0f13 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

body.route-home.page-home .home-community-proof-section {
  background: linear-gradient(135deg, #f2e4d3, #dfece5) !important;
}

body.route-home.page-home .home-community-proof-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, .94fr);
  overflow: hidden;
  border: 1px solid rgba(60, 51, 35, .16);
  border-radius: 26px;
  background: #fffaf2;
  box-shadow: 0 24px 60px rgba(60, 36, 22, .14);
}

body.route-home.page-home .home-community-proof-copy {
  display: grid;
  align-content: center;
  gap: 16px;
  padding: clamp(28px, 5vw, 62px);
}

body.route-home.page-home .home-community-proof-copy :is(h2, p) {
  margin: 0;
}

body.route-home.page-home .home-community-proof-copy h2 {
  font-size: clamp(2.2rem, 4.5vw, 4.2rem);
}

body.route-home.page-home .home-community-proof-visual {
  min-height: 520px;
  background:
    linear-gradient(90deg, rgba(255, 250, 242, .18), transparent 42%),
    url('../img/founder-section-a/write-review.webp') center / cover no-repeat;
}

body.route-home.page-home .platform-review-form {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 12px;
}

body.route-home.page-home .platform-review-form .platform-review-body,
body.route-home.page-home .platform-review-form .platform-review-consent,
body.route-home.page-home .platform-review-form > .ui-button {
  grid-column: 1 / -1;
}

body.route-home.page-home .platform-review-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #4f4037;
  font-size: .84rem;
  line-height: 1.45;
}

body.route-home.page-home .platform-review-consent input {
  flex: 0 0 auto;
  margin-top: 3px;
}

body.route-home.page-home .home-review-login-gate {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(157, 13, 17, .16);
  border-radius: 16px;
  background: rgba(255, 255, 255, .7);
}

body.route-home.page-home .platform-review-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

body.route-home.page-home .platform-review-list article {
  display: grid;
  gap: 8px;
  padding: 20px;
  border: 1px solid rgba(24, 98, 75, .16);
  border-radius: 18px;
  background: #f1f8f4;
}

body.route-home.page-home .home-faq-section {
  background: linear-gradient(180deg, #f7efe5, #ede5f0) !important;
}

/* Result-first full-width directory layout with one horizontal filter rail. */
body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-directory-workspace, .marketplace-directory-workspace) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-panel, .marketplace-filter-panel) {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.mobile-filter-toggle, .artist-filter-close, .marketplace-filter-close) {
  display: none !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  border-color: rgba(157, 13, 17, .18) !important;
  background: linear-gradient(90deg, #fff8ec, #f7eee2) !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-card > .discovery-v1-eyebrow,
body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-card > :is(.eyebrow, h3) {
  flex: 0 0 auto;
  align-self: center;
  margin: 0 !important;
  white-space: nowrap;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-mobile-grid {
  display: contents !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) :is(.artist-filter-left, .artist-filter-form, .artist-filter-right) {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  min-width: max-content !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-form > label,
body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > label {
  flex: 0 0 178px;
  min-width: 178px;
  scroll-snap-align: start;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-location-row,
body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .artist-filter-location-row {
  flex: 0 0 154px;
  min-width: 154px;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-form > label .artist-helper-select {
  display: none !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) :is(.artist-quick-signals-group, .artist-filter-right) {
  flex: 0 0 auto;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-group {
  margin: 0 !important;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .quick-filter-checks,
body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) :is(.marketplace-shortcuts, .marketplace-quick-signals) {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-width: max-content;
}

body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-actions {
  display: flex !important;
  flex: 0 0 auto;
  gap: 8px !important;
  margin: 0 !important;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  min-width: max-content;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button, a) {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-card > :is(datalist, .marketplace-shortcuts) {
  flex: 0 0 auto;
}

/* Artists remain on the original discovery route, so mirror the new rail without
   opting that route into the broader U8 catalogue contract. */
body.page-public.route-artists .artist-directory-workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}

body.page-public.route-artists .artist-filter-panel {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.page-public.route-artists :is(.mobile-filter-toggle, .artist-filter-close) {
  display: none !important;
}

body.page-public.route-artists .artist-filter-card {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  border-color: rgba(157, 13, 17, .18) !important;
  background: linear-gradient(90deg, #fff8ec, #f7eee2) !important;
}

body.page-public.route-artists .artist-filter-card > .discovery-v1-eyebrow {
  flex: 0 0 auto;
  align-self: center;
  margin: 0 !important;
  white-space: nowrap;
}

body.page-public.route-artists .artist-filter-mobile-grid {
  display: contents !important;
}

body.page-public.route-artists :is(.artist-filter-left, .artist-filter-form, .artist-filter-right) {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  min-width: max-content !important;
}

body.page-public.route-artists .artist-filter-form > label {
  flex: 0 0 178px;
  min-width: 178px;
  scroll-snap-align: start;
}

body.page-public.route-artists .artist-filter-location-row {
  flex: 0 0 154px;
  min-width: 154px;
}

body.page-public.route-artists .artist-filter-form > label .artist-helper-select {
  display: none !important;
}

body.page-public.route-artists :is(.artist-quick-signals-group, .artist-filter-right) {
  flex: 0 0 auto;
}

body.page-public.route-artists .artist-filter-group {
  margin: 0 !important;
}

body.page-public.route-artists .quick-filter-checks {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-width: max-content;
}

body.page-public.route-artists .artist-filter-actions {
  display: flex !important;
  flex: 0 0 auto;
  gap: 8px !important;
  margin: 0 !important;
}

body:is(.route-artists, .route-tutors) .artist-results-summary,
body:is(.route-products, .route-gallery) .result-toolbar {
  border-color: rgba(87, 47, 24, .2) !important;
  background: linear-gradient(135deg, #e9c9ac, #dcb69b) !important;
  color: #332016 !important;
  box-shadow: 0 12px 28px rgba(70, 37, 20, .12);
}

body.route-artists .discovery-v1-provider-card {
  background: linear-gradient(110deg, #f3bdb1 0 31%, #ffdcd4 31% 100%) !important;
}

body.route-tutors .discovery-v1-provider-card {
  background: linear-gradient(110deg, #a9d8bd 0 31%, #d9f0e1 31% 100%) !important;
}

body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__body :is(h3, strong, p, small) {
  color: #2f2019 !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-hero {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: clamp(16px, 1.8vw, 22px) !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-hero h1 {
  font-size: clamp(2.2rem, 3.5vw, 3rem) !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-hero__copy {
  gap: 4px !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-lead {
  max-width: none !important;
  font-size: .95rem !important;
  line-height: 1.35 !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-family-nav {
  min-height: 50px !important;
  gap: 8px !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-family-link {
  min-height: 50px !important;
  padding: 6px 12px !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-actions .ui-button {
  min-height: 42px !important;
  padding-block: 8px !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-meta span {
  min-height: 28px !important;
  padding-block: 4px !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-guidance > summary {
  min-height: 44px !important;
  padding: 8px 12px !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.catalog-u8-actions, .catalog-u8-meta, .catalog-u8-guidance) {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-hero {
    gap: 7px !important;
    margin-block: 8px 12px !important;
    padding: 14px !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-kicker {
    margin: 0 !important;
    font-size: .7rem !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-hero h1 {
    margin: 0 !important;
    font-size: clamp(1.9rem, 8.5vw, 2.2rem) !important;
    line-height: 1.02 !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-lead {
    display: -webkit-box;
    margin: 0 !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .82rem !important;
    line-height: 1.35 !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-family-nav {
    gap: 4px !important;
    min-height: 42px;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-family-link {
    flex-basis: 94px !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-family-link small {
    display: none !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-family-link strong {
    font-size: .78rem !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-actions {
    gap: 6px !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-actions .ui-button {
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: .78rem !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-meta {
    flex-wrap: nowrap !important;
    overflow-x: auto;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-meta span {
    min-height: 24px !important;
    padding: 3px 7px !important;
    white-space: nowrap;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .catalog-u8-guidance > summary {
    min-height: 40px !important;
    padding: 8px 10px !important;
    font-size: .8rem !important;
  }

  body.route-home.page-home .discovery-v1-home {
    width: 100vw !important;
    padding-inline: 14px !important;
  }

  body.route-home.page-home .discovery-v1-home h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
  }

  body.route-home.page-home .discovery-v1-search .discovery-v1-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  body.route-home.page-home .discovery-v1-search .ui-button {
    min-height: 42px !important;
    padding-inline: 4px !important;
    font-size: clamp(.63rem, 2.7vw, .76rem) !important;
  }

  body.route-home.page-home .home-confidence-section .section-head h2 {
    font-size: clamp(1.4rem, 6.2vw, 1.625rem) !important;
    line-height: 1.08 !important;
  }

  body.route-home.page-home .home-confidence-section .section-head h2 > span {
    white-space: nowrap;
  }

  body.route-home.page-home .trust-card-flip-inner,
  body.route-home.page-home .trust-card-face,
  body.route-home.page-home .home-confidence-grid .trust-detail-card {
    min-height: 180px !important;
  }

  body.route-home.page-home .home-community-proof-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.route-home.page-home .home-community-proof-visual {
    min-height: 330px;
    order: -1;
  }

  body.route-home.page-home .platform-review-form,
  body.route-home.page-home .platform-review-list {
    grid-template-columns: minmax(0, 1fr);
  }

  body.route-home.page-home .platform-review-form > * {
    grid-column: 1 !important;
  }

  body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
    padding: 10px !important;
  }

  body.u8-catalog-unification.page-public:is(.route-artists, .route-tutors) .artist-filter-form > label,
  body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > label {
    flex-basis: min(72vw, 210px);
    min-width: min(72vw, 210px);
  }

  body.page-public.route-artists .artist-filter-card {
    padding: 10px !important;
  }

  body.page-public.route-artists .artist-filter-form > label {
    flex-basis: min(72vw, 210px);
    min-width: min(72vw, 210px);
  }

  body:is(.route-artists, .route-tutors) .discovery-v1-provider-card {
    grid-template-columns: minmax(112px, 34%) minmax(0, 1fr) !important;
  }

  body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__media,
  body:is(.route-artists, .route-tutors) .discovery-v1-provider-card__media img:not(.discovery-v1-provider-card__placeholder-icon) {
    min-height: 210px !important;
  }
}

/* Founder Phase 1 / Section A acceptance: compact review modal and result-first directories. */
body.route-home.page-home .home-review-open {
  width: min(240px, 100%);
}

body.route-home.page-home .platform-review-dialog {
  width: min(680px, calc(100vw - 28px));
  max-height: min(780px, calc(100dvh - 28px));
  padding: 0;
  overflow: auto;
  border: 1px solid rgba(157, 13, 17, .24);
  border-radius: 24px;
  background: #fffaf3;
  color: #2f2019;
  box-shadow: 0 28px 90px rgba(36, 20, 12, .32);
}

body.route-home.page-home .platform-review-dialog::backdrop {
  background: rgba(27, 16, 12, .64);
  backdrop-filter: blur(4px);
}

body.route-home.page-home .platform-review-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 24px 16px;
  border-bottom: 1px solid rgba(157, 13, 17, .12);
}

body.route-home.page-home .platform-review-dialog__head :is(p, h3) {
  margin: 0;
}

body.route-home.page-home .platform-review-dialog__head h3 {
  margin-top: 4px;
  font-size: clamp(1.55rem, 4vw, 2.25rem);
}

body.route-home.page-home .platform-review-dialog__close {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(157, 13, 17, .18);
  border-radius: 999px;
  background: #fff;
  color: #8f0f13;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
}

body.route-home.page-home .platform-review-dialog .platform-review-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 22px 24px 26px;
}

body.route-home.page-home .platform-review-dialog .platform-review-body,
body.route-home.page-home .platform-review-dialog .platform-review-form > .ui-button {
  grid-column: 1 / -1;
}

body.route-home.page-home .platform-review-dialog .ui-field {
  display: grid;
  gap: 7px;
  margin: 0;
  color: #402d24;
  font-weight: 800;
}

body.route-home.page-home .platform-review-dialog :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  border-color: rgba(87, 47, 24, .24);
  background: #fff;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-v1-directory-heading {
  margin: clamp(22px, 3vw, 42px) auto 14px !important;
  padding-block: clamp(24px, 3vw, 38px) !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .discovery-v1-directory-heading {
  padding-block: clamp(24px, 3vw, 38px) !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-directory-workspace-section, .marketplace-directory-section) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-directory-workspace-section, .marketplace-directory-section) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 12px !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  scroll-snap-type: none !important;
  border-color: rgba(157, 13, 17, .18) !important;
  background: linear-gradient(90deg, #fff8ec, #f7eee2) !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  scroll-snap-type: none !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) > :is(.discovery-v1-eyebrow, .eyebrow) {
  flex: 0 0 auto !important;
  align-self: center;
  margin: 0 !important;
  width: auto !important;
  white-space: nowrap;
}

body.page-public:is(.route-artists, .route-tutors) .artist-filter-form,
body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
  display: flex !important;
  align-items: flex-end !important;
  flex: 1 1 0 !important;
  gap: 8px !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.u8-catalog-unification.page-public.route-tutors .artist-filter-form,
body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
}

body.page-public:is(.route-artists, .route-tutors) .artist-filter-form > label,
body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > label {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  scroll-snap-align: none !important;
}

body.u8-catalog-unification.page-public.route-tutors .artist-filter-form > label,
body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > label {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  scroll-snap-align: none !important;
}

body.page-public:is(.route-artists, .route-tutors) .artist-filter-form > label:first-of-type,
body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > label:first-of-type {
  flex-grow: 1.35 !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .artist-filter-location-row {
  flex: 0 0 126px !important;
  min-width: 0 !important;
}

body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .artist-filter-location-row {
  flex: 0 0 126px !important;
  min-width: 0 !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) :is(input, select, .button) {
  min-width: 0 !important;
  min-height: 44px !important;
  padding-inline: 10px !important;
  font-size: clamp(.78rem, .9vw, .9rem) !important;
}

body.page-public:is(.route-artists, .route-tutors) .artist-filter-form > label .artist-helper-select {
  display: none !important;
}

body.page-public:is(.route-artists, .route-tutors) .artist-filter-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.page-public:is(.route-artists, .route-tutors) .artist-filter-actions .button {
  padding-inline: 12px !important;
  white-space: nowrap;
}

body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button, a) {
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap;
}

body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button.button, a.button) {
  flex: 0 0 max-content !important;
  width: max-content !important;
  max-width: 150px !important;
}

body.page-public:is(.route-products, .route-gallery) .marketplace-results-summary {
  margin-bottom: 14px;
}

@media (max-width: 1100px) {
  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  body.page-public:is(.route-artists, .route-tutors) .artist-filter-form,
  body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end !important;
    width: 100% !important;
  }

  body.u8-catalog-unification.page-public.route-tutors .artist-filter-form,
  body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100% !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .artist-filter-location-row {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  body.route-home.page-home .platform-review-dialog__head {
    padding: 18px 18px 14px;
  }

  body.route-home.page-home .platform-review-dialog .platform-review-form {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 18px;
  }

  body.route-home.page-home .platform-review-dialog .platform-review-form > * {
    grid-column: 1 !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
    padding: 10px !important;
  }

  body.page-public:is(.route-artists, .route-tutors) .artist-filter-form,
  body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }

  body.u8-catalog-unification.page-public.route-tutors .artist-filter-form,
  body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .artist-filter-location-row,
  body.page-public:is(.route-artists, .route-tutors) .artist-filter-actions {
    grid-column: 1 / -1;
  }

  body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button, a) {
    width: 100%;
  }

  body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button.button, a.button) {
    width: 100% !important;
    max-width: none !important;
  }

  body:is(.route-artists, .route-tutors) .discovery-v1-provider-card {
    grid-template-columns: minmax(104px, 32%) minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.route-home.page-home .trust-card-flip-inner {
    transition: none !important;
    transform: none !important;
  }

  body.route-home.page-home .trust-card-face--back {
    display: none !important;
  }
}

/* Founder Phase 1 / Section A final follow-up: compact review and responsive filter contract. */
body.route-home.page-home .home-community-proof-copy {
  justify-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .82), transparent 34%),
    linear-gradient(145deg, #fff0cf 0%, #f4d6c9 48%, #dcebe1 100%);
}

body.route-home.page-home .home-review-open {
  justify-self: center;
}

body.route-home.page-home .platform-review-dialog {
  width: min(600px, calc(100vw - 28px));
  max-height: min(690px, calc(100dvh - 24px));
}

body.route-home.page-home .platform-review-dialog__head {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 76px;
  padding: 16px 64px;
  text-align: center;
}

body.route-home.page-home .platform-review-dialog__head h3 {
  margin: 0;
  text-align: center;
}

body.route-home.page-home .platform-review-dialog__close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 40px;
  height: 40px;
}

body.route-home.page-home .platform-review-dialog .platform-review-form {
  gap: 11px 12px;
  padding: 16px 20px 20px;
}

body.route-home.page-home .platform-review-rating-field {
  display: grid;
  grid-column: 1 / -1;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  color: #402d24;
  font-weight: 800;
  text-align: center;
}

body.route-home.page-home .platform-review-rating-field legend {
  width: 100%;
  margin: 0 0 3px;
  padding: 0;
}

body.route-home.page-home .platform-star-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 6px;
  width: fit-content;
  margin-inline: auto;
}

body.route-home.page-home .platform-star-rating input {
  position: absolute;
  width: 1px !important;
  height: 1px;
  margin: -1px;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

body.route-home.page-home .platform-star-rating label {
  padding: 2px;
  color: #b9aa9a;
  font-size: clamp(1.85rem, 5vw, 2.45rem);
  line-height: 1;
  cursor: pointer;
  transition: color .16s ease, transform .16s ease;
}

body.route-home.page-home .platform-star-rating label:hover,
body.route-home.page-home .platform-star-rating label:hover ~ label,
body.route-home.page-home .platform-star-rating input:checked ~ label {
  color: #d79b18;
}

body.route-home.page-home .platform-star-rating input:focus-visible + label {
  border-radius: 6px;
  outline: 3px solid rgba(157, 13, 17, .28);
  outline-offset: 2px;
}

body.route-home.page-home .platform-star-rating label:hover {
  transform: translateY(-1px) scale(1.06);
}

body.route-home.page-home .platform-review-dialog textarea {
  min-height: 98px;
}

.directory-mobile-filter-toolbar {
  display: none;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-v1-directory-heading h1 {
  white-space: nowrap;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) {
  flex-wrap: nowrap !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) > label {
  flex-basis: 112px !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .artist-filter-location-row {
  flex-basis: 108px !important;
}

body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .artist-filter-location-row .button {
  width: 100%;
  white-space: nowrap;
}

body.route-tutors .discovery-v1-provider-card {
  border-color: rgba(18, 109, 88, .24) !important;
  background: linear-gradient(120deg, #e1f4ec 0%, #f3fbf7 42%, #d6ebdf 100%) !important;
}

body.route-products .ecommerce-product-card {
  border-color: rgba(157, 103, 13, .24) !important;
  background: linear-gradient(145deg, #fff1c7 0%, #fff8e5 48%, #f2dfb5 100%) !important;
}

body.route-gallery .design-gallery-card {
  border-color: rgba(104, 69, 145, .22) !important;
  background: linear-gradient(145deg, #eee2f7 0%, #faf5ff 52%, #e4d5f1 100%) !important;
}

body.route-community .community-directory-heading,
body.route-requests .community-directory-heading {
  padding-block: clamp(30px, 5vw, 58px);
  text-align: center;
}

body.route-community .community-directory-heading h1,
body.route-requests .community-directory-heading h1 {
  margin: 0;
  font-family: var(--font-display, Georgia, serif);
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  line-height: 1;
}

@media (max-width: 760px) {
  body.route-home.page-home .home-community-proof-copy {
    padding: 28px 18px;
  }

  body.route-home.page-home .platform-review-dialog {
    width: calc(100vw - 18px);
    max-height: calc(100dvh - 18px);
    border-radius: 18px;
  }

  body.route-home.page-home .platform-review-dialog__head {
    min-height: 68px;
    padding: 13px 52px;
  }

  body.route-home.page-home .platform-review-dialog__head h3 {
    font-size: clamp(1.35rem, 7vw, 1.8rem);
  }

  body.route-home.page-home .platform-review-dialog__close {
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
  }

  body.route-home.page-home .platform-review-dialog .platform-review-form {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px;
    padding: 14px;
  }

  body.route-home.page-home .platform-review-dialog .platform-review-form > * {
    grid-column: 1 !important;
  }

  body.route-home.page-home .platform-review-dialog .ui-field {
    gap: 5px;
  }

  body.route-home.page-home .platform-review-dialog :is(input, select) {
    min-height: 44px;
  }

  body.route-home.page-home .platform-review-dialog textarea {
    min-height: 88px;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .discovery-v1-directory-heading h1 {
    font-size: clamp(1.38rem, 6.8vw, 2rem) !important;
    letter-spacing: -.035em;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .directory-mobile-filter-toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .directory-mobile-filter-toolbar .mobile-filter-toggle,
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) .directory-mobile-filter-toolbar .mobile-filter-toggle {
    display: flex !important;
    width: 100%;
    min-height: 46px;
    margin: 0 !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .directory-mobile-nearby-form {
    display: grid;
    min-width: 0;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .directory-mobile-nearby-form .button {
    width: 100%;
    min-height: 46px;
    margin: 0;
    white-space: nowrap;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) .directory-mobile-nearby-form .location-status {
    grid-column: 1;
    margin-top: 4px;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-panel, .marketplace-filter-panel),
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-panel, .marketplace-filter-panel) {
    display: none !important;
    position: static !important;
    width: 100% !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-panel, .marketplace-filter-panel).is-mobile-open,
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-panel, .marketplace-filter-panel).is-mobile-open {
    display: block !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card),
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-card, .marketplace-filter-card) {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    overflow: visible !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-close, .marketplace-filter-close),
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-close, .marketplace-filter-close) {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: grid !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form),
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) > label,
  body.u8-catalog-unification.page-public:is(.route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) > label {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery) :is(.artist-filter-form, .marketplace-filter-form) > .artist-filter-location-row {
    display: none !important;
  }

  body.page-public:is(.route-artists, .route-tutors) .artist-filter-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button.button, a.button),
  body.u8-catalog-unification.page-public:is(.route-products, .route-gallery) .marketplace-filter-form > :is(button.button, a.button) {
    width: 100% !important;
    max-width: none !important;
  }
}
body.route-requests .community-guest-guide {
  background: linear-gradient(145deg, #eef8f4, #fffdf9) !important;
}

body.route-requests .community-guest-guide .section-head {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

body.route-requests .community-guest-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.route-requests .community-guest-guide-grid article {
  min-width: 0;
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid var(--ms-color-border);
  border-radius: 12px;
  background: #fff;
}

body.route-requests .community-guest-guide-grid strong {
  display: block;
  margin-bottom: 9px;
  color: var(--ms-color-ink);
  font-size: 17px;
}

body.route-requests .community-guest-guide-grid p {
  margin: 0;
  color: var(--ms-color-muted);
  line-height: 1.65;
}

body.route-requests .community-guest-paths {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  body.route-requests .community-guest-guide-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.route-requests .community-guest-paths {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body.route-requests .community-guest-paths .button {
    width: 100%;
  }
}

/* A2 source: assets/css/founder-review-section-b.v1.css */
/* Founder Phase 1 / Section B: public trust and conversion page journey. */

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-contact
) {
  --founder-b-accent: #a50912;
  --founder-b-accent-soft: #f8ded7;
  --founder-b-panel: #fffaf3;
  --founder-b-ink: #271a15;
}

/* Founder Phase 1 / Section B final follow-up (v6)
   The approved Artist conversion panel remains the master gutter contract:
   16px per side on laptop/tablet and 8px per side on mobile. */
html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) main.app-main > :is(
  .discovery-v1-directory-heading,
  .artist-directory-workspace-section,
  .product-directory-section,
  .gallery-directory-section,
  .discovery-v1-directory-followup,
  .founder-b-marketplace-cta
) {
  box-sizing: border-box !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-right: 16px !important;
  margin-left: 16px !important;
}

html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) .discovery-v1-directory-heading {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: clamp(24px,3vw,44px) clamp(18px,3vw,48px) !important;
  text-align: center !important;
}

html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) .discovery-v1-directory-heading h1 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(2.05rem,4.2vw,4.35rem) !important;
  line-height: 1.04 !important;
}

html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) :is(
  .artist-directory-workspace,
  .marketplace-directory-workspace,
  .artist-results-panel,
  .marketplace-results-panel,
  .artist-card-grid,
  .marketplace-card-grid
) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.page-public:is(.route-products,.route-gallery) .founder-b-marketplace-cta {
  display: grid !important;
  grid-template-columns: minmax(0,.88fr) minmax(480px,1.12fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: clamp(390px,31vw,520px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(126,56,40,.16) !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 48px rgba(72,38,28,.12) !important;
}

html body.page-public.route-products .founder-b-marketplace-cta {
  background: linear-gradient(135deg,#fff8e8,#ead4a8) !important;
}

html body.page-public.route-gallery .founder-b-marketplace-cta {
  background: linear-gradient(135deg,#fff4f5,#ead2dd) !important;
}

html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-copy,.founder-b-gallery-copy) {
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 15px !important;
  min-width: 0 !important;
  padding: clamp(28px,4vw,62px) !important;
}

html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-copy,.founder-b-gallery-copy) :is(h2,p) {
  max-width: none !important;
  margin: 0 !important;
}

html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-copy,.founder-b-gallery-copy) h2 {
  font-size: clamp(2rem,3.25vw,3.35rem) !important;
  line-height: 1.05 !important;
}

html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-visual,.founder-b-gallery-visual) {
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(14px,1.8vw,26px) !important;
}

html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-visual,.founder-b-gallery-visual) img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 1672 / 941 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(49,31,24,.14) !important;
}

html body.page-public.route-gallery .design-gallery-card {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  min-width: 0 !important;
  padding: 12px !important;
  overflow: hidden !important;
}

html body.page-public.route-gallery .design-gallery-card .gallery-item {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body.page-public.route-gallery .design-gallery-card .gallery-item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  background: #fbf4f0 !important;
  border-radius: 16px !important;
}

html body.page-public.route-gallery .design-gallery-card .card-actions {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 12px !important;
}

html body.page-public.route-gallery .design-gallery-card .card-actions > * {
  min-width: 0 !important;
  width: 100% !important;
  padding-inline: 8px !important;
  overflow-wrap: anywhere !important;
}

/* Registration journey changes with Customer, Student, Artist, Tutor and
   product-business roles, while remaining deliberately compact. */
html body.route-register.page-auth .u4-register-journey {
  gap: 9px !important;
  padding: 13px !important;
}

html body.route-register.page-auth .u4-register-journey > div {
  display: grid !important;
  gap: 3px !important;
}

html body.route-register.page-auth .u4-register-journey .auth-section-title {
  margin: 0 !important;
  line-height: 1.15 !important;
}

html body.route-register.page-auth .u4-register-journey > div > strong {
  color: #6d5148 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body.route-register.page-auth .u4-register-journey ol {
  gap: 7px !important;
}

html body.route-register.page-auth .u4-register-journey li {
  grid-template-columns: 27px minmax(0,1fr) !important;
  min-height: 58px !important;
  padding: 8px !important;
  border-radius: 12px !important;
}

html body.route-register.page-auth .u4-register-journey li > span {
  width: 24px !important;
  height: 24px !important;
  font-size: 11px !important;
}

html body.route-register.page-auth .u4-register-journey li > b {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

html body.route-register.page-auth .u4-register-journey li > small {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body.route-register.page-auth .register-plan-tabs {
  grid-template-columns: repeat(var(--visible-plan-count,3),minmax(0,1fr)) !important;
}

/* Mobile header follows an app-like split: Search, Updates and Saved are
   quick actions; the menu control remains icon-only. */
html body .mobile-header-actions {
  display: none;
}

/* Community and Saved must never create horizontal scroll or an unusable
   blurred overlay state. */
html body.page-public.route-requests :is(
  .community-directory-heading,.community-login-gate,.community-login-card,
  .community-shell,.community-side,.community-feed,.community-feed-head,
  .community-post-stack,.community-post-card,.community-post-top,
  .community-post-title-row,.community-post-text,.community-post-meta,
  .community-reaction-row,.community-reply-panel,.community-report-panel
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body.page-public.route-requests :is(.community-post-text,.community-post-card p,.community-post-card span,.community-post-card strong,.community-post-card a,.community-post-card button) {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body.page-public.route-requests :is(.community-login-card,.community-feed-head,.community-post-card) :is(h1,h2,h3,p) {
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body.page-public.route-requests .community-login-card .hero-actions {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .shortlist-backdrop { z-index: 12030 !important; }
html body .shortlist-drawer { z-index: 12040 !important; }
html body .shortlist-drawer.is-empty [data-shortlist-clear] { display: none !important; }
html body .shortlist-empty {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  min-height: 220px !important;
  padding: 24px !important;
  text-align: center !important;
}
html body .shortlist-empty-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}
html body .shortlist-empty-actions a {
  padding: 9px 12px !important;
  border: 1px solid rgba(157,13,17,.2) !important;
  border-radius: 999px !important;
  color: #8f111b !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

@media (max-width: 980px) {
  html body.phase1-foundation .site-header {
    position: sticky !important;
    z-index: 12050 !important;
  }

  html body.phase1-foundation .mobile-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin-left: auto !important;
  }

  html body.phase1-foundation .mobile-header-action {
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px !important;
    border: 1px solid rgba(124,48,35,.16) !important;
    border-radius: 12px !important;
    color: #6f181d !important;
    background: rgba(255,250,245,.92) !important;
  }

  html body.phase1-foundation .mobile-header-action svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
  }

  html body.phase1-foundation .mobile-header-action.nav-toggle {
    margin-left: 0 !important;
  }

  html body.phase1-foundation .mobile-header-count {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    display: grid !important;
    place-items: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: #a90d18 !important;
    font-size: 10px !important;
  }

  html body.phase1-foundation .site-nav.open {
    z-index: 12060 !important;
  }

  html body.page-public:is(.route-products,.route-gallery) .founder-b-marketplace-cta {
    grid-template-columns: minmax(0,1fr) !important;
    min-height: 0 !important;
  }

  html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-copy,.founder-b-gallery-copy) {
    padding: clamp(24px,5vw,38px) !important;
  }

  html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-copy,.founder-b-gallery-copy) .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-copy,.founder-b-gallery-copy) .hero-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.page-public:is(.route-products,.route-gallery) :is(.founder-b-supplier-visual,.founder-b-gallery-visual) {
    padding-top: 0 !important;
  }
}

@media (max-width: 760px) {
  html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) main.app-main > :is(
    .discovery-v1-directory-heading,
    .artist-directory-workspace-section,
    .product-directory-section,
    .gallery-directory-section,
    .discovery-v1-directory-followup,
    .founder-b-marketplace-cta
  ) {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) .discovery-v1-directory-heading {
    padding: 20px 14px !important;
  }

  html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) .discovery-v1-directory-heading h1 {
    font-size: clamp(1.72rem,9.4vw,2.55rem) !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    text-wrap: balance;
  }

  html body.page-public.route-gallery .design-gallery-card .card-actions {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.route-register.page-auth .u4-register-journey {
    gap: 7px !important;
    padding: 9px !important;
  }

  html body.route-register.page-auth .u4-register-journey .auth-section-title {
    font-size: clamp(11px,3.2vw,13px) !important;
    white-space: nowrap !important;
  }

  html body.route-register.page-auth .u4-register-journey > div > strong {
    font-size: 10px !important;
  }

  html body.route-register.page-auth .u4-register-journey ol {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 5px !important;
  }

  html body.route-register.page-auth .u4-register-journey li {
    grid-template-columns: 24px minmax(0,1fr) minmax(92px,.75fr) !important;
    grid-template-rows: auto !important;
    min-height: 0 !important;
    padding: 6px 8px !important;
  }

  html body.route-register.page-auth .u4-register-journey li > span {
    grid-row: auto !important;
    width: 22px !important;
    height: 22px !important;
  }

  html body.route-register.page-auth .u4-register-journey li > :is(b,small) {
    align-self: center !important;
  }

  html body.route-register.page-auth .register-plan-tabs {
    grid-template-columns: repeat(var(--visible-plan-count,3),minmax(0,1fr)) !important;
    gap: 4px !important;
  }

  html body.route-register.page-auth .register-plan-tabs button {
    min-height: 38px !important;
    padding: 5px 3px !important;
    font-size: clamp(8px,2.55vw,10px) !important;
    line-height: 1.12 !important;
  }

  html body .consent-dialog {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100dvh - 16px) !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body .consent-dialog form {
    gap: 7px !important;
    max-height: calc(100dvh - 18px) !important;
    padding: 10px !important;
    overflow-y: auto !important;
  }

  html body .consent-dialog h2 {
    margin: 0 !important;
    font-size: 1.05rem !important;
    line-height: 1.15 !important;
  }

  html body .consent-dialog p {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  html body .consent-dialog-close {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 1.25rem !important;
  }

  html body .consent-choice {
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  html body .consent-choice strong { font-size: 12px !important; }
  html body .consent-choice.is-required span { padding: 4px 7px !important; font-size: 9px !important; }
  html body .consent-choice input { flex-basis: 20px !important; width: 20px !important; height: 20px !important; }
  html body .consent-dialog-note { font-size: 10px !important; }

  html body .consent-dialog-actions {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  html body .consent-dialog-actions .button.small {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 5px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  html body.phase1-foundation .site-header {
    gap: 6px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  html body.phase1-foundation .brand img {
    width: min(128px,34vw) !important;
  }

  html body.phase1-foundation .mobile-header-actions { gap: 3px !important; }
  html body.phase1-foundation .mobile-header-action {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 7px !important;
  }

  html body.phase1-foundation .mobile-app-nav {
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    gap: 1px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  html body.phase1-foundation .mobile-app-nav-item {
    min-width: 0 !important;
    padding-right: 1px !important;
    padding-left: 1px !important;
    font-size: clamp(.52rem,2.3vw,.64rem) !important;
  }

  html body.page-public.route-requests .community-shell {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  html body.page-public.route-requests :is(.community-post-card,.community-login-card) {
    width: 100% !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  html body.page-public.route-requests :is(.community-post-top,.community-post-title-row,.community-post-meta,.community-reaction-row) {
    flex-wrap: wrap !important;
  }

  html body .shortlist-drawer {
    top: calc(var(--app-mobile-header-height,70px) + 8px) !important;
    right: 8px !important;
    bottom: calc(var(--app-bottom-nav-height,68px) + 8px + env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    display: grid !important;
    grid-template-rows: auto auto auto minmax(0,1fr) auto !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    padding: 14px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  html body .shortlist-items {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body .shortlist-item {
    grid-template-columns: 64px minmax(0,1fr) !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 10px !important;
  }

  html body .shortlist-item :is(div,strong,small,span,a,button) {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  html body .shortlist-actions { margin-top: 8px !important; }
}

/* Founder Section B recording follow-up v4: distortion-free media and static cards */
body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-contact,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-cities,
  .route-legal
) main.app-main > :is(.page-hero, .section, .founder-section-b-journey, .u9-detail-journey) {
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-right: 16px !important;
  margin-left: 16px !important;
}

body.page-public .role-story-media,
body.page-public .support-story-media,
body.page-public .pricing-access-media {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(126, 44, 49, .18);
  border-radius: 24px;
  background: #f8eee8;
  box-shadow: 0 18px 44px rgba(66, 35, 25, .12);
}

body.page-public :is(.role-story-media, .support-story-media, .pricing-access-media) img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  object-position: center;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines) :is(.support-role-section, .support-action-section),
body.page-public.route-pricing .pricing-payment-section {
  display: grid !important;
  grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr) !important;
  align-items: stretch;
  gap: 24px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section > .section-head,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines) :is(.support-role-section, .support-action-section) > .section-head,
body.page-public.route-pricing .pricing-payment-section > .section-head,
body.page-public.route-pricing .pricing-payment-section > .pricing-billing-points {
  grid-column: 1 / -1;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section > .role-story-media,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines) :is(.support-role-section, .support-action-section) > .support-story-media,
body.page-public.route-pricing .pricing-payment-section > .pricing-access-media {
  grid-column: 1;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section > .role-flip-grid,
body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines) :is(.support-role-section, .support-action-section) > .support-flip-grid,
body.page-public.route-pricing .pricing-payment-section > .pricing-step-grid {
  grid-column: 2;
}

html body.page-public .role-path-card-static {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 22px !important;
  transform: none !important;
  overflow: visible !important;
  color: #2d1c17 !important;
  text-align: left !important;
  border: 1px solid rgba(143, 47, 53, .17) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(252,239,232,.96)) !important;
  box-shadow: 0 14px 34px rgba(61, 33, 24, .08) !important;
}

html body.page-public .role-path-card-static .role-feature-icon {
  grid-row: 1 / span 2;
}

html body.page-public .role-path-card-static strong {
  align-self: end;
  font-size: 18px;
}

html body.page-public .role-path-card-static small {
  display: block;
  align-self: start;
  margin-top: 5px;
  color: #684b3f;
  font-size: 14px;
  line-height: 1.45;
}

html body.page-public :is(.role-step-card-static, .role-proof-card-static) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 230px !important;
  height: auto !important;
  padding: 24px !important;
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  color: #2d1c17 !important;
  text-align: left !important;
  border: 1px solid rgba(143, 47, 53, .16) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,238,230,.96)) !important;
  box-shadow: 0 15px 36px rgba(61, 33, 24, .08) !important;
}

html body.page-public :is(.role-step-card-static, .role-proof-card-static) :is(h3, p) {
  position: static !important;
  margin-right: 0 !important;
  transform: none !important;
}

html body.page-public .support-action-card-static {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  min-height: 245px !important;
  height: auto !important;
  padding: 24px !important;
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  color: #2d1c17 !important;
  text-align: left !important;
  border: 1px solid rgba(143, 47, 53, .16) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,241,234,.96)) !important;
  box-shadow: 0 15px 36px rgba(61, 33, 24, .08) !important;
}

html body.page-public .support-action-card-static small {
  display: block !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  color: #664c40 !important;
  line-height: 1.45 !important;
  border-top: 1px solid rgba(95, 63, 47, .14) !important;
}

html body.page-public.route-pricing .pricing-step-card-static {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 230px !important;
  height: auto !important;
  padding: 24px 20px !important;
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  color: #2d1c17 !important;
  text-align: center !important;
  border: 1px solid rgba(143, 47, 53, .16) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 14px 34px rgba(61, 33, 24, .08) !important;
}

html body.page-public.route-pricing .pricing-step-card-static .pricing-step-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  color: #fff;
  border-radius: 50%;
  background: #b40012;
  box-shadow: 0 12px 24px rgba(180,0,18,.18);
}

html body.page-public.route-pricing .pricing-step-card-static .pricing-step-icon svg {
  width: 28px;
  height: 28px;
}

html body.page-public.route-pricing .pricing-step-card-static .pricing-step-icon b {
  position: absolute;
  top: -5px;
  right: -5px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #b40012;
  border-radius: 50%;
  background: #fff;
  font-size: 12px;
}

html body.page-public.route-pricing .pricing-step-card-static > strong {
  margin-bottom: 8px;
  font-size: 18px;
}

html body.page-public.route-pricing .pricing-step-card-static > small {
  color: #62493d;
  font-size: 14px;
  line-height: 1.45;
}

body.page-public.route-pricing .pricing-step-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.page-public :is(.faq-list, .pricing-faq-panel) details > p {
  margin: 0 !important;
  padding: 18px 22px !important;
  color: #324f45 !important;
  background: linear-gradient(135deg, #edf7f2, #f8fcfa) !important;
  border-top: 1px solid rgba(25,112,88,.16) !important;
}

body.page-auth.route-login .auth-login-single {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: none !important;
  min-height: calc(100vh - 126px) !important;
  margin: 16px auto !important;
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(0, 1.05fr) !important;
  align-items: center !important;
  gap: 24px !important;
}

body.page-auth.route-login .auth-login-single .auth-card {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}

body.page-auth.route-login .auth-login-visual {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(143,47,53,.16) !important;
  border-radius: 24px !important;
  background: #f7ede6 !important;
  box-shadow: 0 18px 44px rgba(61,33,24,.1) !important;
}

body.page-auth.route-login .auth-login-visual img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 860px) {
  body.page-public:is(
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors,
    .route-pricing,
    .route-contact,
    .route-trust-safety,
    .route-quality-guidelines,
    .route-whatsapp,
    .route-cities,
    .route-legal
  ) main.app-main > :is(.page-hero, .section, .founder-section-b-journey, .u9-detail-journey) {
    width: calc(100% - 20px) !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines) :is(.support-role-section, .support-action-section),
  body.page-public.route-pricing .pricing-payment-section {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-experience-section > *,
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines) :is(.support-role-section, .support-action-section) > *,
  body.page-public.route-pricing .pricing-payment-section > * {
    grid-column: 1 !important;
  }

  body.page-public.route-pricing .pricing-step-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.page-public :is(.role-path-card-static, .role-step-card-static, .role-proof-card-static, .support-action-card-static, .pricing-step-card-static) {
    min-height: 0 !important;
  }

  body.page-auth.route-login .auth-login-single {
    width: calc(100% - 20px) !important;
    min-height: 0 !important;
    margin: 10px !important;
    padding: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.page-auth.route-login .auth-login-single .auth-card {
    order: 1;
  }

  body.page-auth.route-login .auth-login-visual {
    order: 2;
  }
}

body.page-public.route-for-customers { --founder-b-accent: #8d3b72; --founder-b-accent-soft: #f2dce9; }
body.page-public.route-for-artists { --founder-b-accent: #a50912; --founder-b-accent-soft: #f5d8d2; }
body.page-public.route-for-tutors { --founder-b-accent: #176c56; --founder-b-accent-soft: #d9eee5; }
body.page-public.route-for-students { --founder-b-accent: #3767a6; --founder-b-accent-soft: #dce8f7; }
body.page-public.route-for-vendors { --founder-b-accent: #9b680b; --founder-b-accent-soft: #f4e4bb; }
body.page-public.route-pricing { --founder-b-accent: #8d2e43; --founder-b-accent-soft: #f3dce1; }
body.page-public.route-trust-safety { --founder-b-accent: #176c56; --founder-b-accent-soft: #d9eee5; }
body.page-public.route-contact { --founder-b-accent: #315f8b; --founder-b-accent-soft: #dce8f2; }

.founder-section-b-journey {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: min(1180px, calc(100% - 32px));
  margin: 14px auto 6px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--founder-b-accent, #a50912) 20%, #ead8c9);
  border-radius: 18px;
  background: rgba(255, 251, 245, .96);
  box-shadow: 0 14px 34px rgba(61, 38, 26, .08);
}

.founder-section-b-journey a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--founder-b-ink, #271a15);
  text-decoration: none;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.founder-section-b-journey a:hover,
.founder-section-b-journey a:focus-visible {
  border-color: color-mix(in srgb, var(--founder-b-accent, #a50912) 24%, transparent);
  background: var(--founder-b-accent-soft, #f8ded7);
  transform: translateY(-1px);
}

.founder-section-b-journey strong {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: var(--founder-b-accent, #a50912);
  color: #fff;
  font-size: .72rem;
  line-height: 1;
}

.founder-section-b-journey span {
  overflow: hidden;
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-trust-safety
) .role-page-hero,
body.page-public.route-pricing .pricing-page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--founder-b-accent, #a50912) 18%, transparent);
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--founder-b-accent-soft, #f8ded7) 82%, transparent) 0 12%, transparent 37%),
    linear-gradient(135deg, #fffaf3 0%, color-mix(in srgb, var(--founder-b-accent-soft, #f8ded7) 62%, #fffaf3) 100%);
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-trust-safety
) .role-page-hero::after,
body.page-public.route-pricing .pricing-page-hero::after {
  position: absolute;
  right: clamp(-70px, -4vw, -24px);
  bottom: clamp(-85px, -5vw, -36px);
  z-index: -1;
  width: clamp(180px, 24vw, 360px);
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--founder-b-accent, #a50912) 18%, transparent);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 0 34px color-mix(in srgb, var(--founder-b-accent-soft, #f8ded7) 38%, transparent);
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-trust-safety
) .role-page-hero > .eyebrow,
body.page-public.route-pricing .pricing-page-hero > .eyebrow {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--founder-b-accent, #a50912);
  color: #fff !important;
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) :is(.role-experience-section, .role-workflow-section, .role-dashboard-preview-section, .role-proof-section, .role-practice-section, .role-capability-section, .role-faq-section) {
  scroll-margin-top: 112px;
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) :is(.role-workflow-section, .role-proof-section, .role-faq-section) {
  border: 1px solid color-mix(in srgb, var(--founder-b-accent, #a50912) 13%, #ead8c9);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(255, 250, 243, .94)),
    var(--founder-b-panel, #fffaf3);
  box-shadow: 0 18px 42px rgba(58, 35, 23, .07);
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) :is(.role-step-card, .role-dashboard-card, .role-proof-card) {
  border-color: color-mix(in srgb, var(--founder-b-accent, #a50912) 18%, #e9d8ca) !important;
  background: linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--founder-b-accent-soft, #f8ded7) 42%, #fff) 100%) !important;
  box-shadow: 0 13px 30px rgba(50, 31, 21, .07);
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) .role-step-number {
  background: var(--founder-b-accent, #a50912) !important;
  color: #fff !important;
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety
) :is(#section-b-details, #section-b-workflow, #section-b-capabilities, #section-b-experience, #section-b-trust, #section-b-plans, #section-b-compare, #section-b-faq) {
  scroll-margin-top: 112px;
}

body.page-public.route-pricing :is(.pricing-plans-section, .pricing-compare-section, .pricing-payment-section, .pricing-faq-section-final) {
  border-radius: 24px;
}

body.page-public.route-pricing .pricing-plans-section {
  background: linear-gradient(155deg, #fffaf3 0%, #f7e4e5 100%);
}

body.page-public.route-pricing .pricing-compare-section {
  border: 1px solid rgba(141, 46, 67, .15);
  background: #fffdf9;
  box-shadow: 0 18px 42px rgba(64, 31, 38, .07);
}

body.page-public:is(.route-about, .route-how-it-works, .route-trust-safety) .role-final-cta,
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-final-cta {
  border: 1px solid color-mix(in srgb, var(--founder-b-accent, #a50912) 18%, transparent);
  background: linear-gradient(135deg, var(--founder-b-accent-soft, #f8ded7), #fff8ee);
}

@media (max-width: 760px) {
  .founder-section-b-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: calc(100% - 20px);
    margin-top: 10px;
    padding: 6px;
    border-radius: 15px;
  }

  .founder-section-b-journey a {
    min-height: 46px;
    padding: 7px 8px;
  }

  .founder-section-b-journey strong {
    width: 27px;
    height: 27px;
    font-size: .66rem;
  }

  .founder-section-b-journey span {
    font-size: .76rem;
  }

  body.page-public:is(
    .route-about,
    .route-how-it-works,
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors,
    .route-trust-safety
  ) .role-page-hero,
  body.page-public.route-pricing .pricing-page-hero {
    padding-block: 24px 28px !important;
  }

  body.page-public:is(
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors
  ) :is(.role-workflow-section, .role-proof-section, .role-faq-section),
  body.page-public.route-pricing :is(.pricing-plans-section, .pricing-compare-section, .pricing-payment-section, .pricing-faq-section-final) {
    border-radius: 18px;
  }
}

/* Founder Section B recording follow-up: full-width composition, real visual flips, and compact auth. */
html body.page-public:is(
  .route-artists,
  .route-tutors,
  .route-products,
  .route-gallery,
  .route-requests
) main.app-main > :is(.page-hero, .section, .discovery-v1-directory-heading, .discovery-v1-directory-followup, .discovery-v1-directory-faq) {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery, .route-requests) main.app-main :is(.directory-shell, .marketplace-shell, .profile-directory, .marketplace-results, .discovery-v1-directory-heading, .discovery-v1-directory-followup) {
  max-width: none !important;
}

body.page-public.route-for-customers { --role-card-atlas: url("../img/founder-section-b/customer-card-atlas-v3.webp"); }
body.page-public.route-for-artists { --role-card-atlas: url("../img/founder-section-b/artist-card-atlas-v3.webp"); }
body.page-public.route-for-tutors { --role-card-atlas: url("../img/founder-section-b/tutor-card-atlas-v3.webp"); }
body.page-public.route-for-students { --role-card-atlas: url("../img/founder-section-b/student-card-atlas-v3.webp"); }
body.page-public.route-for-vendors { --role-card-atlas: url("../img/founder-section-b/vendor-card-atlas-v3.webp"); }

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-step-card, .role-proof-card).role-visual-flip-card {
  min-height: clamp(248px, 18vw, 310px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  perspective: 1200px;
}

.role-visual-flip-inner,
.role-visual-flip-face {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.role-visual-flip-inner {
  position: relative;
  transform-style: preserve-3d;
  transition: transform .68s cubic-bezier(.2, .72, .22, 1);
}

.role-visual-flip-face {
  position: absolute;
  inset: 0;
  align-content: center;
  justify-items: center;
  padding: clamp(22px, 2.2vw, 34px);
  border: 1px solid rgba(112, 70, 48, .16);
  border-radius: 22px;
  backface-visibility: hidden;
  overflow: hidden;
  text-align: center;
}

.role-visual-flip-front {
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 16px 36px rgba(58, 35, 23, .09);
}

.role-visual-flip-back {
  transform: rotateY(180deg);
  background-image: linear-gradient(rgba(33, 20, 15, .08), rgba(33, 20, 15, .42)), var(--role-card-atlas);
  background-repeat: no-repeat;
  background-position: var(--visual-x, 50%) var(--visual-y, 0%);
  background-size: 300% 200%;
}

.role-visual-flip-back strong,
.support-flip-back strong,
.pricing-step-flip-back strong {
  align-self: end;
  width: fit-content;
  max-width: calc(100% - 30px);
  margin: 0 auto 16px;
  padding: 8px 14px;
  border-radius: 999px;
  color: #fff;
  background: rgba(75, 22, 25, .84);
  box-shadow: 0 8px 20px rgba(35, 16, 14, .25);
  text-align: center;
}

.role-visual-flip-card:is(:hover, :focus-visible, .is-flipped) .role-visual-flip-inner,
.support-flip-card:is(:hover, :focus-visible, .is-flipped) .support-flip-inner,
.pricing-step-flip:is(:hover, :focus-visible, .is-flipped) .pricing-step-flip-inner {
  transform: rotateY(180deg) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-shell {
  grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2 {
  white-space: nowrap;
}

.role-dashboard-card.role-dashboard-tone-1 { background: linear-gradient(145deg, #fff1ed, #f7d8d1) !important; }
.role-dashboard-card.role-dashboard-tone-2 { background: linear-gradient(145deg, #eff9f3, #d0e8da) !important; }
.role-dashboard-card.role-dashboard-tone-3 { background: linear-gradient(145deg, #fff8e6, #f0ddb1) !important; }

/* Image backs use purpose-built 3x3 visual atlases and never mirror live text. */
body.page-public .support-flip-card {
  min-height: clamp(270px, 20vw, 330px) !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  perspective: 1200px;
}

body.page-public .support-flip-inner {
  position: relative !important;
  display: block !important;
  width: 100%;
  height: 100% !important;
  min-height: inherit !important;
  transform-style: preserve-3d !important;
  transition: transform .68s cubic-bezier(.2, .72, .22, 1);
}

body.page-public .support-flip-face {
  position: absolute !important;
  inset: 0;
  display: grid !important;
  align-content: center;
  justify-items: center;
  min-height: inherit !important;
  padding: clamp(22px, 2.2vw, 34px);
  border: 1px solid rgba(112, 70, 48, .16);
  border-radius: 22px;
  backface-visibility: hidden !important;
  overflow: hidden;
  text-align: center;
}

body.page-public .support-flip-front {
  transform: rotateY(0deg) !important;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 36px rgba(58, 35, 23, .09);
}

body.page-public .support-flip-back {
  display: grid !important;
  transform: rotateY(180deg) !important;
  background-image: linear-gradient(rgba(25, 17, 14, .04), rgba(25, 17, 14, .4)), url("../img/founder-section-b/support-card-atlas-v3.webp");
  background-repeat: no-repeat;
  background-position: var(--visual-x, 50%) var(--visual-y, 0%);
  background-size: 300% 300%;
}

body.page-public .legal-visual-flip-card .support-flip-back {
  background-image: linear-gradient(rgba(25, 17, 14, .04), rgba(25, 17, 14, .4)), url("../img/founder-section-b/legal-card-atlas-v3.webp");
}

body.page-public .support-flip-front small {
  margin-top: 14px;
  padding-top: 14px;
}

body.page-public.route-pricing .pricing-step-grid > .pricing-step-flip {
  min-height: clamp(250px, 18vw, 310px);
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  perspective: 1200px;
}

.pricing-step-flip-inner,
.pricing-step-flip-face {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.pricing-step-flip-inner {
  position: relative;
  transform-style: preserve-3d;
  transition: transform .68s cubic-bezier(.2, .72, .22, 1);
}

.pricing-step-flip-face {
  position: absolute;
  inset: 0;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: clamp(20px, 2vw, 30px);
  border: 1px solid rgba(141, 46, 67, .18);
  border-radius: 20px;
  backface-visibility: hidden;
  overflow: hidden;
  text-align: center;
}

.pricing-step-flip-front { background: rgba(255, 255, 255, .92); box-shadow: 0 16px 36px rgba(58, 35, 23, .08); }
.pricing-step-flip-back {
  transform: rotateY(180deg);
  background-image: linear-gradient(rgba(35, 18, 14, .03), rgba(35, 18, 14, .42)), url("../img/founder-section-b/pricing-billing-atlas-v3.webp");
  background-repeat: no-repeat;
  background-position: var(--visual-x, 50%) center;
  background-size: 400% 100%;
}

body.page-public.route-pricing .pricing-billing-points {
  width: 100% !important;
  max-width: none !important;
}

body.page-public.route-pricing .pricing-page-hero {
  background-image: linear-gradient(90deg, rgba(255,250,243,.24), rgba(255,250,243,.9) 35%, rgba(255,250,243,.96) 50%, rgba(255,250,243,.9) 65%, rgba(255,250,243,.2)), url("../img/founder-section-b/pricing-hero-left-v2.webp"), url("../img/founder-section-b/pricing-hero-v1.webp") !important;
  background-color: #f7e8dd !important;
}

body.page-public.route-contact .support-page-hero {
  align-items: center;
  text-align: center;
  background-image: linear-gradient(90deg, rgba(247,251,255,.22), rgba(247,251,255,.9) 35%, rgba(247,251,255,.96) 50%, rgba(247,251,255,.88) 65%, rgba(247,251,255,.18)), url("../img/founder-section-b/contact-hero-left-v3.webp"), url("../img/founder-section-b/contact-hero-v1.webp") !important;
  background-position: center, left center, right center !important;
  background-size: cover, auto 100%, auto 100% !important;
}

body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero {
  min-height: clamp(390px, 38vw, 560px);
  align-items: center;
  text-align: center;
  background-image: linear-gradient(90deg, rgba(255,250,243,.32), rgba(255,250,243,.9) 33%, rgba(255,250,243,.95) 50%, rgba(255,250,243,.88) 67%, rgba(255,250,243,.28)), url("../img/founder-section-b/support-hero-atlas-v3.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover, 200% 100% !important;
}

body.page-public.route-trust-safety .role-page-hero { background-position: center, left center !important; }
body.page-public.route-quality-guidelines .role-page-hero { background-position: center, right center !important; }
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero::after { display: none !important; }
body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero > :not(.page-breadcrumb) { position: relative; z-index: 1; }

body.page-public.route-legal .legal-page-hero {
  background-color: #fffaf3 !important;
  background-blend-mode: normal !important;
}
body.page-public.route-legal .legal-page-hero--terms { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-terms-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--privacy { background-image: linear-gradient(rgba(250,252,247,.38), rgba(250,252,247,.54)), url("../img/founder-section-b/legal-privacy-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--cookies { background-image: linear-gradient(rgba(255,250,243,.36), rgba(255,250,243,.52)), url("../img/founder-section-b/legal-cookies-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--refunds { background-image: linear-gradient(rgba(255,248,244,.38), rgba(255,248,244,.54)), url("../img/founder-section-b/legal-refunds-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--shipping { background-image: linear-gradient(rgba(255,251,244,.36), rgba(255,251,244,.52)), url("../img/founder-section-b/legal-shipping-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--returns { background-image: linear-gradient(rgba(255,251,244,.36), rgba(255,251,244,.52)), url("../img/founder-section-b/legal-returns-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--content { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-content-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--community { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-community-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--copyright { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-copyright-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--data-deletion { background-image: linear-gradient(rgba(248,251,250,.38), rgba(248,251,250,.54)), url("../img/founder-section-b/legal-data-deletion-hero-v2.webp") !important; }

body.page-public.route-contact .support-contact-shell {
  grid-template-columns: minmax(0, .82fr) minmax(360px, 1.18fr) !important;
}
body.page-public.route-contact .support-form-card { padding: clamp(20px, 2.2vw, 30px) !important; }
body.page-public.route-contact .support-direct-panel { padding: clamp(28px, 3.2vw, 48px) !important; }

body.page-auth.route-login .auth-login-single {
  display: grid !important;
  grid-template-columns: minmax(390px, .8fr) minmax(0, 1.2fr) !important;
  align-items: stretch !important;
  width: min(1180px, calc(100vw - 32px)) !important;
  max-width: min(1180px, calc(100vw - 32px)) !important;
  overflow: hidden;
  border: 1px solid rgba(138, 85, 56, .2);
  border-radius: 26px;
  background: #fffaf3;
  box-shadow: 0 20px 50px rgba(54, 31, 20, .1);
}

body.route-login.page-auth .auth-login-single .auth-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.auth-login-visual { min-height: 100%; margin: 0; overflow: hidden; }
.auth-login-visual img { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; object-position: center; }
body.route-login.page-auth .auth-page-copy { white-space: nowrap; font-size: .98rem; }

body.route-register.page-auth .auth-single .auth-card {
  width: min(1040px, 100%) !important;
  max-width: none !important;
}
body.route-register.page-auth .auth-form-brand { display: block !important; margin-bottom: -4px; }
body.route-register.page-auth .auth-form-brand img { width: auto; height: 38px; }
body.route-register.page-auth :is(.register-identity-grid, .register-password-grid, .phone-form-grid, .compact-form-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.route-register.page-auth .register-plan-grid { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)) !important; }
body.route-register.page-auth [hidden] { display: none !important; }
body.route-register.page-auth .u4-register-journey { position: relative; clear: both; margin-top: 8px !important; }
body.route-register.page-auth .u4-register-journey > div { max-width: none !important; }
body.route-register.page-auth .u4-register-journey ol { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }

body.page-public.route-cities .city-india-map-preview {
  position: relative;
  min-height: 0 !important;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background-image: linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)), url("../img/founder-section-b/india-city-map-v3.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
body.page-public.route-cities .city-india-map-preview .city-map-marker {
  position: absolute !important;
  left: var(--city-pin-x) !important;
  top: var(--city-pin-y) !important;
  transform: translate(-50%, -100%) !important;
  z-index: 2;
}
body.page-public.route-cities .city-map-caption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: grid;
  gap: 2px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 24px rgba(37, 24, 18, .12);
}

@media (min-width: 1200px) {
  body.page-public.route-pricing .pricing-billing-points li { font-size: clamp(.78rem, .82vw, .92rem); }
}

@media (max-width: 900px) {
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-shell,
  body.page-public.route-contact .support-contact-shell,
  body.page-auth.route-login .auth-login-single {
    grid-template-columns: 1fr !important;
  }
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2,
  body.route-login.page-auth .auth-page-copy { white-space: normal; }
  .auth-login-visual { order: 2; }
  .auth-login-visual img { min-height: 300px; max-height: 420px; }
}

@media (max-width: 760px) {
  body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery, .route-requests) main.app-main > :is(.page-hero, .section, .discovery-v1-directory-heading, .discovery-v1-directory-followup, .discovery-v1-directory-faq) {
    width: calc(100% - 16px) !important;
  }
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid,
  body.route-register.page-auth :is(.register-identity-grid, .register-password-grid, .phone-form-grid, .compact-form-grid),
  body.route-register.page-auth .u4-register-journey ol {
    grid-template-columns: 1fr !important;
  }
  body.route-register.page-auth .register-plan-grid { grid-template-columns: 1fr !important; }
  body.page-public .support-flip-card,
  body.page-public.route-pricing .pricing-step-grid > .pricing-step-flip,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-step-card, .role-proof-card).role-visual-flip-card {
    min-height: 270px !important;
  }
  body.page-public.route-pricing .pricing-page-hero,
  body.page-public.route-contact .support-page-hero,
  body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero {
    background-image: linear-gradient(rgba(255,250,243,.72), rgba(255,250,243,.84)), var(--founder-b-mobile-image, none) !important;
    background-position: center !important;
    background-size: cover !important;
  }
  body.page-auth.route-login .auth-login-single {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
  .auth-login-visual img { min-height: 240px; max-height: 320px; }
  body.page-public.route-cities .city-map-section { grid-template-columns: 1fr !important; }
  body.page-public.route-cities .city-india-map-preview { aspect-ratio: 4 / 3; }
}

@media (prefers-reduced-motion: reduce) {
  .role-visual-flip-inner,
  body.page-public .support-flip-inner,
  .pricing-step-flip-inner { transition-duration: .01ms !important; }
}

@media (prefers-reduced-motion: reduce) {
  .founder-section-b-journey a {
    transition: none;
  }
}

/* Founder Phase 1 / Section B follow-up: one full-width, image-led public system. */
body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities
) {
  --founder-b-page-width: calc(100% - clamp(20px, 3.2vw, 58px));
  --founder-b-card-radius: clamp(18px, 1.8vw, 28px);
  --founder-b-shadow: 0 20px 52px rgba(58, 35, 23, .09);
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities
) :is(.page-hero, .section, .founder-section-b-journey, .u9-detail-journey) {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities
) :is(.section, .page-hero) {
  border-radius: var(--founder-b-card-radius);
}

body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities
) :is(.page-hero h1, .section-head h2, .section > h2, .centered-head h2, .role-dashboard-copy h2) {
  max-width: none !important;
  text-wrap: balance;
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-contact,
  .route-cities
) :is(.page-hero h1, .pricing-page-hero h1, .cities-hero h1, .city-page-hero h1) {
  max-width: 15ch !important;
  font-size: clamp(2.15rem, 4vw, 4.8rem) !important;
  line-height: .98 !important;
}

/* Image-led, non-cropped page heroes. */
body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) .role-page-hero,
body.page-public.route-pricing .pricing-page-hero,
body.page-public.route-contact .support-page-hero,
body.page-public.route-cities :is(.cities-hero, .city-page-hero) {
  min-height: clamp(390px, 41vw, 590px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(34px, 5vw, 76px) clamp(24px, 5.5vw, 92px) !important;
  background-repeat: no-repeat !important;
  box-shadow: var(--founder-b-shadow);
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) .role-page-hero,
body.page-public.route-pricing .pricing-page-hero {
  align-items: center;
  text-align: center;
  background-position: center, left center, right center !important;
  background-size: cover, auto 100%, auto 100% !important;
}

body.page-public.route-contact .support-page-hero,
body.page-public.route-cities :is(.cities-hero, .city-page-hero) {
  background-position: center, right center !important;
  background-size: cover, auto 100% !important;
}

body.page-public:is(
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors
) .role-page-hero::after,
body.page-public.route-pricing .pricing-page-hero::after {
  display: none !important;
}

body.page-public.route-for-customers .role-page-hero {
  background-image: linear-gradient(90deg, rgba(255, 250, 243, .12) 0%, rgba(255, 250, 243, .72) 32%, rgba(255, 250, 243, .94) 50%, rgba(255, 250, 243, .74) 68%, rgba(255, 250, 243, .1) 100%), url("../img/founder-section-b/customer-hero-left-v2.webp"), url("../img/founder-section-b/customer-hero-v1.webp") !important;
}
body.page-public.route-for-artists .role-page-hero {
  background-image: linear-gradient(90deg, rgba(255, 250, 243, .12) 0%, rgba(255, 250, 243, .72) 32%, rgba(255, 250, 243, .94) 50%, rgba(255, 250, 243, .74) 68%, rgba(255, 250, 243, .1) 100%), url("../img/founder-section-b/artist-hero-left-v2.webp"), url("../img/founder-section-b/artist-hero-v1.webp") !important;
}
body.page-public.route-for-tutors .role-page-hero {
  background-image: linear-gradient(90deg, rgba(248, 255, 251, .12) 0%, rgba(248, 255, 251, .72) 32%, rgba(248, 255, 251, .94) 50%, rgba(248, 255, 251, .74) 68%, rgba(248, 255, 251, .1) 100%), url("../img/founder-section-b/tutor-hero-left-v2.webp"), url("../img/founder-section-b/tutor-hero-v1.webp") !important;
}
body.page-public.route-for-students .role-page-hero {
  background-image: linear-gradient(90deg, rgba(248, 251, 255, .12) 0%, rgba(248, 251, 255, .72) 32%, rgba(248, 251, 255, .94) 50%, rgba(248, 251, 255, .74) 68%, rgba(248, 251, 255, .1) 100%), url("../img/founder-section-b/student-hero-left-v2.webp"), url("../img/founder-section-b/student-hero-v1.webp") !important;
}
body.page-public.route-for-vendors .role-page-hero {
  background-image: linear-gradient(90deg, rgba(255, 252, 243, .12) 0%, rgba(255, 252, 243, .72) 32%, rgba(255, 252, 243, .94) 50%, rgba(255, 252, 243, .74) 68%, rgba(255, 252, 243, .1) 100%), url("../img/founder-section-b/vendor-hero-left-v2.webp"), url("../img/founder-section-b/vendor-hero-v1.webp") !important;
}
body.page-public.route-pricing .pricing-page-hero {
  background-image: linear-gradient(90deg, rgba(255, 250, 243, .1) 0%, rgba(255, 250, 243, .72) 32%, rgba(255, 250, 243, .95) 50%, rgba(255, 250, 243, .73) 68%, rgba(255, 250, 243, .08) 100%), url("../img/founder-section-b/pricing-hero-left-v2.webp"), url("../img/founder-section-b/pricing-hero-v1.webp") !important;
}
body.page-public.route-contact .support-page-hero {
  background-image: linear-gradient(90deg, rgba(247, 251, 255, .99) 0 42%, rgba(247, 251, 255, .82) 58%, rgba(247, 251, 255, .06) 100%), url("../img/founder-section-b/contact-hero-v1.webp") !important;
}
body.page-public.route-cities .cities-hero {
  background-image: linear-gradient(90deg, rgba(255, 250, 243, .99) 0 42%, rgba(255, 250, 243, .82) 58%, rgba(255, 250, 243, .06) 100%), url("../img/founder-section-b/city-hero-v1.webp") !important;
}

body.page-public.route-cities .city-page-hero {
  background-image:
    radial-gradient(circle at 84% 26%, rgba(191, 108, 73, .18) 0 8%, transparent 8.5%),
    radial-gradient(circle at 77% 68%, rgba(34, 112, 82, .15) 0 6%, transparent 6.5%),
    linear-gradient(135deg, #fffaf3 0%, #f2e3d4 52%, #ead0c3 100%) !important;
  background-size: auto, auto, cover !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero > :not(.page-breadcrumb),
body.page-public.route-contact .support-page-hero > :not(.page-breadcrumb),
body.page-public.route-cities :is(.cities-hero, .city-page-hero) > * {
  position: relative;
  z-index: 1;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero :is(.role-hero-overview, .hero-actions),
body.page-public.route-contact .support-page-hero > p:not(.eyebrow),
body.page-public.route-cities :is(.cities-hero, .city-page-hero) :is(.city-hero-search, .hero-search, .hero-actions, .city-nearby-suggestions),
body.page-public.route-cities :is(.cities-hero, .city-page-hero) > p:not(.eyebrow) {
  width: min(760px, 58%) !important;
  max-width: none !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero :is(.role-hero-overview, .hero-actions) {
  margin-inline: auto !important;
  justify-content: center;
}

body.page-public.route-pricing .pricing-page-hero h1 {
  max-width: 24ch !important;
  white-space: nowrap;
}

body.page-public.route-pricing .page-hero.pricing-page-hero.pricing-hero-final h1 {
  width: auto !important;
  max-width: none !important;
  font-size: clamp(2.1rem, 3.2vw, 3.35rem) !important;
  white-space: nowrap !important;
}

body.page-public.route-pricing .pricing-hero-chips-single {
  width: fit-content !important;
  min-width: min(310px, 100%);
  align-self: center;
  margin-inline: auto !important;
  text-align: center;
}

/* Legal policy heroes use one clear, full-section visual per policy. */
body.page-public.route-legal .legal-page-hero {
  min-height: clamp(410px, 36vw, 560px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(34px, 5vw, 72px) clamp(22px, 6vw, 104px) !important;
  text-align: center;
  background-color: #fffaf3 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: var(--founder-b-shadow);
}

body.page-public.route-legal .legal-page-hero--terms { background-image: linear-gradient(rgba(255, 250, 243, .56), rgba(255, 250, 243, .7)), url("../img/founder-section-b/legal-terms-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--privacy { background-image: linear-gradient(rgba(250, 252, 247, .56), rgba(250, 252, 247, .7)), url("../img/founder-section-b/legal-privacy-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--cookies { background-image: linear-gradient(rgba(255, 250, 243, .54), rgba(255, 250, 243, .68)), url("../img/founder-section-b/legal-cookies-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--refunds { background-image: linear-gradient(rgba(255, 248, 244, .56), rgba(255, 248, 244, .7)), url("../img/founder-section-b/legal-refunds-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--shipping { background-image: linear-gradient(rgba(255, 251, 244, .54), rgba(255, 251, 244, .68)), url("../img/founder-section-b/legal-shipping-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--returns { background-image: linear-gradient(rgba(255, 251, 244, .54), rgba(255, 251, 244, .68)), url("../img/founder-section-b/legal-returns-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--content { background-image: linear-gradient(rgba(255, 250, 243, .56), rgba(255, 250, 243, .7)), url("../img/founder-section-b/legal-content-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--community { background-image: linear-gradient(rgba(255, 250, 243, .56), rgba(255, 250, 243, .7)), url("../img/founder-section-b/legal-community-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--copyright { background-image: linear-gradient(rgba(255, 250, 243, .56), rgba(255, 250, 243, .7)), url("../img/founder-section-b/legal-copyright-hero-v2.webp") !important; }
body.page-public.route-legal .legal-page-hero--data-deletion { background-image: linear-gradient(rgba(248, 251, 250, .56), rgba(248, 251, 250, .7)), url("../img/founder-section-b/legal-data-deletion-hero-v2.webp") !important; }

body.page-public.route-legal .legal-page-hero > :not(.page-breadcrumb) {
  position: relative;
  z-index: 1;
}

body.page-public.route-legal .legal-page-hero > p:not(.eyebrow) {
  width: min(920px, 100%);
  max-width: none !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .static-page-brand,
body.page-public.route-contact .static-page-brand,
body.page-public.route-pricing .pricing-hero-logo,
body.page-public.route-cities .static-page-brand {
  display: none !important;
}

/* Join-role sections: large, premium, balanced. */
body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(
  .role-experience-section,
  .role-workflow-section,
  .role-dashboard-preview-section,
  .role-proof-section,
  .role-practice-section,
  .role-capability-section,
  .role-faq-section,
  .role-final-cta
) {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: clamp(28px, 4vw, 58px) !important;
  border: 1px solid color-mix(in srgb, var(--founder-b-accent) 15%, #ead8c9) !important;
  background: linear-gradient(135deg, #fffdf9, color-mix(in srgb, var(--founder-b-accent-soft) 58%, #fff)) !important;
  box-shadow: var(--founder-b-shadow);
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-flip-grid, .role-step-grid, .role-proof-grid) {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: clamp(14px, 1.7vw, 24px) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-shell {
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr) !important;
  gap: clamp(24px, 4vw, 64px) !important;
  align-items: center;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .capability-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .capability-item {
  min-height: 132px;
  padding: 22px !important;
  border-radius: 18px;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(58, 35, 23, .07);
}

/* Pricing: four clearly coded professional plans and full-width detail blocks. */
body.page-public.route-pricing :is(.pricing-plans-section, .pricing-compare-section, .pricing-payment-section, .pricing-faq-section-final) {
  padding: clamp(28px, 4vw, 60px) !important;
  box-shadow: var(--founder-b-shadow);
}

body.page-public.route-pricing .pricing-card-grid-professional {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
}

body.page-public.route-pricing .pricing-plan-card {
  border-width: 1px !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 38px rgba(55, 31, 20, .1) !important;
}

body.page-public.route-pricing .pricing-plan-card:nth-child(1) { background: linear-gradient(155deg, #fff3ef, #f7d9d3) !important; }
body.page-public.route-pricing .pricing-plan-card:nth-child(2) { background: linear-gradient(155deg, #effaf4, #cfe9dc) !important; }
body.page-public.route-pricing .pricing-plan-card:nth-child(3) { background: linear-gradient(155deg, #f3f2ff, #dcd8f3) !important; }
body.page-public.route-pricing .pricing-plan-card:nth-child(4) { background: linear-gradient(155deg, #fff8e8, #f0ddb0) !important; }

body.page-public.route-pricing .pricing-role-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 8px 20px rgba(67, 37, 23, .09);
}

body.page-public.route-pricing .pricing-billing-points {
  display: block !important;
  margin-top: 22px;
  border: 1px solid rgba(141, 46, 67, .18);
  border-radius: 18px;
  background: #fffaf3;
}

body.page-public.route-pricing .pricing-billing-points summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  padding: 14px 18px;
  color: #8d2e43;
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}

body.page-public.route-pricing .pricing-billing-points summary::-webkit-details-marker { display: none; }
body.page-public.route-pricing .pricing-billing-points[open] summary span { transform: rotate(180deg); }
body.page-public.route-pricing .pricing-billing-points ul { padding: 0 22px 20px 42px !important; }

/* Directory conversion panels with complete, non-cropped images. */
.founder-b-directory-prompt {
  display: grid !important;
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr) !important;
  grid-template-areas: "copy visual" "actions visual";
  gap: 18px clamp(24px, 3vw, 52px) !important;
  width: 100% !important;
  padding: clamp(24px, 3vw, 48px) !important;
  overflow: hidden;
  border-radius: 28px !important;
}

.founder-b-directory-prompt.is-artist { background: linear-gradient(135deg, #fff4ef, #f0cfc5) !important; }
.founder-b-directory-prompt.is-tutor { background: linear-gradient(135deg, #effaf5, #cfe8dc) !important; }
.founder-b-directory-copy { grid-area: copy; align-self: end; }
.founder-b-directory-prompt .discovery-v1-actions { grid-area: actions; align-self: start; }
.founder-b-directory-visual { grid-area: visual; margin: 0; min-width: 0; display: grid; place-items: center; }
.founder-b-directory-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 430px;
  object-fit: contain;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(50, 31, 21, .12);
}

body.page-public.route-products .founder-b-supplier-cta {
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr) !important;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #fff9e9, #ecd9aa) !important;
  box-shadow: var(--founder-b-shadow);
}

.founder-b-supplier-visual { margin: 0; display: grid; place-items: center; }
.founder-b-supplier-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 430px;
  object-fit: contain;
  border-radius: 22px;
}

/* Support and legal cards stay readable; no mirrored back-face text. */
body.page-public :is(.support-flip-card, .support-flip-inner) {
  min-height: 0 !important;
  height: auto !important;
}

body.page-public .support-flip-inner,
body.page-public .support-flip-card:is(:hover, :focus-within) .support-flip-inner {
  display: block !important;
  transform: none !important;
}

body.page-public .support-flip-face {
  position: static !important;
  min-height: 100% !important;
  transform: none !important;
  backface-visibility: visible !important;
}

body.page-public .support-flip-back { display: none !important; }
body.page-public .support-flip-front small { display: block; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(80, 52, 37, .15); color: #5f4a3e; line-height: 1.48; }

body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(
  .support-action-section,
  .support-route-section,
  .support-report-section,
  .support-detail-section,
  .support-role-section,
  .support-contact-shell,
  .support-faq-section,
  .legal-support-focus-section,
  .legal-reminder-section,
  .legal-faq-section,
  .legal-policy-directory-section,
  .legal-support-route-section,
  .readable,
  .compact-section
) {
  padding: clamp(28px, 4vw, 58px) !important;
  border: 1px solid rgba(126, 91, 66, .14);
  background: linear-gradient(135deg, #fffdf9, #f7eee4) !important;
  box-shadow: var(--founder-b-shadow);
}

body.page-public.route-contact .support-contact-shell {
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) !important;
  align-items: stretch;
}

body.page-public.route-contact :is(.support-form-card, .support-direct-panel) {
  width: 100% !important;
  max-width: none !important;
}

body.page-public.route-legal .readable {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
}

body.page-public.route-legal .readable p {
  max-width: 100ch;
  color: #60483b;
}

body.page-public.route-legal .legal-reminder-section {
  grid-template-columns: minmax(0, 1fr) minmax(480px, 1fr) !important;
  align-items: center;
}

body.page-public.route-legal .legal-support-reason-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.page-public.route-legal .feature-stack,
body.page-public.route-legal .legal-policy-directory-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

/* City pages inherit the same full-width system and a clear local hero. */
body.page-public.route-cities :is(.section, .city-map-section) {
  padding: clamp(28px, 4vw, 58px) !important;
  border: 1px solid rgba(143, 87, 54, .14);
  background: linear-gradient(135deg, #fffdf8, #f5eadc);
  box-shadow: var(--founder-b-shadow);
}

body.page-public.route-cities .city-hero-title span,
body.page-public.route-cities .city-hero-copy span {
  display: inline !important;
}

body.page-public.route-cities .city-hero-title span + span::before,
body.page-public.route-cities .city-hero-copy span + span::before { content: " "; }

body.page-public.route-cities .city-map-section,
body.page-public.route-cities .section.split {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* FAQ answers use one consistent, clearly distinct answer tone. */
body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities,
  .route-products,
  .route-gallery,
  .route-artists,
  .route-tutors
) .faq-list details > p {
  color: #7a3e2b !important;
  background: #fff7ec;
  border-radius: 0 0 12px 12px;
}

/* Compact authentication entry pages without changing form logic. */
body.page-auth:is(.route-login, .route-register) :is(.auth-command-wrap, .auth-split) {
  width: min(1080px, calc(100vw - 24px)) !important;
  max-width: min(1080px, calc(100vw - 24px)) !important;
  margin-block: 16px !important;
}

body.route-login.page-auth .auth-login-single .auth-card {
  width: min(470px, 100%) !important;
  padding: 24px !important;
  gap: 12px !important;
  border-radius: 22px !important;
}

body.route-register.page-auth .auth-single .auth-card {
  width: min(920px, 100%) !important;
  padding: clamp(20px, 3vw, 32px) !important;
  gap: 14px !important;
  border-radius: 24px !important;
}

body.route-register.page-auth :is(.register-role-grid, .provider-type-grid, .register-plan-grid) {
  gap: 10px !important;
}

body.route-register.page-auth .register-role-card {
  min-height: 88px !important;
  padding: 12px !important;
}

body.page-auth:is(.route-login, .route-register) :is(input, select) {
  min-height: 46px !important;
}

@media (max-width: 1100px) {
  body.page-public.route-pricing .pricing-card-grid-professional {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .founder-b-directory-prompt,
  body.page-public.route-products .founder-b-supplier-cta,
  body.page-public.route-legal .legal-reminder-section {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  body.page-public:is(
    .route-about,
    .route-how-it-works,
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors,
    .route-pricing,
    .route-trust-safety,
    .route-quality-guidelines,
    .route-whatsapp,
    .route-contact,
    .route-legal,
    .route-cities
  ) {
    --founder-b-page-width: calc(100% - 16px);
  }

  body.page-public:is(
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors,
    .route-pricing,
    .route-contact,
    .route-cities
  ) :is(.page-hero, .pricing-page-hero, .support-page-hero, .cities-hero, .city-page-hero) {
    min-height: 0;
    padding: 24px 18px 28px !important;
    background-image: linear-gradient(90deg, rgba(255, 250, 243, .96), rgba(255, 250, 243, .82)), var(--founder-b-mobile-image, none) !important;
    background-size: cover, auto 100% !important;
  }

  body.page-public.route-for-customers .role-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/customer-hero-v1.webp"); }
  body.page-public.route-for-artists .role-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/artist-hero-v1.webp"); }
  body.page-public.route-for-tutors .role-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/tutor-hero-v1.webp"); }
  body.page-public.route-for-students .role-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/student-hero-v1.webp"); }
  body.page-public.route-for-vendors .role-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/vendor-hero-v1.webp"); }
  body.page-public.route-pricing .pricing-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/pricing-hero-v1.webp"); }
  body.page-public.route-contact .support-page-hero { --founder-b-mobile-image: url("../img/founder-section-b/contact-hero-v1.webp"); }
  body.page-public.route-cities .cities-hero { --founder-b-mobile-image: url("../img/founder-section-b/city-hero-v1.webp"); }
  body.page-public.route-cities .city-page-hero { --founder-b-mobile-image: none; }

  body.page-public.route-legal .legal-page-hero {
    min-height: 0;
    padding: 24px 18px 28px !important;
    background-size: cover !important;
  }

  body.page-public:is(
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors,
    .route-pricing,
    .route-contact,
    .route-cities
  ) :is(.page-hero h1, .pricing-page-hero h1, .cities-hero h1, .city-page-hero h1) {
    max-width: none !important;
    font-size: clamp(1.72rem, 8vw, 2.55rem) !important;
    line-height: 1.02 !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-page-hero :is(.role-hero-overview, .hero-actions),
  body.page-public.route-contact .support-page-hero > p:not(.eyebrow),
  body.page-public.route-cities :is(.cities-hero, .city-page-hero) :is(.city-hero-search, .hero-search, .hero-actions, .city-nearby-suggestions),
  body.page-public.route-cities :is(.cities-hero, .city-page-hero) > p:not(.eyebrow) {
    width: 100% !important;
  }

  body.page-public.route-pricing .page-hero.pricing-page-hero.pricing-hero-final h1 {
    max-width: 100% !important;
    font-size: clamp(1.72rem, 8vw, 2.55rem) !important;
    white-space: normal !important;
  }

  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-experience-section, .role-workflow-section, .role-dashboard-preview-section, .role-proof-section, .role-practice-section, .role-capability-section, .role-faq-section, .role-final-cta),
  body.page-public.route-pricing :is(.pricing-plans-section, .pricing-compare-section, .pricing-payment-section, .pricing-faq-section-final),
  body.page-public:is(.route-contact, .route-trust-safety, .route-quality-guidelines, .route-whatsapp, .route-legal) :is(.support-action-section, .support-route-section, .support-report-section, .support-detail-section, .support-role-section, .support-contact-shell, .support-faq-section, .legal-support-focus-section, .legal-reminder-section, .legal-faq-section, .legal-policy-directory-section, .legal-support-route-section, .readable, .compact-section),
  body.page-public.route-cities :is(.section, .city-map-section) {
    padding: 22px 16px !important;
  }

  body.page-public.route-pricing .pricing-card-grid-professional,
  body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) :is(.role-dashboard-shell, .role-dashboard-grid, .capability-grid),
  body.page-public.route-contact .support-contact-shell,
  body.page-public.route-legal :is(.legal-reminder-section, .legal-support-reason-grid),
  body.page-public.route-cities :is(.city-map-section, .section.split),
  .founder-b-directory-prompt,
  body.page-public.route-products .founder-b-supplier-cta {
    grid-template-columns: 1fr !important;
  }

  .founder-b-directory-prompt {
    grid-template-areas: "copy" "visual" "actions";
    padding: 18px !important;
  }

  .founder-b-directory-visual img,
  .founder-b-supplier-visual img { max-height: 320px; }

  body.page-public.route-legal .legal-policy-meta {
    display: grid;
    gap: 4px;
  }

  body.page-auth:is(.route-login, .route-register) :is(.auth-command-wrap, .auth-split) {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }

  body.route-login.page-auth .auth-login-single .auth-card,
  body.route-register.page-auth .auth-single .auth-card {
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-public.route-pricing .pricing-billing-points summary span { transition: none; }
}

/* Final precedence guard: legacy route rules must not recreate narrow page islands. */
html body.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities
) main > :is(.page-hero, .section, .founder-section-b-journey, .u9-detail-journey) {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html body.page-public.route-legal main > :is(.section.readable, .section.legal-reminder-section),
html body.page-public.route-contact main > .u9-detail-journey {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
}

html body.phase1-foundation.u2-page-composition.page-public:is(
  .route-about,
  .route-how-it-works,
  .route-for-customers,
  .route-for-artists,
  .route-for-tutors,
  .route-for-students,
  .route-for-vendors,
  .route-pricing,
  .route-trust-safety,
  .route-quality-guidelines,
  .route-whatsapp,
  .route-contact,
  .route-legal,
  .route-cities
) main.app-main > :is(.page-hero, .section, .founder-section-b-journey, .u9-detail-journey) {
  width: var(--founder-b-page-width) !important;
  max-width: none !important;
}

@media (max-width: 760px) {
  html body.page-public:is(
    .route-about,
    .route-how-it-works,
    .route-for-customers,
    .route-for-artists,
    .route-for-tutors,
    .route-for-students,
    .route-for-vendors,
    .route-pricing,
    .route-trust-safety,
    .route-quality-guidelines,
    .route-whatsapp,
    .route-contact,
    .route-legal,
    .route-cities
  ) main :is(.section-head h2, .section > h2, .centered-head h2, .role-dashboard-copy h2, .legal-policy-directory-copy h2, .legal-support-route-copy h2) {
    font-size: clamp(1.22rem, 5.3vw, 1.46rem) !important;
    line-height: 1.04 !important;
    text-wrap: balance;
  }

  html body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .page-hero.role-page-hero h1 {
    font-size: clamp(1.4rem, 6.1vw, 1.62rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.025em !important;
  }

  html body.page-public.route-cities :is(.cities-hero, .city-page-hero) h1 {
    font-size: clamp(1.28rem, 5.8vw, 1.48rem) !important;
    line-height: 1.06 !important;
  }

  html body.phase1-foundation.u2-page-composition.page-public.route-cities main.app-main .cities-hero .city-hero-title {
    font-size: clamp(1.28rem, 5.5vw, 1.38rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.02em !important;
  }

  html body.phase1-foundation.u2-page-composition.page-public.route-gallery main.app-main .marketplace-faq-section .centered-head h2 {
    font-size: clamp(1.16rem, 5vw, 1.32rem) !important;
    line-height: 1.04 !important;
  }
}

/* Recording follow-up precedence guard. */
html body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery, .route-requests) main.app-main > :is(.page-hero, .section, .discovery-v1-directory-heading, .discovery-v1-directory-followup, .discovery-v1-directory-faq) {
  width: calc(100% - clamp(20px, 3.2vw, 58px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

html body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-shell {
  grid-template-columns: 1fr !important;
  gap: 24px !important;
}
html body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy {
  max-width: none !important;
  text-align: center !important;
}
html body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-copy h2 {
  white-space: nowrap !important;
}

html body.page-public .support-flip-card {
  min-height: clamp(270px, 20vw, 330px) !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  perspective: 1200px !important;
}

html body.page-public .support-flip-inner,
html body.page-public .support-flip-card:is(:hover, :focus-visible, .is-flipped) .support-flip-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  transform-style: preserve-3d !important;
  transition: transform .68s cubic-bezier(.2, .72, .22, 1) !important;
}

html body.page-public .support-flip-card:is(:hover, :focus-visible, .is-flipped) .support-flip-inner {
  transform: rotateY(180deg) !important;
}

html body.page-public .support-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  min-height: inherit !important;
  padding: clamp(22px, 2.2vw, 34px) !important;
  border: 1px solid rgba(112, 70, 48, .16) !important;
  border-radius: 22px !important;
  backface-visibility: hidden !important;
  overflow: hidden !important;
  text-align: center !important;
}

html body.page-public .support-flip-front {
  transform: rotateY(0deg) !important;
  background: rgba(255, 255, 255, .92) !important;
}

html body.page-public .support-flip-back {
  display: grid !important;
  transform: rotateY(180deg) !important;
  backface-visibility: hidden !important;
  background-image: linear-gradient(rgba(25,17,14,.04), rgba(25,17,14,.4)), url("../img/founder-section-b/support-card-atlas-v3.webp") !important;
  background-repeat: no-repeat !important;
  background-position: var(--visual-x, 50%) var(--visual-y, 0%) !important;
  background-size: 300% 300% !important;
}

html body.page-public .legal-visual-flip-card .support-flip-back {
  background-image: linear-gradient(rgba(25,17,14,.04), rgba(25,17,14,.4)), url("../img/founder-section-b/legal-card-atlas-v3.webp") !important;
}

html body.page-public .support-flip-card[data-visual-flip] .support-flip-back {
  display: grid !important;
  transform: rotateY(180deg) !important;
  backface-visibility: hidden !important;
  background-image: linear-gradient(rgba(25,17,14,.04), rgba(25,17,14,.4)), url("../img/founder-section-b/support-card-atlas-v3.webp") !important;
  background-repeat: no-repeat !important;
  background-position: var(--visual-x, 50%) var(--visual-y, 0%) !important;
  background-size: 300% 300% !important;
}
html body.page-public .support-flip-card[data-visual-flip] {
  min-height: clamp(270px, 20vw, 330px) !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  perspective: 1200px !important;
}
html body.page-public .support-flip-card[data-visual-flip] .support-flip-inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  transform-style: preserve-3d !important;
  transition: transform .68s cubic-bezier(.2, .72, .22, 1) !important;
}
html body.page-public .support-flip-card[data-visual-flip] .support-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  min-height: 100% !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
}
html body.page-public .support-flip-card[data-visual-flip] .support-flip-front {
  transform: rotateY(0deg) !important;
  backface-visibility: hidden !important;
}
html body.page-public .support-flip-card.legal-visual-flip-card[data-visual-flip] .support-flip-back {
  background-image: linear-gradient(rgba(25,17,14,.04), rgba(25,17,14,.4)), url("../img/founder-section-b/legal-card-atlas-v3.webp") !important;
}

html body.page-public.route-contact .support-contact-shell {
  grid-template-columns: minmax(0, .82fr) minmax(360px, 1.18fr) !important;
}

html body.page-public.route-pricing .pricing-billing-points {
  width: 100% !important;
  max-width: none !important;
}

html body.page-public.route-pricing .pricing-step-grid .pricing-step-flip[data-visual-flip] > .pricing-step-flip-inner {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform-style: preserve-3d !important;
  backface-visibility: visible !important;
}
html body.page-public.route-pricing .pricing-step-grid .pricing-step-flip[data-visual-flip] > .pricing-step-flip-inner > .pricing-step-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: 1px solid rgba(141, 46, 67, .18) !important;
  border-radius: 20px !important;
  backface-visibility: hidden !important;
}
html body.page-public.route-pricing .pricing-step-grid .pricing-step-flip[data-visual-flip] > .pricing-step-flip-inner > .pricing-step-flip-front {
  transform: rotateY(0deg) !important;
  background: rgba(255, 255, 255, .92) !important;
}
html body.page-public.route-pricing .pricing-step-grid .pricing-step-flip[data-visual-flip] > .pricing-step-flip-inner > .pricing-step-flip-back {
  transform: rotateY(180deg) !important;
  background-image: linear-gradient(rgba(35,18,14,.03), rgba(35,18,14,.42)), url("../img/founder-section-b/pricing-billing-atlas-v3.webp") !important;
  background-repeat: no-repeat !important;
  background-position: var(--visual-x, 50%) center !important;
  background-size: 400% 100% !important;
}

html body.page-public.route-pricing .pricing-page-hero {
  background-image: linear-gradient(90deg, rgba(255,250,243,.24), rgba(255,250,243,.9) 35%, rgba(255,250,243,.96) 50%, rgba(255,250,243,.9) 65%, rgba(255,250,243,.2)), url("../img/founder-section-b/pricing-hero-left-v2.webp"), url("../img/founder-section-b/pricing-hero-v1.webp") !important;
  background-position: center, left center, right center !important;
  background-size: cover, auto 100%, auto 100% !important;
}

html body.page-public.route-contact .support-page-hero {
  align-items: center !important;
  text-align: center !important;
  background-image: linear-gradient(90deg, rgba(247,251,255,.22), rgba(247,251,255,.9) 35%, rgba(247,251,255,.96) 50%, rgba(247,251,255,.88) 65%, rgba(247,251,255,.18)), url("../img/founder-section-b/contact-hero-left-v3.webp"), url("../img/founder-section-b/contact-hero-v1.webp") !important;
  background-position: center, left center, right center !important;
  background-size: cover, auto 100%, auto 100% !important;
}

html body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero {
  min-height: clamp(390px, 38vw, 560px) !important;
  align-items: center !important;
  text-align: center !important;
  background-image: linear-gradient(90deg, rgba(255,250,243,.32), rgba(255,250,243,.9) 33%, rgba(255,250,243,.95) 50%, rgba(255,250,243,.88) 67%, rgba(255,250,243,.28)), url("../img/founder-section-b/support-hero-atlas-v3.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover, 200% 100% !important;
}

html body.page-public.route-trust-safety .role-page-hero { background-position: center, left center !important; }
html body.page-public.route-quality-guidelines .role-page-hero { background-position: center, right center !important; }
html body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero::after { display: none !important; }

html body.page-public.route-legal .legal-page-hero--terms { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-terms-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--privacy { background-image: linear-gradient(rgba(250,252,247,.38), rgba(250,252,247,.54)), url("../img/founder-section-b/legal-privacy-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--cookies { background-image: linear-gradient(rgba(255,250,243,.36), rgba(255,250,243,.52)), url("../img/founder-section-b/legal-cookies-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--refunds { background-image: linear-gradient(rgba(255,248,244,.38), rgba(255,248,244,.54)), url("../img/founder-section-b/legal-refunds-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--shipping { background-image: linear-gradient(rgba(255,251,244,.36), rgba(255,251,244,.52)), url("../img/founder-section-b/legal-shipping-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--returns { background-image: linear-gradient(rgba(255,251,244,.36), rgba(255,251,244,.52)), url("../img/founder-section-b/legal-returns-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--content { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-content-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--community { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-community-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--copyright { background-image: linear-gradient(rgba(255,250,243,.38), rgba(255,250,243,.54)), url("../img/founder-section-b/legal-copyright-hero-v2.webp") !important; }
html body.page-public.route-legal .legal-page-hero--data-deletion { background-image: linear-gradient(rgba(248,251,250,.38), rgba(248,251,250,.54)), url("../img/founder-section-b/legal-data-deletion-hero-v2.webp") !important; }

html body.route-login.page-auth .auth-login-single {
  display: grid !important;
  grid-template-columns: minmax(390px, .8fr) minmax(0, 1.2fr) !important;
  align-items: stretch !important;
  width: min(1180px, calc(100vw - 32px)) !important;
  max-width: min(1180px, calc(100vw - 32px)) !important;
}

html body.route-login.page-auth .auth-login-single .auth-card {
  width: 100% !important;
  max-width: none !important;
}

html body.page-public.route-cities .city-india-map-preview {
  position: relative !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10 !important;
  background-image: linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)), url("../img/founder-section-b/india-city-map-v3.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.page-public.route-cities .city-india-map-preview .city-map-marker {
  left: var(--city-pin-x) !important;
  top: var(--city-pin-y) !important;
  transform: translate(-50%, -100%) !important;
}

html body.page-public.route-cities .city-india-map-preview .city-map-caption {
  inset: auto 18px 18px auto !important;
  width: auto !important;
  height: 88px !important;
  block-size: 88px !important;
  max-height: 88px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  align-self: auto !important;
}

html body.page-public.route-cities .city-india-map-preview .city-map-caption > :is(strong, small) {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html body.route-login.page-auth .auth-login-single { grid-template-columns: 1fr !important; }
  html body.route-login.page-auth .auth-page-copy { white-space: normal !important; }
}

@media (max-width: 760px) {
  html body.page-public:is(.route-artists, .route-tutors, .route-products, .route-gallery, .route-requests) main.app-main > :is(.page-hero, .section, .discovery-v1-directory-heading, .discovery-v1-directory-followup, .discovery-v1-directory-faq) {
    width: calc(100% - 16px) !important;
  }
  html body.page-public:is(.route-for-customers, .route-for-artists, .route-for-tutors, .route-for-students, .route-for-vendors) .role-dashboard-grid,
  html body.route-register.page-auth :is(.register-identity-grid, .register-password-grid, .phone-form-grid, .compact-form-grid),
  html body.route-register.page-auth .u4-register-journey ol { grid-template-columns: 1fr !important; }
  html body.page-public.route-pricing .pricing-page-hero,
  html body.page-public.route-contact .support-page-hero,
  html body.page-public:is(.route-trust-safety, .route-quality-guidelines) .role-page-hero {
    background-image: linear-gradient(rgba(255,250,243,.72), rgba(255,250,243,.84)), var(--founder-b-mobile-image, none) !important;
    background-position: center !important;
    background-size: cover !important;
  }
  html body.route-login.page-auth .auth-login-single {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
  html body.page-public.route-cities .city-india-map-preview { aspect-ratio: 4 / 3 !important; }
}

html body.route-register.page-auth .auth-register-single .auth-card {
  padding: 20px !important;
  gap: 9px !important;
}
html body.route-register.page-auth .auth-form-brand {
  min-height: 0 !important;
  padding: 6px 12px !important;
}
html body.route-register.page-auth .auth-form-brand img {
  width: auto !important;
  height: 42px !important;
}
html body.route-register.page-auth .register-role-card {
  min-height: 76px !important;
  padding: 8px !important;
}
html body.route-register.page-auth :is(input, select) { min-height: 44px !important; }
html body.route-register.page-auth .auth-entry-links { min-height: 0 !important; padding-top: 8px !important; }

/* Keep the desktop registration journey inside one working viewport while
   preserving the roomier stacked mobile form below 760px. */
@media (min-width: 761px) {
  html body.route-register.page-auth .auth-register-single {
    padding-block: 8px 14px !important;
  }

  html body.route-register.page-auth .auth-register-single .auth-card {
    gap: 6px !important;
    padding: 14px 18px !important;
  }

  html body.route-register.page-auth .auth-register-single .auth-form-brand {
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 3px 10px !important;
  }

  html body.route-register.page-auth .auth-form-brand img {
    height: 34px !important;
  }

  html body.route-register.page-auth .auth-page-title {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
  }

  html body.route-register.page-auth .auth-page-copy {
    max-width: 760px !important;
    margin: 0 auto !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  html body.route-register.page-auth .register-role-picker {
    gap: 5px !important;
    margin: 0 !important;
  }

  html body.route-register.page-auth .auth-section-title {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  html body.route-register.page-auth .register-role-grid {
    gap: 8px !important;
  }

  html body.route-register.page-auth .register-role-card {
    min-height: 58px !important;
    gap: 3px !important;
    padding: 5px 8px !important;
  }

  html body.route-register.page-auth .role-card-icon {
    width: 32px !important;
    height: 32px !important;
  }

  html body.route-register.page-auth .register-role-card strong {
    font-size: 12px !important;
  }

  html body.route-register.page-auth .compact-form-grid {
    gap: 10px !important;
  }

  html body.route-register.page-auth .auth-card label {
    gap: 3px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html body.route-register.page-auth .auth-card :is(input, select) {
    height: 38px !important;
    min-height: 38px !important;
    margin-top: 3px !important;
    padding-block: 5px !important;
    font-size: 14px !important;
  }

  html body.route-register.page-auth .password-input-wrap {
    margin-top: 3px !important;
  }

  html body.route-register.page-auth .password-input-wrap input {
    margin-top: 0 !important;
  }

  html body.route-register.page-auth .password-toggle {
    width: 34px !important;
    height: 32px !important;
    right: 3px !important;
  }

  html body.route-register.page-auth .register-consent-check {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
  }

  html body.route-register.page-auth .register-consent-check input {
    width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
  }

  html body.route-register.page-auth .auth-card > .button {
    min-height: 40px !important;
    padding-block: 7px !important;
  }

  html body.route-register.page-auth .auth-card > p:last-of-type {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html body.route-register.page-auth .auth-entry-links {
    min-height: 32px !important;
    padding-top: 2px !important;
  }

  html body.route-register.page-auth .auth-entry-links a {
    min-height: 30px !important;
    padding-inline: 12px !important;
    font-size: 11px !important;
  }
}

/* v4 final cascade: these rules intentionally follow all historical Section B layers. */
html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-experience-section,
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines) :is(.support-role-section,.support-action-section),
html body.page-public.route-pricing .pricing-payment-section {
  display: grid !important;
  grid-template-columns: minmax(320px,.85fr) minmax(0,1.15fr) !important;
  align-items: stretch !important;
  gap: 24px !important;
}

html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-experience-section > .section-head,
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines) :is(.support-role-section,.support-action-section) > .section-head,
html body.page-public.route-pricing .pricing-payment-section > :is(.section-head,.pricing-billing-points) { grid-column: 1 / -1 !important; }

html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-experience-section > .role-story-media,
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines) :is(.support-role-section,.support-action-section) > .support-story-media,
html body.page-public.route-pricing .pricing-payment-section > .pricing-access-media { grid-column: 1 !important; }

html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-experience-section > .role-flip-grid,
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines) :is(.support-role-section,.support-action-section) > .support-flip-grid,
html body.page-public.route-pricing .pricing-payment-section > .pricing-step-grid { grid-column: 2 !important; }

html body.page-public :is(.role-story-media,.support-story-media,.pricing-access-media) {
  display: block !important;
  min-width: 0 !important;
  height: max-content !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(126,44,49,.18) !important;
  border-radius: 24px !important;
  background: #f8eee8 !important;
  box-shadow: 0 18px 44px rgba(66,35,25,.12) !important;
}

html body.page-public :is(.role-story-media,.support-story-media,.pricing-access-media) img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body.page-public .role-path-card-static {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 22px !important;
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  color: #2d1c17 !important;
  text-align: left !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg,#fff,#fcefe8) !important;
}

html body.page-public .role-path-card-static .role-feature-icon { grid-row: 1 / span 2 !important; }
html body.page-public .role-path-card-static small { display: block !important; margin-top: 5px !important; color: #684b3f !important; line-height: 1.45 !important; }

html body.page-public :is(.role-step-card-static,.role-proof-card-static,.support-action-card-static),
html body.page-public.route-pricing .pricing-step-card-static {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 230px !important;
  height: auto !important;
  padding: 24px !important;
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  color: #2d1c17 !important;
  border: 1px solid rgba(143,47,53,.16) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg,#fff,#f8eee6) !important;
  box-shadow: 0 15px 36px rgba(61,33,24,.08) !important;
}

html body.page-public .support-action-card-static { justify-content: flex-start !important; text-align: left !important; }
html body.page-public .support-action-card-static > .support-card-icon { position: static !important; align-self: flex-start !important; margin: 0 0 14px !important; transform: none !important; }
html body.page-public .support-action-card-static > h3 { position: static !important; margin: 0 0 10px !important; transform: none !important; }
html body.page-public .support-action-card-static > p { position: static !important; margin: 0 0 14px !important; transform: none !important; }
html body.page-public .support-action-card-static small { display: block !important; margin-top: auto !important; padding-top: 14px !important; color: #664c40 !important; line-height: 1.45 !important; border-top: 1px solid rgba(95,63,47,.14) !important; }

html body.page-public.route-pricing .pricing-step-card-static { align-items: center !important; justify-content: center !important; text-align: center !important; background: rgba(255,255,255,.94) !important; }
html body.page-public.route-pricing .pricing-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important; }
html body.page-public.route-pricing .pricing-step-card-static .pricing-step-icon { position: relative !important; display: grid !important; place-items: center !important; width: 64px !important; height: 64px !important; margin-bottom: 14px !important; color: #fff !important; border-radius: 50% !important; background: #b40012 !important; }
html body.page-public.route-pricing .pricing-step-card-static .pricing-step-icon svg { width: 28px !important; height: 28px !important; }
html body.page-public.route-pricing .pricing-step-card-static .pricing-step-icon b { position: absolute !important; top: -5px !important; right: -5px !important; display: grid !important; place-items: center !important; width: 24px !important; height: 24px !important; color: #b40012 !important; border-radius: 50% !important; background: #fff !important; font-size: 12px !important; }
html body.page-public.route-pricing .pricing-step-card-static > small { color: #62493d !important; font-size: 14px !important; line-height: 1.45 !important; }

html body.page-public :is(.faq-list,.pricing-faq-panel) details > p { margin: 0 !important; padding: 18px 22px !important; color: #324f45 !important; background: linear-gradient(135deg,#edf7f2,#f8fcfa) !important; border-top: 1px solid rgba(25,112,88,.16) !important; }

html body.page-auth.route-login .auth-login-single { width: min(1180px,calc(100% - 32px)) !important; max-width: none !important; min-height: 0 !important; margin: 24px auto !important; padding: 24px !important; display: grid !important; grid-template-columns: minmax(420px,.95fr) minmax(0,1.05fr) !important; align-items: center !important; gap: 24px !important; }
html body.page-auth.route-login .auth-login-single .auth-card { width: 100% !important; max-width: 560px !important; margin: 0 auto !important; }
html body.page-auth.route-login .auth-login-visual { display: block !important; align-self: center !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; overflow: hidden !important; border: 1px solid rgba(143,47,53,.16) !important; border-radius: 24px !important; background: #f7ede6 !important; box-shadow: 0 18px 44px rgba(61,33,24,.1) !important; }
html body.page-auth.route-login .auth-login-visual img { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 3 / 2 !important; object-fit: contain !important; object-position: center !important; }

@media (max-width: 860px) {
  html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-experience-section,
  html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines) :is(.support-role-section,.support-action-section),
  html body.page-public.route-pricing .pricing-payment-section { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
  html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-experience-section > :is(.section-head,.role-story-media,.role-flip-grid),
  html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines) :is(.support-role-section,.support-action-section) > :is(.section-head,.support-story-media,.support-flip-grid),
  html body.page-public.route-pricing .pricing-payment-section > :is(.section-head,.pricing-access-media,.pricing-step-grid,.pricing-billing-points) { grid-column: 1 !important; }
  html body.page-public.route-pricing .pricing-step-grid { grid-template-columns: minmax(0,1fr) !important; }
  html body.page-public :is(.role-path-card-static,.role-step-card-static,.role-proof-card-static,.support-action-card-static,.pricing-step-card-static) { min-height: 0 !important; }
  html body.page-auth.route-login .auth-login-single { width: calc(100% - 20px) !important; min-height: 0 !important; margin: 10px !important; padding: 10px !important; grid-template-columns: minmax(0,1fr) !important; }
}

/* Founder Phase 1 / Section B PPT follow-up v5.
   The Artist directory CTA is the reference contract: 16px desktop/tablet
   gutters and 8px mobile gutters, with every contained section using the
   available width and every inner grid remaining responsive. */
html body.page-public:is(
  .route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors,
  .route-pricing,.route-cities,.route-contact,.route-trust-safety,.route-quality-guidelines,
  .route-whatsapp,.route-legal,.route-artists,.route-tutors,.route-products,.route-gallery,.route-requests
) main.app-main > :is(.page-hero,.section,.founder-section-b-journey,.discovery-v1-directory-heading,.discovery-v1-directory-followup,.discovery-v1-directory-faq) {
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-right: 16px !important;
  margin-left: 16px !important;
}

/* Pricing disclosure: centered label with an independent right-side chevron. */
html body.page-public.route-pricing .pricing-billing-points summary {
  position: relative !important;
  justify-content: center !important;
  padding-right: 52px !important;
  padding-left: 52px !important;
  text-align: center !important;
}
html body.page-public.route-pricing .pricing-billing-points summary > span {
  position: absolute !important;
  right: 20px !important;
}

/* Registration: centered transparent brand, single country source, readable
   provider journey and one complete selected plan at a time. */
html body.route-register.page-auth .auth-register-single {
  width: min(1040px,calc(100% - 32px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
html body.route-register.page-auth .auth-register-single .auth-card {
  width: 100% !important;
  max-width: none !important;
}
html body.route-register.page-auth .auth-form-brand {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 64px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.route-register.page-auth .auth-form-brand img {
  width: auto !important;
  height: 58px !important;
  max-width: min(240px,78vw) !important;
  object-fit: contain !important;
}
html body.route-register.page-auth .provider-type-grid {
  display: grid !important;
  grid-template-columns: minmax(280px,480px) !important;
  justify-content: center !important;
}
html body.route-register.page-auth .provider-type-grid > label {
  width: 100% !important;
  text-align: center !important;
}
html body.route-register.page-auth .register-city-grid {
  grid-template-columns: minmax(0,1fr) !important;
}
html body.route-register.page-auth .u4-register-journey {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 18px !important;
  border: 1px solid rgba(130,45,52,.16) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#fffaf5,#f7eee7) !important;
}
html body.route-register.page-auth .u4-register-journey > div {
  text-align: center !important;
}
html body.route-register.page-auth .u4-register-journey ol {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body.route-register.page-auth .u4-register-journey li {
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 82px !important;
  padding: 12px !important;
  border: 1px solid rgba(130,45,52,.12) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.9) !important;
}
html body.route-register.page-auth .u4-register-journey li > span {
  grid-row: 1 / span 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
}
html body.route-register.page-auth .u4-register-journey li > :is(b,small) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
html body.route-register.page-auth .register-plan-panel {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 18px !important;
  border: 1px solid rgba(130,45,52,.17) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#fffdf9,#f8eee7) !important;
}
html body.route-register.page-auth .register-plan-panel[hidden] { display: none !important; }
html body.route-register.page-auth .register-plan-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(170px,1fr)) !important;
  gap: 8px !important;
}
html body.route-register.page-auth .register-plan-tabs button {
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  color: #7c1c29 !important;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
  border: 1px solid rgba(141,46,67,.2) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.9) !important;
  cursor: pointer !important;
}
html body.route-register.page-auth .register-plan-tabs button:is(.is-active,[aria-selected="true"]) {
  color: #fff !important;
  background: #9f1830 !important;
  box-shadow: 0 9px 22px rgba(126,24,44,.2) !important;
}
html body.route-register.page-auth .register-plan-tabs button[hidden],
html body.route-register.page-auth .register-plan-card[hidden] { display: none !important; }
html body.route-register.page-auth .register-plan-grid {
  display: block !important;
  width: 100% !important;
}
html body.route-register.page-auth .register-plan-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 9px 18px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(18px,2.4vw,28px) !important;
  border: 2px solid rgba(141,46,67,.2) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg,#fff,#f8e7e4) !important;
  box-shadow: 0 16px 36px rgba(75,35,30,.09) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
html body.route-register.page-auth .register-plan-card > input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
html body.route-register.page-auth :is(.register-plan-kicker,.register-plan-card > p,.register-plan-card > ul,.register-plan-limits) {
  grid-column: 1 / -1 !important;
}
html body.route-register.page-auth .register-plan-kicker {
  color: #9f1830 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
html body.route-register.page-auth .register-plan-name {
  grid-column: 1 !important;
  grid-row: 2 !important;
  font-family: var(--font-heading,Georgia,serif) !important;
  font-size: clamp(1.55rem,3vw,2.2rem) !important;
  line-height: 1.08 !important;
}
html body.route-register.page-auth .register-plan-price {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  color: #2a1d18 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
html body.route-register.page-auth .register-plan-card > p {
  margin: 0 !important;
  color: #60483c !important;
  line-height: 1.5 !important;
}
html body.route-register.page-auth .register-plan-card > ul {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body.route-register.page-auth .register-plan-card > ul li,
html body.route-register.page-auth .register-plan-limits span {
  min-width: 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.82) !important;
  overflow-wrap: anywhere !important;
}
html body.route-register.page-auth .register-plan-card > ul li::before {
  content: "✓" !important;
  margin-right: 7px !important;
  color: #167255 !important;
  font-weight: 900 !important;
}
html body.route-register.page-auth .register-plan-limits {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 8px !important;
}
html body.route-register.page-auth .register-consent-check {
  font-size: 13px !important;
  line-height: 1.42 !important;
  overflow-wrap: anywhere !important;
}

/* Join page key capabilities: 3 x 2 at desktop, with the cards—not the
   section—using the available space. */
html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-capability-section .capability-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(18px,2vw,28px) !important;
}
html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-capability-section .capability-item {
  min-height: 168px !important;
  padding: clamp(24px,2.6vw,36px) !important;
  border-radius: 22px !important;
}
html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-capability-section .role-feature-icon {
  width: 62px !important;
  height: 62px !important;
}
html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-capability-section .capability-item > span:last-child {
  font-size: clamp(1.02rem,1.35vw,1.22rem) !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

/* Contact: form receives the working width; direct channels stack vertically. */
html body.page-public.route-contact .support-contact-shell {
  grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr) !important;
  gap: clamp(18px,2.5vw,34px) !important;
}
html body.page-public.route-contact .support-direct-panel {
  display: flex !important;
  flex-direction: column !important;
}
html body.page-public.route-contact .support-direct-actions {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 14px !important;
  margin-top: 14px !important;
}
html body.page-public.route-contact .support-direct-action {
  min-height: 132px !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

/* Legal/support: centered summaries, full-width detail paths, and 5 x 2
   policy directory at laptop widths. */
html body.page-public.route-legal .readable {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  text-align: center !important;
}
html body.page-public.route-legal .readable :is(h2,p) {
  width: 100% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines,.route-whatsapp,.route-legal) .support-read-more {
  width: 100% !important;
  max-width: none !important;
}
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines,.route-whatsapp,.route-legal) .support-read-more > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding-right: 52px !important;
  padding-left: 52px !important;
  text-align: center !important;
}
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines,.route-whatsapp,.route-legal) .support-read-more > summary > span {
  position: absolute !important;
  right: 20px !important;
}
html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines,.route-whatsapp,.route-legal) :is(.support-detail-grid,.support-read-more .feature-stack) {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(14px,1.8vw,24px) !important;
  width: 100% !important;
  max-width: none !important;
}
html body.page-public.route-legal .legal-policy-directory {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}
html body.page-public.route-legal .legal-policy-directory-copy {
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
}
html body.page-public.route-legal .legal-policy-directory-copy p {
  max-width: none !important;
}
html body.page-public.route-legal .legal-policy-directory-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}
html body.page-public.route-legal .legal-policy-link-card {
  min-width: 0 !important;
  min-height: 156px !important;
  padding: 18px 14px !important;
  overflow-wrap: anywhere !important;
}

/* Replace the compressed two-image atlas with one native wide hero. */
html body.page-public.route-quality-guidelines .role-page-hero {
  min-height: clamp(420px,40vw,590px) !important;
  background-image: linear-gradient(90deg,rgba(255,250,243,.3),rgba(255,250,243,.88) 34%,rgba(255,250,243,.96) 49%,rgba(255,250,243,.72) 68%,rgba(255,250,243,.18)),url("../img/founder-section-b/quality-guidelines-hero-v5.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

/* Cities, result headers, mobile filter spacing, and overflow guards. */
html body.page-public.route-cities .section.muted > .section-head h2 {
  max-width: none !important;
  white-space: nowrap !important;
}
html body.page-public.route-cities .result-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
}
html body.page-public.route-cities .result-toolbar-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}
html body.page-public.route-artists .artist-results-summary { background: linear-gradient(135deg,#ecd0bb,#e4b997) !important; }
html body.page-public.route-tutors .artist-results-summary { background: linear-gradient(135deg,#e7f4ee,#cae7da) !important; }
html body.page-public.route-products .marketplace-results-summary { background: linear-gradient(135deg,#fff8df,#f1dea4) !important; }
html body.page-public.route-gallery .marketplace-results-summary { background: linear-gradient(135deg,#faeef7,#e8cee4) !important; }
html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) :is(.artist-results-summary,.marketplace-results-summary) {
  padding: clamp(20px,2.4vw,34px) !important;
  border: 1px solid rgba(127,71,45,.16) !important;
  border-radius: 20px !important;
}
html body.page-public.route-requests :is(h1,h2,h3,p,.button,a,strong,span) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
html body .shortlist-compare:empty { display: none !important; }
html body .shortlist-actions { justify-content: flex-end !important; }

@media (max-width: 980px) {
  html body.route-register.page-auth .u4-register-journey ol {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.page-public.route-legal .legal-policy-directory-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.page-public:is(
    .route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors,
    .route-pricing,.route-cities,.route-contact,.route-trust-safety,.route-quality-guidelines,
    .route-whatsapp,.route-legal,.route-artists,.route-tutors,.route-products,.route-gallery,.route-requests
  ) main.app-main > :is(.page-hero,.section,.founder-section-b-journey,.discovery-v1-directory-heading,.discovery-v1-directory-followup,.discovery-v1-directory-faq) {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  html body.route-register.page-auth .auth-register-single {
    width: calc(100% - 16px) !important;
  }
  html body.route-register.page-auth .auth-register-single .auth-card {
    padding: 18px 14px !important;
  }
  html body.route-register.page-auth .auth-form-brand {
    min-height: 56px !important;
  }
  html body.route-register.page-auth .auth-form-brand img {
    height: 50px !important;
  }
  html body.route-register.page-auth .provider-type-grid,
  html body.route-register.page-auth .u4-register-journey ol,
  html body.route-register.page-auth .register-plan-card,
  html body.route-register.page-auth .register-plan-card > ul,
  html body.route-register.page-auth .register-plan-limits,
  html body.page-public.route-contact .support-contact-shell,
  html body.page-public:is(.route-contact,.route-trust-safety,.route-quality-guidelines,.route-whatsapp,.route-legal) :is(.support-detail-grid,.support-read-more .feature-stack),
  html body.page-public.route-cities .result-toolbar {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body.route-register.page-auth .u4-register-journey ol {
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
  }
  html body.route-register.page-auth .u4-register-journey li {
    scroll-snap-align: none !important;
  }
  html body.route-register.page-auth .u4-register-journey li {
    min-height: 70px !important;
  }
  html body.route-register.page-auth .register-plan-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.route-register.page-auth .register-plan-card {
    gap: 10px !important;
  }
  html body.route-register.page-auth .register-plan-price {
    grid-column: 1 !important;
    grid-row: auto !important;
    white-space: normal !important;
  }
  html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-capability-section .capability-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body.page-public:is(.route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors) .role-capability-section .capability-item {
    min-height: 0 !important;
    padding: 20px !important;
  }
  html body.page-public.route-legal .legal-policy-directory-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body.page-public.route-quality-guidelines .role-page-hero {
    min-height: 0 !important;
    background-image: linear-gradient(rgba(255,250,243,.78),rgba(255,250,243,.88)),url("../img/founder-section-b/quality-guidelines-hero-v5.webp") !important;
    background-position: 68% center !important;
    background-size: cover !important;
  }
  html body.page-public.route-cities .section.muted > .section-head h2 {
    white-space: normal !important;
  }
  html body.page-public.route-cities .result-toolbar-actions {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
  html body.page-public:is(.route-products,.route-gallery) .directory-mobile-filter-toolbar {
    margin-bottom: 16px !important;
  }
  html body.page-public:is(.route-products,.route-gallery) .marketplace-directory-workspace {
    gap: 16px !important;
  }
  html body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery) :is(.artist-results-summary,.marketplace-results-summary) {
    margin-top: 4px !important;
  }
}

/* v6 registration precedence: keep this after the earlier PPT follow-up rules. */
html body.route-register.page-auth .u4-register-journey {
  gap: 9px !important;
  padding: 13px !important;
}
html body.route-register.page-auth .u4-register-journey ol {
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 7px !important;
}
html body.route-register.page-auth .u4-register-journey li {
  grid-template-columns: 27px minmax(0,1fr) !important;
  min-height: 58px !important;
  padding: 8px !important;
}
html body.route-register.page-auth .register-plan-tabs {
  grid-template-columns: repeat(var(--visible-plan-count,3),minmax(0,1fr)) !important;
}

@media (max-width: 760px) {
  html body.route-register.page-auth .u4-register-journey {
    gap: 7px !important;
    padding: 9px !important;
  }
  html body.route-register.page-auth .u4-register-journey .auth-section-title {
    font-size: clamp(11px,3.2vw,13px) !important;
    white-space: nowrap !important;
  }
  html body.route-register.page-auth .u4-register-journey ol {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 5px !important;
  }
  html body.route-register.page-auth .u4-register-journey li {
    grid-template-columns: 24px minmax(0,1fr) minmax(92px,.75fr) !important;
    grid-template-rows: auto !important;
    min-height: 0 !important;
    padding: 6px 8px !important;
  }
  html body.route-register.page-auth .u4-register-journey li > span {
    grid-row: auto !important;
    width: 22px !important;
    height: 22px !important;
  }
  html body.route-register.page-auth .register-plan-tabs {
    grid-template-columns: repeat(var(--visible-plan-count,3),minmax(0,1fr)) !important;
    gap: 4px !important;
  }
  html body.route-register.page-auth .register-plan-tabs button {
    min-height: 38px !important;
    padding: 5px 3px !important;
    font-size: clamp(8px,2.55vw,10px) !important;
    line-height: 1.12 !important;
  }
}

/* v6 live-QA precedence: preserve the complete gallery design, not an avatar crop. */
html body.page-public.route-gallery .gallery-directory-section .gallery-grid.marketplace-card-grid {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)) !important;
}
html body.page-public.route-gallery .gallery-directory-section .design-gallery-card {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body.page-public.route-gallery .gallery-directory-section .design-gallery-card .gallery-item {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body.page-public.route-gallery .gallery-directory-section .design-gallery-card .gallery-item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  background: #fffaf3 !important;
}
html body.page-public.route-gallery .gallery-directory-section .design-gallery-card .card-actions {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  html body.page-public.route-gallery .gallery-directory-section .gallery-grid.marketplace-card-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body.page-public.route-gallery .gallery-directory-section .design-gallery-card .card-actions > * {
    min-width: 0 !important;
    padding-inline: 4px !important;
    font-size: 11px !important;
  }
}

/* The gallery section has a stable id; use it to beat legacy compact-card rules. */
html body.page-public.route-gallery #designs .gallery-grid.marketplace-card-grid {
  grid-template-columns: minmax(0,1fr) !important;
}
html body.page-public.route-gallery #designs .design-gallery-card {
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}
html body.page-public.route-gallery #designs .design-gallery-card .gallery-item img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
}
html body.page-public.route-gallery #designs .design-gallery-card .card-actions {
  grid-template-columns: minmax(0,1fr) !important;
  align-content: center !important;
}

@media (max-width: 760px) {
  html body.page-public.route-gallery #designs .gallery-grid.marketplace-card-grid {
    grid-template-columns: 1fr !important;
  }
  html body.page-public.route-gallery #designs .design-gallery-card {
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0,1fr) !important;
  }
  html body.page-public.route-gallery #designs .design-gallery-card .card-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.page-public.route-gallery #designs .design-gallery-card .card-actions > :first-child {
    grid-column: 1 / -1 !important;
  }
}

/* A2 source: assets/css/founder-phase1-section-c.v1.css */
/* Founder Phase 1 / Section B closeout + Section C shared responsive contract (v1). */

/* Section C concrete public URLs are rendered by these shared route families. */
body.page-public:is(
  .route-mehndi-artists,
  .route-mehndi-classes,
  .route-henna-products,
  .route-designs,
  .route-blog,
  .route-for-suppliers,
  .route-profile,
  .route-product,
  .route-design,
  .route-service,
  .route-course
) main.app-main > :is(.page-hero,.section,.u9-detail-journey),
body.page-public.route-cities main.app-main > :is(.city-page-hero,.city-map-section,.city-empty-results) {
  box-sizing: border-box !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-right: 16px !important;
  margin-left: 16px !important;
}

body.page-public:is(
  .route-mehndi-artists,
  .route-mehndi-classes,
  .route-henna-products,
  .route-designs,
  .route-blog,
  .route-for-suppliers,
  .route-profile,
  .route-product,
  .route-design,
  .route-service,
  .route-course,
  .route-cities
) :is(.app-main,.page-hero,.section,.split,.cards,.gallery-grid,.feature-stack,.panel,.city-cloud) > * {
  min-width: 0;
}

body.page-public main.app-main :is(img,video,iframe,svg) {
  max-width: 100%;
}

body.page-public main.app-main :is(p,li,a,strong,small,span,h1,h2,h3) {
  overflow-wrap: break-word;
}

body.page-public .page-breadcrumb {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
}

body.page-public .page-breadcrumb > span {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/*
 * Founder Phase 1 public headline system.
 * One responsive type contract now governs the primary hero heading and lead
 * across the accepted A/B directories and every shared Section C route family.
 */
html body.phase1-foundation.page-public[class] main.app-main > :is(
  .discovery-v1-directory-heading,
  .community-directory-heading,
  .page-hero,
  .role-page-hero,
  .pricing-page-hero,
  .support-page-hero,
  .legal-page-hero,
  .cities-hero,
  .detail-hero
) > h1 {
  max-width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(2.15rem,4.2vw,3.8rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
}

html body.phase1-foundation.page-public[class] main.app-main > :is(
  .discovery-v1-directory-heading,
  .page-hero,
  .role-page-hero,
  .pricing-page-hero,
  .support-page-hero,
  .legal-page-hero,
  .cities-hero,
  .detail-hero
) > :is(.discovery-v1-lead,p:not(.eyebrow):not(.discovery-v1-eyebrow)) {
  max-width: min(100%,68ch) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(1rem,1.35vw,1.15rem) !important;
  line-height: 1.5 !important;
  text-wrap: pretty !important;
}

html body.phase1-foundation.page-public:is(
  .route-artists,
  .route-tutors,
  .route-products,
  .route-gallery,
  .route-requests
) main.app-main > :is(.discovery-v1-directory-heading,.community-directory-heading) > h1 {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  text-wrap: nowrap !important;
}

/* WhatsApp support now has its own support-led, text-safe hero photograph. */
body.page-public.route-whatsapp .role-page-hero {
  min-height: clamp(430px,40vw,600px) !important;
  background-image:
    linear-gradient(90deg,rgba(255,250,243,.48),rgba(255,250,243,.76) 35%,rgba(255,250,243,.82) 65%,rgba(255,250,243,.46)),
    url("../img/founder-section-b/whatsapp-support-hero-v6.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

/* Gallery photos keep their full ratio while the same photo fills spare canvas softly. */
body.page-public.route-gallery #designs .gallery-media-frame {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  min-height: clamp(380px,48vw,720px) !important;
  margin: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 14px !important;
  background: #f4e5da !important;
}

body.page-public.route-gallery #designs .gallery-media-backdrop {
  position: absolute !important;
  inset: -28px !important;
  z-index: 0 !important;
  width: calc(100% + 56px) !important;
  max-width: none !important;
  height: calc(100% + 56px) !important;
  object-fit: cover !important;
  filter: blur(20px) saturate(.86) !important;
  opacity: .82 !important;
  transform: scale(1.08) !important;
}

html body.page-public.route-gallery #designs .design-gallery-card .gallery-item .gallery-media-frame > img:not(.gallery-media-backdrop) {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: clamp(380px,48vw,720px) !important;
  object-fit: contain !important;
  background: transparent !important;
}

body.page-public.route-gallery #designs .design-gallery-card {
  grid-template-columns: minmax(0,1fr) minmax(220px,310px) !important;
}

/* The first-run privacy choice must read as a deliberate, dismissible layer. */
html body .consent-banner {
  border: 2px solid #7b151d !important;
  background: linear-gradient(145deg,#501018,#741721) !important;
  box-shadow: 0 24px 60px rgba(42,12,14,.34) !important;
  color: #fff8ef !important;
}

html body .consent-banner :is(.eyebrow,h2,p,a) {
  color: #fff8ef !important;
}

html body .consent-banner a {
  text-decoration-color: rgba(255,248,239,.75) !important;
}

html body .consent-banner [data-consent-accept] {
  border-color: #fff8ef !important;
  background: #fff8ef !important;
  color: #68131b !important;
}

html body .consent-banner [data-consent-essential] {
  border-color: #d8a36f !important;
  background: #a90d18 !important;
  color: #fff !important;
}

html body .consent-banner [data-consent-customize] {
  border-color: rgba(255,248,239,.72) !important;
  background: transparent !important;
  color: #fff8ef !important;
}

/* All discovery filter dialogs share the same reachable close control. */
body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery)
  :is(.artist-filter-close,.marketplace-filter-close) {
  display: grid !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  place-items: center !important;
  border: 1px solid #a90d18 !important;
  border-radius: 999px !important;
  background: #b40013 !important;
  box-shadow: 0 8px 20px rgba(157,13,17,.2) !important;
  color: #fff !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
}

html body.phase1-foundation.page-public:is(.route-products,.route-gallery)
  .marketplace-filter-panel.is-mobile-open .marketplace-filter-close {
  display: grid !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid #a90d18 !important;
  background: #b40013 !important;
  color: #fff !important;
  font-size: 1.45rem !important;
}

/* Cities and region cards cannot exceed the master canvas. */
body.page-public.route-cities :is(.feature-stack,.panel,.city-cloud,.city-save-search-panel,.result-toolbar,.result-toolbar-actions) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.page-public.route-cities .city-cloud {
  display: flex !important;
  flex-wrap: wrap !important;
}

body.page-public:is(
  .route-mehndi-artists,.route-mehndi-classes,.route-henna-products,.route-designs,.route-for-suppliers
) :is(.seo-landing-hero,.role-page-hero) > :is(h1,p,.hero-actions,.trust-strip,.role-hero-overview),
body.page-public:is(.route-blog,.route-cities) main.app-main > .section > :is(.section-head,.cards,.feature-stack,.hero-actions) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Authenticated workspaces use the same no-horizontal-overflow discipline. */
body:is(.page-auth,.page-dashboard,.page-admin) :is(.app-main,.auth-card,.dashboard-shell,.dashboard-main,.dashboard-content,.panel,form,fieldset) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

body.route-register.page-auth :is(.form-safety,.form-safety label,.u4-register-journey,.u4-register-journey ol,.u4-register-journey li,.auth-section-title) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 980px) {
  html body.phase1-foundation .site-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body.phase1-foundation .brand,
  html body.phase1-foundation .brand:active,
  html body.phase1-foundation .brand:focus {
    border-color: transparent !important;
    outline-offset: 3px !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

@media (max-width: 760px) {
  /* Fixed header uses the existing reserved body slot; sticky here caused the grey double-gap. */
  html body.phase1-foundation .site-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body.phase1-foundation .brand,
  html body.phase1-foundation .brand:active,
  html body.phase1-foundation .brand:focus {
    border-color: transparent !important;
    outline-offset: 3px !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body.phase1-foundation .mobile-app-nav {
    grid-template-columns: repeat(7,minmax(0,1fr)) !important;
    gap: 0 !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  html body.phase1-foundation .mobile-app-nav-item {
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 5px 0 !important;
    font-size: clamp(.55rem,2.35vw,.68rem) !important;
    line-height: 1.1 !important;
  }

  html body.phase1-foundation .mobile-app-nav-item .mobile-app-icon,
  html body.phase1-foundation .mobile-app-nav-item .ui-icon-svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.page-public:is(
    .route-mehndi-artists,
    .route-mehndi-classes,
    .route-henna-products,
    .route-designs,
    .route-blog,
    .route-for-suppliers,
    .route-profile,
    .route-product,
    .route-design,
    .route-service,
    .route-course
  ) main.app-main > :is(.page-hero,.section,.u9-detail-journey),
  body.page-public.route-cities main.app-main > :is(.city-page-hero,.city-map-section,.city-empty-results) {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  html body.phase1-foundation.page-public[class] main.app-main > :is(
    .discovery-v1-directory-heading,
    .community-directory-heading,
    .page-hero,
    .role-page-hero,
    .pricing-page-hero,
    .support-page-hero,
    .legal-page-hero,
    .cities-hero,
    .detail-hero
  ) > h1 {
    max-width: 100% !important;
    font-size: clamp(1.62rem,7vw,1.9rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
  }

  html body.phase1-foundation.page-public[class] main.app-main > :is(
    .discovery-v1-directory-heading,
    .page-hero,
    .role-page-hero,
    .pricing-page-hero,
    .support-page-hero,
    .legal-page-hero,
    .cities-hero,
    .detail-hero
  ) > :is(.discovery-v1-lead,p:not(.eyebrow):not(.discovery-v1-eyebrow)) {
    max-width: min(100%,62ch) !important;
    font-size: clamp(.92rem,3.9vw,1rem) !important;
    line-height: 1.48 !important;
  }

  body.page-public.route-whatsapp .role-page-hero,
  body.page-public:is(
    .route-for-customers,.route-for-artists,.route-for-tutors,.route-for-students,.route-for-vendors,
    .route-pricing,.route-contact,.route-quality-guidelines,.route-cities
  ) :is(.page-hero,.role-page-hero,.pricing-page-hero,.support-page-hero,.cities-hero,.legal-page-hero) {
    background-image:
      linear-gradient(rgba(255,250,243,.66),rgba(255,250,243,.72)),
      var(--founder-b-mobile-image,none) !important;
    background-position: 22% center !important;
    background-size: cover !important;
  }

  body.page-public.route-whatsapp .role-page-hero {
    --founder-b-mobile-image: url("../img/founder-section-b/whatsapp-support-hero-v6.webp");
    min-height: 440px !important;
  }

  body.page-public.route-quality-guidelines .role-page-hero {
    --founder-b-mobile-image: url("../img/founder-section-b/quality-guidelines-hero-v5.webp");
  }

  body.page-public.route-gallery #designs .design-gallery-card {
    grid-template-columns: minmax(0,1fr) !important;
  }

  body.page-public.route-gallery #designs .gallery-media-frame {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
  }

  html body.page-public.route-gallery #designs .design-gallery-card .gallery-item .gallery-media-frame > img:not(.gallery-media-backdrop) {
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  html body .consent-banner {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    border-radius: 18px !important;
  }

  html body .shortlist-drawer {
    top: auto !important;
    right: 8px !important;
    bottom: calc(var(--app-bottom-nav-height,68px) + 8px + env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    grid-template-rows: auto auto auto minmax(0,1fr) auto !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: min(54dvh,440px) !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  html body .shortlist-head h2 {
    font-size: 1.2rem !important;
  }

  html body .shortlist-drawer .form-note {
    margin: 2px 0 8px !important;
    font-size: 12px !important;
  }

  html body .shortlist-empty {
    min-height: 0 !important;
    padding: 16px 12px !important;
  }

  html body .shortlist-drawer.is-empty {
    grid-template-rows: auto auto auto auto auto !important;
  }

  html body .shortlist-drawer.is-empty .shortlist-items {
    height: auto !important;
    overflow: visible !important;
  }

  html body .shortlist-empty > span {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  html body .shortlist-empty-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
  }

  html body .shortlist-empty-actions a {
    min-height: 40px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery)
    :is(.artist-filter-panel,.marketplace-filter-panel).is-mobile-open {
    position: fixed !important;
    top: calc(var(--app-mobile-header-height,62px) + 8px) !important;
    right: 8px !important;
    bottom: calc(var(--app-bottom-nav-height,72px) + 8px + env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    z-index: 12120 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border-radius: 18px !important;
  }

  body.page-public:is(.route-artists,.route-tutors,.route-products,.route-gallery)
    :is(.artist-filter-card,.marketplace-filter-card) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    padding: 14px 10px !important;
  }

  body.page-public.route-cities main.app-main > .section.muted,
  body.page-public.route-cities main.app-main > .section.role-faq-section,
  body.page-public.route-cities main.app-main > .section:not([hidden]) {
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
    overflow: hidden !important;
  }

  body.page-public.route-cities :is(.feature-stack,.panel,.city-cloud,.city-save-search-panel,.result-toolbar,.result-toolbar-actions) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.page-public:is(.route-for-suppliers,.route-blog,.route-cities) main.app-main > :is(.section,.visual-band) > :is(.section-head,.feature-stack,.grid-two,.cards),
  html body.page-public.route-for-suppliers main.app-main > .visual-band > * {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.page-public.route-for-suppliers main.app-main > .visual-band .trust-strip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.page-public.route-cities .city-page-hero .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body.page-public.route-cities .city-page-hero .hero-actions > * {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 10px !important;
  }

  html body.page-public.route-cities .city-hero-copy,
  html body.page-public.route-cities .city-hero-copy > span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  html body.phase1-foundation.u2-page-composition.page-public.route-cities main.app-main .city-nearby-chip-row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body.phase1-foundation.u2-page-composition.page-public.route-cities main.app-main .city-intent-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body.phase1-foundation.u2-page-composition.page-public.route-cities main.app-main .city-intent-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  html body.route-register.page-auth .u4-register-journey li > * {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

  html body.route-register.page-auth .u4-register-journey .auth-section-title {
    font-size: 10.5px !important;
  }

  html body.route-register.page-auth .u4-register-journey li small {
    font-size: 8.5px !important;
    white-space: normal !important;
  }
}

@media (max-width: 360px) {
  html body.phase1-foundation .mobile-app-nav-item {
    font-size: .43rem !important;
  }

  html body.phase1-foundation.page-public:is(
    .route-artists,
    .route-tutors,
    .route-products,
    .route-gallery,
    .route-requests
  ) main.app-main > :is(.discovery-v1-directory-heading,.community-directory-heading) > h1 {
    font-size: clamp(1.35rem,7vw,1.56rem) !important;
  }
}

/* Founder Phase 1, Section C: shared city directory and 84 city-detail routes. */
html body.page-public.route-cities main.app-main > .city-page-hero {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: clamp(520px,46vw,680px) !important;
  overflow: hidden !important;
  padding: clamp(42px,5vw,78px) clamp(28px,5vw,80px) !important;
  text-align: left !important;
  background-image:
    linear-gradient(90deg,rgba(255,249,241,.98) 0%,rgba(255,249,241,.94) 42%,rgba(255,249,241,.62) 68%,rgba(255,249,241,.18) 100%),
    url("../img/founder-section-c/city-discovery-hero-v1.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero::before,
html body.page-public.route-cities main.app-main > .city-page-hero::after {
  display: none !important;
  content: none !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.phase1-foundation.page-public.route-cities main.app-main > .city-page-hero > :is(h1,p) {
  max-width: min(760px,68%) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.phase1-foundation.page-public.route-cities main.app-main > .city-page-hero > p:not(.eyebrow) {
  align-self: flex-start !important;
  margin: 0 0 26px !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy {
  display: grid !important;
  gap: 16px !important;
  width: min(760px,68%) !important;
  max-width: min(760px,68%) !important;
  margin: 0 0 26px !important;
  text-align: left !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy > * {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: inherit !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy > h1 {
  font-size: clamp(2.35rem,4.2vw,3.8rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy > p:not(.eyebrow) {
  font-size: clamp(1rem,1.35vw,1.15rem) !important;
  line-height: 1.5 !important;
}

html body.page-public.route-cities main.app-main > .city-page-hero > :is(.hero-search,.hero-actions) {
  width: min(980px,78%) !important;
  max-width: min(980px,78%) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.page-public.route-cities main.app-main > .city-results-section {
  background: linear-gradient(145deg,#eef8f3,#fffdf9) !important;
}

body.page-public.route-cities .city-results-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,22px) !important;
  width: 100% !important;
}

body.page-public.route-cities .city-result-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 260px !important;
  border-color: #c9dfd2 !important;
  background: rgba(255,255,255,.9) !important;
}

body.page-public.route-cities .city-result-group.is-empty {
  min-height: 190px !important;
}

body.page-public.route-cities .city-result-group > .button {
  width: 100% !important;
  margin-top: auto !important;
}

body.page-public.route-cities .city-result-list {
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 16px !important;
}

body.page-public.route-cities .city-result-link {
  display: grid !important;
  gap: 3px !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  border: 1px solid #ead5c1 !important;
  border-radius: 12px !important;
  background: #fffaf4 !important;
  text-decoration: none !important;
}

body.page-public.route-cities .city-result-link span {
  color: #6f574a !important;
  font-size: .88rem !important;
}

body.page-public.route-cities .city-results-empty-note {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: 20px !important;
  padding: 18px !important;
  border: 1px solid #d8c29f !important;
  border-radius: 14px !important;
  background: #fff8e8 !important;
}

body.page-public.route-cities main.app-main > .city-map-section {
  grid-template-columns: minmax(280px,.76fr) minmax(480px,1.24fr) !important;
  gap: clamp(22px,3vw,40px) !important;
  background: linear-gradient(145deg,#fff9e9,#fffdf9) !important;
}

html body.page-public.route-cities .city-world-map-preview {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  aspect-ratio: 2 / 1 !important;
  overflow: hidden !important;
  border: 1px solid #d8bda0 !important;
  border-radius: 16px !important;
  background: #f7eee3 !important;
  background-image: none !important;
  box-shadow: 0 16px 32px rgba(75,44,27,.1) !important;
}

html body.page-public.route-cities .city-world-map-preview > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
}

html body.page-public.route-cities .city-world-map-preview .city-map-marker {
  position: absolute !important;
  top: var(--city-pin-y) !important;
  left: var(--city-pin-x) !important;
  z-index: 3 !important;
  width: 44px !important;
  height: 44px !important;
  transform: translate(-50%,-100%) !important;
  border: 3px solid #fff !important;
  background: #b0000d !important;
  box-shadow: 0 10px 24px rgba(122,0,9,.34) !important;
}

html body.page-public.route-cities .city-world-map-preview .city-map-marker svg {
  width: 22px !important;
  height: 22px !important;
}

body.page-public.route-cities main.app-main > .city-market-section {
  background: linear-gradient(145deg,#fff1eb,#fffaf6) !important;
}

body.page-public.route-cities main.app-main > .city-needs-section {
  background: linear-gradient(145deg,#f4f0ff,#fffdfb) !important;
}

body.page-public.route-cities main.app-main > .city-buyer-section {
  background: linear-gradient(145deg,#eef6ff,#fffdfb) !important;
}

body.page-public.route-cities main.app-main > .city-professional-section {
  background: linear-gradient(145deg,#f0f8ec,#fffdfb) !important;
}

body.page-public.route-cities main.app-main > .city-trust-section {
  background: linear-gradient(145deg,#fff5df,#fffdf9) !important;
}

body.page-public.route-cities main.app-main > .city-faq-section {
  background: linear-gradient(145deg,#f8eff4,#fffdfb) !important;
}

body.page-public.route-cities main.app-main > .city-nearby-section {
  background: linear-gradient(145deg,#eef8f5,#fffdf9) !important;
}

body.page-public.route-cities .city-directory-section .feature-stack > .panel > .city-cloud,
body.page-public.route-cities .city-directory-section .city-more-list > .city-cloud {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(108px,1fr)) !important;
  gap: 10px !important;
}

body.page-public.route-cities .city-directory-section .feature-stack > .panel > .city-cloud > a,
body.page-public.route-cities .city-directory-section .city-more-list > .city-cloud > a {
  display: grid !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 8px 7px !important;
  place-items: center !important;
  border-radius: 14px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 900px) {
  html body.phase1-foundation.page-public.route-cities main.app-main > .city-page-hero > :is(h1,p),
  html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy,
  html body.page-public.route-cities main.app-main > .city-page-hero > :is(.hero-search,.hero-actions) {
    max-width: 100% !important;
    width: 100% !important;
  }

  body.page-public.route-cities .city-results-grid,
  body.page-public.route-cities main.app-main > .city-map-section {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (max-width: 760px) {
  html body.page-public.route-cities main.app-main > .city-page-hero {
    min-height: 540px !important;
    padding: 30px 14px !important;
    background-image:
      linear-gradient(rgba(255,249,241,.78),rgba(255,249,241,.9)),
      url("../img/founder-section-c/city-discovery-hero-v1.webp") !important;
    background-position: 65% center !important;
  }

  html body.phase1-foundation.page-public.route-cities main.app-main > .city-page-hero > :is(h1,p) {
    text-align: center !important;
  }

  html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy {
    gap: 12px !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
  }

  html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy > h1 {
    font-size: clamp(1.72rem,7vw,2rem) !important;
    line-height: 1.08 !important;
  }

  html body.page-public.route-cities main.app-main > .city-page-hero > .city-hero-copy > p:not(.eyebrow) {
    font-size: clamp(.92rem,3.9vw,1rem) !important;
  }

  html body.phase1-foundation.page-public.route-cities main.app-main > .city-page-hero > p:not(.eyebrow) {
    align-self: stretch !important;
    margin: 0 auto 20px !important;
  }

  body.page-public.route-cities .city-results-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  body.page-public.route-cities .city-result-group {
    min-height: 220px !important;
  }

  body.page-public.route-cities .city-result-group.is-empty {
    min-height: 160px !important;
  }

  body.page-public.route-cities .city-results-empty-note {
    display: grid !important;
  }

  html body.page-public.route-cities .city-world-map-preview .city-map-marker {
    width: 36px !important;
    height: 36px !important;
    border-width: 2px !important;
  }

  html body.page-public.route-cities .city-world-map-preview .city-map-marker svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.page-public.route-cities .city-directory-section .feature-stack > .panel > .city-cloud,
  body.page-public.route-cities .city-directory-section .city-more-list > .city-cloud {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  body.page-public.route-cities .city-directory-section .feature-stack > .panel > .city-cloud > a,
  body.page-public.route-cities .city-directory-section .city-more-list > .city-cloud > a {
    min-height: 52px !important;
    padding: 7px 4px !important;
    border-radius: 12px !important;
    font-size: clamp(.66rem,2.8vw,.78rem) !important;
    line-height: 1.08 !important;
  }
}

/* Section C city follow-up: full interactive map and compact disclosures. */
html body.page-public.route-cities main.app-main > .city-map-section {
  display: block !important;
  background: linear-gradient(145deg,#fff9e9,#fffdf9) !important;
}

html body.page-public.route-cities .city-interactive-map {
  display: block !important;
  width: 100% !important;
  height: clamp(380px,46vw,620px) !important;
  min-height: 380px !important;
  overflow: hidden !important;
  border: 1px solid #d8bda0 !important;
  border-radius: 18px !important;
  background: #f7eee3 !important;
  box-shadow: 0 16px 32px rgba(75,44,27,.1) !important;
}

html body.page-public.route-cities details.city-disclosure {
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.page-public.route-cities details.city-disclosure > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 78px !important;
  padding: 20px clamp(52px,6vw,86px) !important;
  color: #7f0009 !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: clamp(1.3rem,2.2vw,1.9rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  list-style: none !important;
}

html body.page-public.route-cities details.city-disclosure > summary::-webkit-details-marker {
  display: none !important;
}

html body.page-public.route-cities details.city-disclosure > summary::after {
  position: absolute !important;
  right: clamp(20px,4vw,54px) !important;
  content: "+" !important;
  color: #fff !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #b0000d !important;
  font-family: Arial,sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  line-height: 36px !important;
  text-align: center !important;
}

html body.page-public.route-cities details.city-disclosure[open] > summary::after {
  content: "−" !important;
}

html body.page-public.route-cities .city-disclosure-content {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: clamp(18px,2.5vw,34px) !important;
  padding: 4px clamp(24px,4vw,60px) clamp(28px,4vw,54px) !important;
}

html body.page-public.route-cities .city-professional-content {
  display: block !important;
  text-align: center !important;
}

html body.page-public.route-cities .city-professional-content > h2 {
  margin: 4px auto 24px !important;
}

html body.page-public.route-cities .city-professional-content > .cards {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(16px,2vw,24px) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body.page-public.route-cities .city-professional-content > .cards > .panel,
html body.page-public.route-cities .city-professional-content > .cards > .panel > p {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body.page-public.route-cities .city-market-section .city-starting-searches {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-public.route-cities .city-market-section .city-starting-searches > a {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body.page-public.route-cities .city-professional-content > .section-cta,
html body.page-public.route-cities .city-nearby-section > .section-cta {
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 24px auto 0 !important;
}

html body.page-public.route-cities .city-nearby-section > .city-cloud.city-nearby-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(118px,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-public.route-cities .city-nearby-section > .city-cloud.city-nearby-grid > a {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 8px 6px !important;
  border-radius: 14px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Section C: one responsive composition for all 80 henna product hubs. */
html body.page-public.route-henna-products main.app-main > .product-hub-hero {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: clamp(520px,46vw,680px) !important;
  overflow: hidden !important;
  padding: clamp(42px,5vw,78px) clamp(28px,5vw,80px) !important;
  text-align: left !important;
  background-image:
    linear-gradient(90deg,rgba(255,249,241,.98) 0%,rgba(255,249,241,.94) 44%,rgba(255,249,241,.68) 66%,rgba(255,249,241,.25) 100%),
    url("../img/founder-section-c/henna-product-hub-hero-v2.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-hero::before,
html body.page-public.route-henna-products main.app-main > .product-hub-hero::after {
  display: none !important;
  content: none !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-hero > * {
  position: relative !important;
  z-index: 1 !important;
  width: min(820px,68%) !important;
  max-width: min(820px,68%) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-hero > h1 {
  font-size: clamp(2.25rem,4.2vw,3.8rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
}

html body.phase1-foundation.page-public.route-henna-products[class] main.app-main > .page-hero.product-hub-hero > :is(
  .eyebrow,
  h1,
  p:not(.eyebrow),
  .product-hub-search,
  .hero-actions,
  .trust-strip
) {
  align-self: flex-start !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.page-public.route-henna-products .product-hub-search {
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(190px,.9fr) auto !important;
  gap: 10px !important;
  width: min(980px,78%) !important;
  max-width: min(980px,78%) !important;
  margin: 24px 0 14px !important;
}

html body.page-public.route-henna-products .product-hub-search > :is(input,button) {
  min-width: 0 !important;
  min-height: 52px !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-results {
  background: linear-gradient(145deg,#eef8f3,#fffdf9) !important;
}

html body.page-public.route-henna-products .product-hub-empty-line {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 120px !important;
  margin: 0 !important;
  color: #5f1820 !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: clamp(1.35rem,2.5vw,2rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

html body.page-public.route-henna-products .product-hub-product-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,22px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-public.route-henna-products .product-hub-product-grid > .product-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-intent {
  background: linear-gradient(145deg,#fff1eb,#fffaf6) !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-related {
  background: linear-gradient(145deg,#eef8f5,#fffdf9) !important;
}

html body.page-public.route-henna-products main.app-main > .product-hub-faq {
  background: linear-gradient(145deg,#f8eff4,#fffdfb) !important;
}

@media (min-width: 761px) and (max-width: 900px) {
  html body.page-public.route-henna-products main.app-main > .product-hub-hero > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-henna-products .product-hub-search {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-henna-products .product-hub-search > .button {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  html body.page-public.route-cities .city-interactive-map {
    height: clamp(300px,92vw,390px) !important;
    min-height: 300px !important;
    border-radius: 14px !important;
  }

  html body.page-public.route-cities details.city-disclosure > summary {
    min-height: 64px !important;
    padding: 16px 48px 16px 14px !important;
    font-size: clamp(.95rem,4.5vw,1.18rem) !important;
  }

  html body.page-public.route-cities details.city-disclosure > summary::after {
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 1.25rem !important;
    line-height: 32px !important;
  }

  html body.page-public.route-cities .city-disclosure-content {
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 2px 14px 24px !important;
  }

  html body.page-public.route-cities details.city-disclosure > summary {
    white-space: normal !important;
  }

  html body.page-public.route-cities .city-professional-content,
  html body.page-public.route-cities .city-professional-content > h2,
  html body.page-public.route-cities .city-professional-content > .cards,
  html body.page-public.route-cities .city-professional-content > .cards > .panel {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.page-public.route-cities .city-professional-content > h2 {
    font-size: clamp(1.7rem,8vw,2.25rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  html body.page-public.route-cities .city-professional-content > .cards {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-cities .city-market-section .city-starting-searches {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-cities .city-market-section .city-starting-searches > a {
    min-height: 48px !important;
    font-size: clamp(.72rem,3.2vw,.86rem) !important;
  }

  html body.page-public.route-cities .city-nearby-section > .city-cloud.city-nearby-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  html body.page-public.route-cities .city-nearby-section > .city-cloud.city-nearby-grid > a {
    height: 52px !important;
    min-height: 52px !important;
    padding: 6px 3px !important;
    border-radius: 12px !important;
    font-size: clamp(.62rem,2.7vw,.74rem) !important;
  }

  html body.page-public.route-cities .city-professional-content > .section-cta,
  html body.page-public.route-cities .city-nearby-section > .section-cta {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }

  html body.page-public.route-cities .city-nearby-section > .section-cta > .button {
    width: 100% !important;
  }

  html body.page-public.route-henna-products main.app-main > .product-hub-hero {
    min-height: 570px !important;
    padding: 30px 14px !important;
    background-image:
      linear-gradient(rgba(255,249,241,.8),rgba(255,249,241,.92)),
      url("../img/founder-section-c/henna-product-hub-hero-v2.webp") !important;
    background-position: 76% center !important;
  }

  html body.page-public.route-henna-products main.app-main > .product-hub-hero > * {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  html body.phase1-foundation.page-public.route-henna-products[class] main.app-main > .page-hero.product-hub-hero > :is(
    .eyebrow,
    h1,
    p:not(.eyebrow),
    .hero-actions,
    .trust-strip
  ) {
    align-self: stretch !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body.page-public.route-henna-products main.app-main > .product-hub-hero > h1 {
    font-size: clamp(1.7rem,7.3vw,2.15rem) !important;
    line-height: 1.08 !important;
  }

  html body.page-public.route-henna-products .product-hub-search {
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 12px !important;
  }

  html body.page-public.route-henna-products .product-hub-product-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

@media (max-width: 360px) {
  html body.page-public.route-cities .city-nearby-section > .city-cloud.city-nearby-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}

/* Founder Phase 1 / Section C closeout: Blog, Design Hubs and Supplier. */
html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero),
html body.page-public.route-designs main.app-main > .design-hub-hero,
html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(440px,40vw,610px) !important;
  padding: clamp(34px,5vw,76px) clamp(26px,6vw,96px) !important;
  overflow: hidden !important;
  border: 1px solid #dfc6aa !important;
  border-radius: 16px !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: 0 18px 42px rgba(72,43,28,.08) !important;
  text-align: left !important;
}

html body.page-public.route-blog main.app-main > .resources-hero {
  background-image:
    linear-gradient(90deg,rgba(255,250,244,.98) 0%,rgba(255,250,244,.94) 37%,rgba(255,250,244,.50) 68%,rgba(255,250,244,.16) 100%),
    url("../img/founder-section-c/blog-guides-hero-v1.webp") !important;
}

html body.page-public.route-blog main.app-main > .blog-post-hero {
  background-image:
    linear-gradient(90deg,rgba(255,250,244,.98) 0%,rgba(255,250,244,.94) 37%,rgba(255,250,244,.50) 68%,rgba(255,250,244,.16) 100%),
    var(--blog-hero-image,url("../img/founder-section-c/blog-guides-hero-v1.webp")) !important;
}

html body.page-public.route-designs main.app-main > .design-hub-hero {
  background-image:
    linear-gradient(90deg,rgba(255,250,244,.98) 0%,rgba(255,250,244,.94) 38%,rgba(255,250,244,.50) 68%,rgba(255,250,244,.12) 100%),
    url("../img/founder-section-c/design-hub-hero-v1.webp") !important;
}

html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero {
  background-image:
    linear-gradient(90deg,rgba(255,250,244,.98) 0%,rgba(255,250,244,.94) 38%,rgba(255,250,244,.48) 69%,rgba(255,250,244,.10) 100%),
    url("../img/founder-section-c/supplier-hub-hero-v1.webp") !important;
}

html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > *,
html body.page-public.route-designs main.app-main > .design-hub-hero > *,
html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > * {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%,760px) !important;
  max-width: min(100%,760px) !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.phase1-foundation.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > h1,
html body.phase1-foundation.page-public.route-designs main.app-main > .design-hub-hero > h1,
html body.phase1-foundation.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > h1 {
  max-width: min(100%,760px) !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > .hero-actions,
html body.page-public.route-designs main.app-main > .design-hub-hero > :is(.hero-actions,.trust-strip),
html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > :is(.hero-actions,.trust-strip) {
  width: min(100%,760px) !important;
  max-width: min(100%,760px) !important;
  margin-right: auto !important;
  margin-left: 0 !important;
}

html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > .page-breadcrumb,
html body.page-public.route-designs main.app-main > .design-hub-hero > .page-breadcrumb,
html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > .page-breadcrumb {
  align-self: flex-start !important;
  justify-content: flex-start !important;
}

html body.page-public.route-blog main.app-main > :is(.blog-paths-section,.blog-directory-section,.blog-value-section),
html body.page-public.route-blog main.app-main > .blog-guide-content > .section,
html body.page-public.route-designs main.app-main > :is(.design-hub-results,.design-hub-intent,.design-hub-decision,.design-hub-related,.design-hub-faq),
html body.page-public.route-for-suppliers main.app-main > :is(.supplier-discovery-section,.supplier-profile-section,.supplier-capability-section,.supplier-workflow-section,.supplier-guidance-section,.supplier-faq-section,.supplier-final-cta) {
  border: 1px solid rgba(125,78,48,.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(70,42,27,.055) !important;
}

html body.page-public.route-blog main.app-main > .blog-paths-section { background: linear-gradient(135deg,#fff4e5,#fffaf2) !important; }
html body.page-public.route-blog main.app-main > .blog-directory-section { background: linear-gradient(135deg,#edf8f2,#fbfdfb) !important; }
html body.page-public.route-blog main.app-main > .blog-value-section { background: linear-gradient(135deg,#eef2ff,#fbfbff) !important; }

html body.page-public.route-blog :is(.blog-paths-section,.blog-directory-section,.blog-value-section) > .cards {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 16px !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.page-public.route-blog .blog-directory-section > .cards {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

html body.page-public.route-blog .blog-value-section > .cards {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

html body.page-public.route-blog :is(.blog-paths-section,.blog-directory-section,.blog-value-section) .panel,
html body.page-public.route-blog .blog-related-guides .panel {
  display: flex !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.86) !important;
}

html body.page-public.route-blog .blog-card-media {
  width: 100% !important;
  margin: 0 0 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(125,78,48,.18) !important;
  border-radius: 13px !important;
  aspect-ratio: 3 / 2 !important;
  background: #f7efe5 !important;
}

html body.page-public.route-blog .blog-card-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform .28s ease !important;
}

html body.page-public.route-blog .blog-card:hover .blog-card-media img,
html body.page-public.route-blog .blog-card:focus-within .blog-card-media img {
  transform: scale(1.025) !important;
}

html body.page-public.route-blog .blog-card :is(h3,p) {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html body.page-public.route-blog :is(.blog-paths-section,.blog-directory-section,.blog-related-guides) .panel > .button {
  margin-top: auto !important;
}

html body.page-public.route-blog main.app-main > .blog-guide-content {
  display: contents !important;
}

html body.page-public.route-blog main.app-main > .blog-guide-content > .section {
  box-sizing: border-box !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-right: 16px !important;
  margin-left: 16px !important;
  padding: clamp(28px,3.4vw,54px) !important;
  overflow: hidden !important;
}

html body.page-public.route-blog .blog-guide-overview { background: linear-gradient(135deg,#fff8ed,#fffdfa) !important; }
html body.page-public.route-blog .blog-guide-checklist { background: linear-gradient(135deg,#edf8f2,#fbfdfb) !important; }
html body.page-public.route-blog .blog-guide-faq { background: linear-gradient(135deg,#f7f2e8,#fffdf9) !important; }
html body.page-public.route-blog .blog-guide-next { background: linear-gradient(135deg,#fff0f4,#fff9fa) !important; }
html body.page-public.route-blog .blog-related-guides { background: linear-gradient(135deg,#eef2ff,#fbfbff) !important; }

html body.page-public.route-blog .blog-guide-copy {
  width: 100% !important;
  padding: clamp(22px,3vw,38px) !important;
  border: 1px solid rgba(125,78,48,.24) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.88) !important;
  font-size: clamp(1rem,1.3vw,1.15rem) !important;
  line-height: 1.75 !important;
}

html body.page-public.route-blog .blog-guide-copy p { margin: 0 !important; }

html body.page-public.route-blog .blog-article-lead {
  color: #38231a !important;
  font-size: clamp(1.06rem,1.45vw,1.24rem) !important;
  font-weight: 650 !important;
}

html body.page-public.route-blog .blog-article-sections {
  display: grid !important;
  gap: 18px !important;
  margin-top: 28px !important;
}

html body.page-public.route-blog .blog-article-section {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: 18px !important;
  min-width: 0 !important;
  padding: clamp(20px,2.5vw,32px) !important;
  border: 1px solid rgba(125,78,48,.20) !important;
  border-radius: 14px !important;
}

html body.page-public.route-blog .blog-article-section:nth-child(3n+1) { background: #fff7e9 !important; }
html body.page-public.route-blog .blog-article-section:nth-child(3n+2) { background: #eef3ff !important; }
html body.page-public.route-blog .blog-article-section:nth-child(3n) { background: #eef8f3 !important; }

html body.page-public.route-blog .blog-section-number {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #ad0e19 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

html body.page-public.route-blog .blog-article-section h3 {
  margin: 0 0 12px !important;
  color: #281811 !important;
  font-size: clamp(1.22rem,2vw,1.6rem) !important;
}

html body.page-public.route-blog .blog-article-section p {
  color: #4d392f !important;
  line-height: 1.72 !important;
}

html body.page-public.route-blog .blog-article-section p + p {
  margin-top: 14px !important;
}

html body.page-public.route-blog .blog-article-section ul {
  display: grid !important;
  gap: 8px !important;
  margin: 18px 0 0 !important;
  padding-left: 20px !important;
}

html body.page-public.route-blog .blog-article-section li {
  padding-left: 4px !important;
  color: #3f2c23 !important;
  line-height: 1.55 !important;
}

html body.page-public.route-blog .blog-source-note {
  display: grid !important;
  gap: 8px !important;
  margin-top: 22px !important;
  padding: 18px 20px !important;
  border-left: 4px solid #ad0e19 !important;
  border-radius: 10px !important;
  background: #fff7e9 !important;
}

html body.page-public.route-blog .blog-source-note a {
  color: #8e0c16 !important;
  font-weight: 750 !important;
  overflow-wrap: anywhere !important;
}

html body.page-public.route-blog .blog-faq-list {
  display: grid !important;
  gap: 12px !important;
  width: min(100%,1080px) !important;
  margin: 0 auto !important;
}

html body.page-public.route-blog .blog-faq-list details {
  min-width: 0 !important;
  padding: 0 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(125,78,48,.22) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.9) !important;
}

html body.page-public.route-blog .blog-faq-list summary {
  padding: 18px 36px 18px 0 !important;
  color: #4f1517 !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

html body.page-public.route-blog .blog-faq-list details p {
  margin: 0 !important;
  padding: 0 0 20px !important;
  color: #4d392f !important;
  line-height: 1.65 !important;
}

html body.page-public.route-blog .blog-check-grid,
html body.page-public.route-for-suppliers :is(.supplier-path-grid,.supplier-capability-grid,.supplier-workflow-grid) {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

html body.page-public.route-blog .blog-check-card,
html body.page-public.route-for-suppliers :is(.supplier-path-card,.supplier-capability-grid > article,.supplier-workflow-grid > article) {
  min-width: 0 !important;
  padding: clamp(18px,2.4vw,30px) !important;
  border: 1px solid rgba(125,78,48,.24) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.9) !important;
  color: #281811 !important;
  text-decoration: none !important;
}

html body.page-public.route-blog .blog-check-card > span,
html body.page-public.route-for-suppliers :is(.supplier-capability-grid > article,.supplier-workflow-grid > article) > span {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 16px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #ad0e19 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

html body.page-public.route-blog .blog-check-card:nth-child(1) { background: #fff7e9 !important; }
html body.page-public.route-blog .blog-check-card:nth-child(2) { background: #eef3ff !important; }
html body.page-public.route-blog .blog-check-card:nth-child(3) { background: #fff0f5 !important; }

html body.page-public.route-blog .blog-guide-next,
html body.page-public.route-for-suppliers .supplier-final-cta {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
}

html body.page-public.route-designs main.app-main > .design-hub-results { background: linear-gradient(135deg,#edf8f2,#fbfdfb) !important; }
html body.page-public.route-designs main.app-main > .design-hub-intent { background: linear-gradient(135deg,#fff7e8,#fffdf8) !important; }
html body.page-public.route-designs main.app-main > .design-hub-decision { background: linear-gradient(135deg,#eef2ff,#fbfbff) !important; }
html body.page-public.route-designs main.app-main > .design-hub-related { background: linear-gradient(135deg,#fff0f5,#fffafb) !important; }
html body.page-public.route-designs main.app-main > .design-hub-faq { background: linear-gradient(135deg,#f5f1e9,#fffdf8) !important; }

html body.page-public.route-designs .design-hub-empty-line {
  width: min(100%,760px) !important;
  margin: 18px auto !important;
  padding: 22px !important;
  border: 1px dashed #cda987 !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.9) !important;
  color: #6d151a !important;
  font-size: clamp(1rem,1.5vw,1.2rem) !important;
  font-weight: 800 !important;
  text-align: center !important;
}

html body.page-public.route-designs .design-hub-empty-actions {
  justify-content: center !important;
}

html body.page-public.route-designs .design-hub-intent-cards > div:nth-child(1) { background: #fff7e9 !important; }
html body.page-public.route-designs .design-hub-intent-cards > div:nth-child(2) { background: #eef3ff !important; }
html body.page-public.route-designs .design-hub-intent-cards > div:nth-child(3) { background: #fff0f5 !important; }
html body.page-public.route-designs .design-hub-decision .feature-list > div:nth-child(1) { background: #eef8f3 !important; }
html body.page-public.route-designs .design-hub-decision .feature-list > div:nth-child(2) { background: #fff7e9 !important; }

html body.page-public.route-designs .design-hub-related > .city-cloud {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
}

html body.page-public.route-designs .design-hub-related > .city-cloud > a {
  display: grid !important;
  min-height: 52px !important;
  padding: 10px 12px !important;
  place-items: center !important;
  border-radius: 12px !important;
  text-align: center !important;
}

html body.page-public.route-designs .design-hub-related > .city-cloud > a:nth-child(4n+1) { background: #fff6e8 !important; }
html body.page-public.route-designs .design-hub-related > .city-cloud > a:nth-child(4n+2) { background: #edf8f2 !important; }
html body.page-public.route-designs .design-hub-related > .city-cloud > a:nth-child(4n+3) { background: #eef2ff !important; }
html body.page-public.route-designs .design-hub-related > .city-cloud > a:nth-child(4n) { background: #fff0f4 !important; }

html body.page-public.route-for-suppliers main.app-main > .supplier-discovery-section { background: linear-gradient(135deg,#eef8f2,#fbfdfb) !important; }
html body.page-public.route-for-suppliers main.app-main > .supplier-profile-section { background: linear-gradient(135deg,#fff5e9,#fffdf8) !important; }
html body.page-public.route-for-suppliers main.app-main > .supplier-capability-section { background: linear-gradient(135deg,#eef2ff,#fbfbff) !important; }
html body.page-public.route-for-suppliers main.app-main > .supplier-workflow-section { background: linear-gradient(135deg,#fff0f5,#fffafb) !important; }
html body.page-public.route-for-suppliers main.app-main > .supplier-guidance-section { background: linear-gradient(135deg,#f3f8ee,#fcfdfb) !important; }
html body.page-public.route-for-suppliers main.app-main > .supplier-faq-section { background: linear-gradient(135deg,#f7f2ea,#fffdf9) !important; }
html body.page-public.route-for-suppliers main.app-main > .supplier-final-cta { background: linear-gradient(135deg,#f9e8e8,#fff7f4) !important; }

html body.page-public.route-for-suppliers .supplier-path-card {
  display: flex !important;
  min-height: 170px !important;
  flex-direction: column !important;
  gap: 10px !important;
  justify-content: center !important;
}

html body.page-public.route-for-suppliers .supplier-path-card:nth-child(1) { background: #fff7e9 !important; }
html body.page-public.route-for-suppliers .supplier-path-card:nth-child(2) { background: #eef3ff !important; }
html body.page-public.route-for-suppliers .supplier-path-card:nth-child(3) { background: #fff0f5 !important; }

html body.page-public.route-for-suppliers .supplier-path-card strong {
  color: #8e0c16 !important;
  font-size: 1.18rem !important;
}

html body.page-public.route-for-suppliers .supplier-profile-section {
  display: grid !important;
  grid-template-columns: minmax(300px,.85fr) minmax(0,1.15fr) !important;
  gap: clamp(24px,4vw,56px) !important;
  align-items: center !important;
}

html body.page-public.route-for-suppliers .supplier-profile-visual {
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

html body.page-public.route-for-suppliers .supplier-profile-visual img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

html body.page-public.route-for-suppliers .supplier-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

html body.page-public.route-for-suppliers .supplier-mini-grid > span {
  display: grid !important;
  min-height: 52px !important;
  padding: 10px 12px !important;
  place-items: center !important;
  border: 1px solid rgba(125,78,48,.18) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.84) !important;
  color: #6d151a !important;
  font-weight: 800 !important;
  text-align: center !important;
}

html body.page-public.route-for-suppliers .supplier-capability-grid {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

html body.page-public.route-for-suppliers .supplier-capability-grid > article:nth-child(4n+1) { background: #fff7e9 !important; }
html body.page-public.route-for-suppliers .supplier-capability-grid > article:nth-child(4n+2) { background: #edf8f2 !important; }
html body.page-public.route-for-suppliers .supplier-capability-grid > article:nth-child(4n+3) { background: #eef2ff !important; }
html body.page-public.route-for-suppliers .supplier-capability-grid > article:nth-child(4n) { background: #fff0f4 !important; }

html body.page-public.route-for-suppliers .supplier-workflow-grid > article {
  min-height: 240px !important;
}

html body.page-public.route-for-suppliers .supplier-guidance-section .feature-stack {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 16px !important;
}

html body.page-public.route-for-suppliers .supplier-guidance-section .panel {
  background: rgba(255,255,255,.9) !important;
}

@media (max-width: 980px) {
  html body.page-public.route-blog :is(.blog-paths-section,.blog-directory-section) > .cards {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.page-public.route-for-suppliers .supplier-capability-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.page-public.route-designs .design-hub-related > .city-cloud {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero),
  html body.page-public.route-designs main.app-main > .design-hub-hero,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero {
    min-height: 470px !important;
    padding: 26px 14px !important;
    background-position: 66% center !important;
    text-align: center !important;
  }

  html body.page-public.route-blog main.app-main > .resources-hero {
    background-image:
      linear-gradient(rgba(255,250,244,.72),rgba(255,250,244,.84)),
      url("../img/founder-section-c/blog-guides-hero-v1.webp") !important;
  }

  html body.page-public.route-blog main.app-main > .blog-post-hero {
    background-image:
      linear-gradient(rgba(255,250,244,.72),rgba(255,250,244,.84)),
      var(--blog-hero-image,url("../img/founder-section-c/blog-guides-hero-v1.webp")) !important;
  }

  html body.page-public.route-designs main.app-main > .design-hub-hero {
    background-image:
      linear-gradient(rgba(255,250,244,.68),rgba(255,250,244,.84)),
      url("../img/founder-section-c/design-hub-hero-v1.webp") !important;
  }

  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero {
    background-image:
      linear-gradient(rgba(255,250,244,.70),rgba(255,250,244,.84)),
      url("../img/founder-section-c/supplier-hub-hero-v1.webp") !important;
  }

  html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > *,
  html body.page-public.route-designs main.app-main > .design-hub-hero > *,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > *,
  html body.phase1-foundation.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > h1,
  html body.phase1-foundation.page-public.route-designs main.app-main > .design-hub-hero > h1,
  html body.phase1-foundation.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > .page-breadcrumb,
  html body.page-public.route-designs main.app-main > .design-hub-hero > .page-breadcrumb,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > .page-breadcrumb {
    justify-content: center !important;
  }

  html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > .hero-actions,
  html body.page-public.route-designs main.app-main > .design-hub-hero > .hero-actions,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  html body.page-public.route-designs main.app-main > .design-hub-hero > .trust-strip,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > .trust-strip {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  html body.page-public.route-blog main.app-main > .blog-guide-content > .section {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
    padding: 24px 12px !important;
  }

  html body.page-public.route-blog :is(.blog-paths-section,.blog-directory-section,.blog-value-section,.blog-related-guides) > .cards,
  html body.page-public.route-blog .blog-check-grid,
  html body.page-public.route-for-suppliers :is(.supplier-path-grid,.supplier-capability-grid,.supplier-workflow-grid,.supplier-guidance-section .feature-stack) {
    grid-template-columns: minmax(0,1fr) !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-blog :is(.blog-paths-section,.blog-directory-section,.blog-value-section,.blog-related-guides) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body.page-public.route-blog .blog-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
  }

  html body.page-public.route-blog .blog-card-media {
    aspect-ratio: 16 / 10 !important;
  }

  html body.page-public.route-blog .blog-card > .button {
    width: 100% !important;
  }

  html body.page-public.route-blog .blog-guide-copy {
    padding: 18px 12px !important;
  }

  html body.page-public.route-blog .blog-article-section {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 18px 14px !important;
  }

  html body.page-public.route-blog .blog-section-number {
    width: 38px !important;
    height: 38px !important;
  }

  html body.page-public.route-blog .blog-faq-list details {
    padding: 0 14px !important;
  }

  html body.page-public.route-blog :is(.blog-guide-next,.blog-related-guides),
  html body.page-public.route-for-suppliers .supplier-final-cta {
    grid-template-columns: minmax(0,1fr) !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.page-public.route-blog .blog-guide-next .section-cta,
  html body.page-public.route-for-suppliers .supplier-final-cta .section-cta,
  html body.page-public.route-designs .design-hub-empty-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
  }

  html body.page-public.route-for-suppliers .supplier-profile-section {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-for-suppliers .supplier-mini-grid,
  html body.page-public.route-designs .design-hub-related > .city-cloud {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.page-public.route-for-suppliers .supplier-profile-visual img {
    aspect-ratio: 16 / 10 !important;
  }

  html body.page-public.route-designs .design-hub-related > .city-cloud > a {
    min-height: 58px !important;
  }
}

@media (max-width: 420px) {
  html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) > .hero-actions,
  html body.page-public.route-designs main.app-main > .design-hub-hero > .hero-actions,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero > .hero-actions {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-blog main.app-main > :is(.resources-hero,.blog-post-hero) {
    background-position: 70% center !important;
  }

  html body.page-public.route-designs main.app-main > .design-hub-hero,
  html body.page-public.route-for-suppliers main.app-main > .supplier-hub-hero {
    background-position: 68% center !important;
  }
}

/* Section C: one learning-first composition for all 72 Class City Hubs. */
html body.page-public.route-mehndi-classes main.app-main > :is(
  .class-hub-hero,
  .class-hub-results,
  .class-hub-intent,
  .class-hub-decision,
  .class-hub-related,
  .class-hub-faq
) {
  box-sizing: border-box !important;
  width: calc(100% - clamp(24px,2.4vw,44px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border: 1px solid rgba(139,82,58,.2) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: clamp(610px,46vw,700px) !important;
  padding: clamp(42px,5vw,78px) clamp(28px,5vw,80px) !important;
  text-align: left !important;
  background-image:
    linear-gradient(90deg,rgba(255,250,243,.99) 0%,rgba(255,250,243,.96) 43%,rgba(255,250,243,.7) 61%,rgba(255,250,243,.18) 100%),
    url("../img/founder-section-c/mehndi-class-city-hub-hero-v1.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero::before,
html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero::after {
  display: none !important;
  content: none !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero > * {
  position: relative !important;
  z-index: 1 !important;
  width: min(790px,62%) !important;
  max-width: min(790px,62%) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero > h1 {
  font-size: clamp(2.45rem,4.2vw,4rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
  text-wrap: balance !important;
}

html body.page-public.route-mehndi-classes .class-hub-search {
  display: grid !important;
  grid-template-columns: minmax(230px,1.35fr) minmax(150px,.75fr) minmax(150px,.75fr) auto !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  width: min(1120px,84%) !important;
  max-width: min(1120px,84%) !important;
  margin: 24px 0 14px !important;
  padding: 10px !important;
  border: 1px solid rgba(139,82,58,.2) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 38px rgba(82,48,32,.12) !important;
}

html body.page-public.route-mehndi-classes .class-hub-search > :is(input,select,button) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
}

html body.page-public.route-mehndi-classes .class-hub-search > :is(input,select) {
  padding: 0 14px !important;
  border: 1px solid #dfc8ba !important;
  border-radius: 10px !important;
  color: #351d18 !important;
  background: #fffdf9 !important;
}

html body.page-public.route-mehndi-classes .class-hub-hero > .hero-actions,
html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip {
  width: min(1120px,84%) !important;
  max-width: min(1120px,84%) !important;
  justify-content: flex-start !important;
}

html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}

html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip > span {
  display: grid !important;
  place-items: center !important;
  min-height: 50px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(139,82,58,.16) !important;
  border-radius: 14px !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip > span:nth-child(1) { background: #fff5e8 !important; }
html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip > span:nth-child(2) { background: #edf8f2 !important; }
html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip > span:nth-child(3) { background: #eef2ff !important; }
html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip > span:nth-child(4) { background: #fff0f4 !important; }

html body.page-public.route-mehndi-classes main.app-main > .class-hub-results {
  min-height: 370px !important;
  background: linear-gradient(145deg,#eaf7f2,#fffdf9) !important;
}

html body.page-public.route-mehndi-classes .class-hub-results-head {
  max-width: 920px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-classes .class-hub-empty-line {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: min(980px,100%) !important;
  min-height: 112px !important;
  margin: 24px auto 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(0,112,92,.18) !important;
  border-radius: 16px !important;
  color: #5f1820 !important;
  background: rgba(255,255,255,.76) !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: clamp(1.35rem,2.4vw,2rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-classes .class-hub-empty-actions {
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

html body.page-public.route-mehndi-classes .class-hub-profile-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,22px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-public.route-mehndi-classes .class-hub-profile-grid > .profile-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-intent {
  background: linear-gradient(145deg,#eef2ff,#fffdfb) !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-decision {
  background: linear-gradient(145deg,#fff1e6,#fffdf9) !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-related {
  background: linear-gradient(145deg,#fff0f5,#fffdfb) !important;
}

html body.page-public.route-mehndi-classes main.app-main > .class-hub-faq {
  background: linear-gradient(145deg,#fff9e7,#fffdf9) !important;
}

html body.page-public.route-mehndi-classes :is(.class-hub-intent-cards,.class-hub-decision-cards) > div {
  min-width: 0 !important;
  border: 1px solid rgba(91,66,118,.18) !important;
}

html body.page-public.route-mehndi-classes .class-hub-intent-cards > div:nth-child(1) { background: #fff7e9 !important; }
html body.page-public.route-mehndi-classes .class-hub-intent-cards > div:nth-child(2) { background: #edf8f3 !important; }
html body.page-public.route-mehndi-classes .class-hub-intent-cards > div:nth-child(3) { background: #fff0f5 !important; }
html body.page-public.route-mehndi-classes .class-hub-decision-cards > div:nth-child(1) { background: #f1f4ff !important; }
html body.page-public.route-mehndi-classes .class-hub-decision-cards > div:nth-child(2) { background: #fff8e8 !important; }
html body.page-public.route-mehndi-classes .class-hub-decision-cards > div:nth-child(3) { background: #edf8f2 !important; }

html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(170px,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud > a {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud > a:nth-child(4n+1) { background: #fff6e8 !important; }
html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud > a:nth-child(4n+2) { background: #edf8f2 !important; }
html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud > a:nth-child(4n+3) { background: #eef2ff !important; }
html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud > a:nth-child(4n) { background: #fff0f4 !important; }

@media (min-width: 761px) and (max-width: 980px) {
  html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-search {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-hero > :is(.hero-actions,.trust-strip) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-profile-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.page-public.route-mehndi-classes main.app-main > :is(
    .class-hub-hero,
    .class-hub-results,
    .class-hub-intent,
    .class-hub-decision,
    .class-hub-related,
    .class-hub-faq
  ) {
    width: calc(100% - 16px) !important;
    border-radius: 14px !important;
  }

  html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero {
    min-height: 760px !important;
    padding: 30px 14px !important;
    background-image:
      linear-gradient(rgba(255,250,243,.78),rgba(255,250,243,.94)),
      url("../img/founder-section-c/mehndi-class-city-hub-hero-v1.webp") !important;
    background-position: 70% center !important;
  }

  html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body.page-public.route-mehndi-classes main.app-main > .class-hub-hero > h1 {
    font-size: clamp(1.68rem,7.5vw,2.2rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-search {
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 12px !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-hero > .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-hero > .hero-actions > .button {
    width: 100% !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-hero > .trust-strip > span {
    min-height: 58px !important;
    padding: 7px 5px !important;
    font-size: clamp(.7rem,3.1vw,.82rem) !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-empty-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-empty-actions > .button,
  html body.page-public.route-mehndi-classes .class-hub-profile-grid > .profile-card {
    width: 100% !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-profile-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-mehndi-classes main.app-main > :is(.class-hub-intent,.class-hub-decision) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud > a {
    min-height: 52px !important;
    padding: 7px 5px !important;
    font-size: clamp(.7rem,3vw,.84rem) !important;
  }
}

@media (max-width: 360px) {
  html body.page-public.route-mehndi-classes .class-hub-related > .city-cloud {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* Section C: artist-first composition for all 72 Artist City Hubs. */
html body.page-public.route-mehndi-artists main.app-main > :is(
  .artist-hub-hero,
  .artist-hub-results,
  .artist-hub-intent,
  .artist-hub-decision,
  .artist-hub-related,
  .artist-hub-faq
) {
  box-sizing: border-box !important;
  width: calc(100% - clamp(24px,2.4vw,44px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border: 1px solid rgba(139,82,58,.2) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: clamp(610px,46vw,700px) !important;
  padding: clamp(42px,5vw,78px) clamp(28px,5vw,80px) !important;
  text-align: left !important;
  background-image:
    linear-gradient(90deg,rgba(255,250,243,.99) 0%,rgba(255,250,243,.96) 43%,rgba(255,250,243,.68) 61%,rgba(255,250,243,.14) 100%),
    url("../img/founder-section-c/mehndi-artist-city-hub-hero-v1.webp") !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero::before,
html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero::after {
  display: none !important;
  content: none !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero > * {
  position: relative !important;
  z-index: 1 !important;
  width: min(790px,62%) !important;
  max-width: min(790px,62%) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero > h1 {
  font-size: clamp(2.45rem,4.2vw,4rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
  text-wrap: balance !important;
}

html body.page-public.route-mehndi-artists .artist-hub-search {
  display: grid !important;
  grid-template-columns: minmax(260px,1.35fr) minmax(190px,.85fr) auto !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  width: min(1020px,84%) !important;
  max-width: min(1020px,84%) !important;
  margin: 24px 0 14px !important;
  padding: 10px !important;
  border: 1px solid rgba(139,82,58,.2) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 38px rgba(82,48,32,.12) !important;
}

html body.page-public.route-mehndi-artists .artist-hub-search > :is(input,select,button) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
}

html body.page-public.route-mehndi-artists .artist-hub-search > :is(input,select) {
  padding: 0 14px !important;
  border: 1px solid #dfc8ba !important;
  border-radius: 10px !important;
  color: #351d18 !important;
  background: #fffdf9 !important;
}

html body.page-public.route-mehndi-artists .artist-hub-hero > .hero-actions,
html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip {
  width: min(1020px,84%) !important;
  max-width: min(1020px,84%) !important;
  justify-content: flex-start !important;
}

html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}

html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip > span {
  display: grid !important;
  place-items: center !important;
  min-height: 50px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(139,82,58,.16) !important;
  border-radius: 14px !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip > span:nth-child(1) { background: #fff5e8 !important; }
html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip > span:nth-child(2) { background: #edf8f2 !important; }
html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip > span:nth-child(3) { background: #eef2ff !important; }
html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip > span:nth-child(4) { background: #fff0f4 !important; }

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-results {
  min-height: 370px !important;
  background: linear-gradient(145deg,#fff1f4,#fffdf9) !important;
}

html body.page-public.route-mehndi-artists .artist-hub-results-head {
  max-width: 920px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-artists .artist-hub-empty-line {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: min(980px,100%) !important;
  min-height: 112px !important;
  margin: 24px auto 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(176,0,13,.16) !important;
  border-radius: 16px !important;
  color: #5f1820 !important;
  background: rgba(255,255,255,.78) !important;
  font-family: Georgia,"Times New Roman",serif !important;
  font-size: clamp(1.35rem,2.4vw,2rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-artists .artist-hub-empty-actions {
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

html body.page-public.route-mehndi-artists .artist-hub-profile-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: clamp(14px,2vw,22px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.page-public.route-mehndi-artists .artist-hub-profile-grid > .profile-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-intent {
  background: linear-gradient(145deg,#eef2ff,#fffdfb) !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-decision {
  background: linear-gradient(145deg,#fff7e8,#fffdf9) !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-related {
  background: linear-gradient(145deg,#edf8f2,#fffdfb) !important;
}

html body.page-public.route-mehndi-artists main.app-main > .artist-hub-faq {
  background: linear-gradient(145deg,#fff0f5,#fffdf9) !important;
}

html body.page-public.route-mehndi-artists :is(.artist-hub-intent-cards,.artist-hub-decision-cards) > div {
  min-width: 0 !important;
  border: 1px solid rgba(91,66,118,.18) !important;
}

html body.page-public.route-mehndi-artists .artist-hub-intent-cards > div:nth-child(1) { background: #fff7e9 !important; }
html body.page-public.route-mehndi-artists .artist-hub-intent-cards > div:nth-child(2) { background: #edf8f3 !important; }
html body.page-public.route-mehndi-artists .artist-hub-intent-cards > div:nth-child(3) { background: #fff0f5 !important; }
html body.page-public.route-mehndi-artists .artist-hub-decision-cards > div:nth-child(1) { background: #f1f4ff !important; }
html body.page-public.route-mehndi-artists .artist-hub-decision-cards > div:nth-child(2) { background: #fff8e8 !important; }

html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud {
  display: grid !important;
  grid-template-columns: repeat(auto-fit,minmax(170px,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud > a {
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  text-align: center !important;
}

html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud > a:nth-child(4n+1) { background: #fff6e8 !important; }
html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud > a:nth-child(4n+2) { background: #edf8f2 !important; }
html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud > a:nth-child(4n+3) { background: #eef2ff !important; }
html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud > a:nth-child(4n) { background: #fff0f4 !important; }

/* City-centred location is the third section on all location-specific Section C hubs. */
html body.page-public:is(.route-mehndi-artists,.route-mehndi-classes,.route-henna-products) main.app-main > .seo-hub-location {
  box-sizing: border-box !important;
  width: calc(100% - clamp(24px,2.4vw,44px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 1px solid rgba(0,112,92,.2) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg,#e8f7f4,#eef4ff) !important;
}

html body.page-public:is(.route-mehndi-artists,.route-mehndi-classes,.route-henna-products) .seo-hub-location > .seo-hub-map {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(430px,42vw,620px) !important;
  min-height: 430px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef5f1 !important;
}

@media (min-width: 761px) and (max-width: 980px) {
  html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-search {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-search > .button {
    grid-column: 1 / -1 !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-hero > :is(.hero-actions,.trust-strip) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-profile-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.page-public.route-mehndi-artists main.app-main > :is(
    .artist-hub-hero,
    .artist-hub-results,
    .artist-hub-intent,
    .artist-hub-decision,
    .artist-hub-related,
    .artist-hub-faq
  ),
  html body.page-public:is(.route-mehndi-artists,.route-mehndi-classes,.route-henna-products) main.app-main > .seo-hub-location {
    width: calc(100% - 16px) !important;
    border-radius: 14px !important;
  }

  html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero {
    min-height: 760px !important;
    padding: 30px 14px !important;
    background-image:
      linear-gradient(rgba(255,250,243,.8),rgba(255,250,243,.95)),
      url("../img/founder-section-c/mehndi-artist-city-hub-hero-v1.webp") !important;
    background-position: 74% center !important;
  }

  html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body.page-public.route-mehndi-artists main.app-main > .artist-hub-hero > h1 {
    font-size: clamp(1.68rem,7.5vw,2.2rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-search {
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 12px !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-hero > .hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-hero > .hero-actions > .button {
    width: 100% !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-hero > .trust-strip > span {
    min-height: 58px !important;
    padding: 7px 5px !important;
    font-size: clamp(.7rem,3.1vw,.82rem) !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-empty-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-empty-actions > .button,
  html body.page-public.route-mehndi-artists .artist-hub-profile-grid > .profile-card {
    width: 100% !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-profile-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-mehndi-artists main.app-main > :is(.artist-hub-intent,.artist-hub-decision) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud > a {
    min-height: 52px !important;
    padding: 7px 5px !important;
    font-size: clamp(.7rem,3vw,.84rem) !important;
  }

  html body.page-public:is(.route-mehndi-artists,.route-mehndi-classes,.route-henna-products) .seo-hub-location > .seo-hub-map {
    height: 430px !important;
    min-height: 430px !important;
  }
}

@media (max-width: 360px) {
  html body.page-public.route-mehndi-artists .artist-hub-related > .city-cloud {
    grid-template-columns: minmax(0,1fr) !important;
  }
}