/* Final presentation layer. Calculation, grade and content rules stay in app-v2.js. */
html.experience-v1 {
  --ui-canvas: #edf2f4;
  --ui-stage: #f5f7f7;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f8faf9;
  --ui-ink: #152936;
  --ui-ink-soft: #536771;
  --ui-ink-faint: #75858d;
  --ui-line: rgba(39, 70, 82, 0.13);
  --ui-line-strong: rgba(39, 70, 82, 0.2);
  --ui-blue: #3f72b8;
  --ui-blue-soft: #e8f0fa;
  --ui-jade: #3f806c;
  --ui-jade-soft: #e9f3ef;
  --ui-amber: #a87026;
  --ui-amber-soft: #f8f0e1;
  --ui-coral: #ad624b;
  --ui-coral-soft: #f8ece7;
  --ui-radius: 8px;
  --ui-shadow: 0 12px 28px rgba(31, 58, 70, 0.07);
}

/* Fortune service one-hour access pass. */
body.is-affiliate-interstitial-open {
  overflow: hidden;
}

.affiliate-interstitial-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding:
    max(18px, env(safe-area-inset-top))
    18px
    max(18px, env(safe-area-inset-bottom));
  overflow-y: auto;
  background: rgba(18, 34, 45, 0.54);
  backdrop-filter: blur(10px) saturate(105%);
  opacity: 0;
  transition: opacity 180ms ease;
}

.affiliate-interstitial-backdrop.is-visible {
  opacity: 1;
}

.affiliate-interstitial {
  position: relative;
  width: min(100%, 382px);
  padding: 24px 22px 18px;
  border: 1px solid rgba(39, 70, 82, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: #152936;
  text-align: center;
  box-shadow: 0 24px 70px rgba(24, 45, 57, 0.2);
  transform: translateY(10px);
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.affiliate-interstitial-backdrop.is-visible .affiliate-interstitial {
  transform: translateY(0);
}

.affiliate-interstitial-header {
  display: grid;
  justify-items: center;
  padding-inline: 20px;
}

.affiliate-interstitial-badge {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 9px;
  border: 1px solid rgba(83, 103, 113, 0.22);
  border-radius: 999px;
  color: #657881;
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
}

.affiliate-interstitial h2 {
  margin: 13px 0 4px;
  color: #152936;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: 0;
}

.affiliate-interstitial-header p {
  margin: 0;
  color: #687b84;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
}

.affiliate-interstitial-banner {
  position: relative;
  display: grid;
  place-items: center;
  width: 152px;
  min-height: 252px;
  margin: 15px auto 14px;
  overflow: hidden;
  border: 1px solid rgba(39, 70, 82, 0.12);
  border-radius: 8px;
  background: #ffffff;
}

.affiliate-interstitial-banner-media {
  display: grid;
  place-items: center;
  pointer-events: none;
}

.affiliate-interstitial-banner iframe {
  display: block;
  width: 120px;
  height: 240px;
  border: 0;
  background: #ffffff;
  pointer-events: none;
}

.affiliate-interstitial-banner-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
}

.affiliate-interstitial-banner-link:focus-visible {
  outline: 3px solid rgba(63, 114, 184, 0.32);
  outline-offset: -3px;
}

.affiliate-interstitial-actions {
  display: grid;
  gap: 8px;
}

.affiliate-interstitial-shop,
.affiliate-interstitial-continue {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 48px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
}

.affiliate-interstitial-shop {
  border: 1px solid #3169b5;
  background: #3169b5;
  color: #ffffff;
}

.affiliate-interstitial-shop.is-busy,
.affiliate-interstitial-continue.is-busy {
  cursor: progress;
  filter: saturate(0.72);
  opacity: 0.72;
}

.fortune-pass-brand {
  display: grid;
  place-items: center;
  min-height: 126px;
  margin: 16px auto;
  border: 1px solid rgba(39, 70, 82, 0.1);
  border-radius: 8px;
  background: #f8faf9;
}

.fortune-pass-brand img {
  display: block;
  width: 76px;
  height: 76px;
}

.fortune-pass-status {
  min-height: 20px;
  margin: 11px 0 0;
  color: #536771;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.55;
  word-break: keep-all;
}

.affiliate-interstitial-continue {
  border: 1px solid rgba(39, 70, 82, 0.18);
  background: #f7f9fa;
  color: #29414f;
}

.affiliate-interstitial-shop:hover,
.affiliate-interstitial-shop:focus-visible,
.affiliate-interstitial-continue:hover,
.affiliate-interstitial-continue:focus-visible {
  filter: brightness(0.98);
  outline: 3px solid rgba(63, 114, 184, 0.2);
  outline-offset: 2px;
}

.affiliate-interstitial-disclosure {
  margin: 13px 0 0;
  color: #7b8b93;
  font-size: 10px;
  font-weight: 560;
  line-height: 1.55;
  word-break: keep-all;
}

@media (max-width: 360px) {
  .affiliate-interstitial-backdrop {
    padding-inline: 12px;
  }

  .affiliate-interstitial {
    padding: 20px 16px 16px;
  }

  .affiliate-interstitial h2 {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .affiliate-interstitial-backdrop,
  .affiliate-interstitial {
    transition: none;
  }
}

/* Annual metric grade palette v1. */
html.experience-v1 .annual-grade-palette .metric-grade-a-plus {
  --annual-grade-fill: #2f6fcb;
  --annual-grade-end: #477fd4;
  --annual-grade-ink: #245a9d;
  --annual-grade-bg: #eaf2ff;
  --annual-grade-border: #a8c5ea;
}

html.experience-v1 .annual-grade-palette .metric-grade-a {
  --annual-grade-fill: #3f7fcb;
  --annual-grade-end: #588fd3;
  --annual-grade-ink: #295d94;
  --annual-grade-bg: #edf4ff;
  --annual-grade-border: #b4cceb;
}

html.experience-v1 .annual-grade-palette .metric-grade-a-minus {
  --annual-grade-fill: #568fd0;
  --annual-grade-end: #6b9dd7;
  --annual-grade-ink: #315f8e;
  --annual-grade-bg: #f0f6ff;
  --annual-grade-border: #c2d6ef;
}

html.experience-v1 .annual-grade-palette .metric-grade-b-plus {
  --annual-grade-fill: #168274;
  --annual-grade-end: #319588;
  --annual-grade-ink: #185f57;
  --annual-grade-bg: #e5f4f1;
  --annual-grade-border: #9bcac2;
}

html.experience-v1 .annual-grade-palette .metric-grade-b {
  --annual-grade-fill: #2f9487;
  --annual-grade-end: #49a69a;
  --annual-grade-ink: #1b645b;
  --annual-grade-bg: #e8f6f3;
  --annual-grade-border: #abd5cf;
}

html.experience-v1 .annual-grade-palette .metric-grade-b-minus {
  --annual-grade-fill: #52a79c;
  --annual-grade-end: #69b5ab;
  --annual-grade-ink: #276960;
  --annual-grade-bg: #edf8f6;
  --annual-grade-border: #bfdfda;
}

html.experience-v1 .annual-grade-palette .metric-grade-c-plus {
  --annual-grade-fill: #b57616;
  --annual-grade-end: #c4892f;
  --annual-grade-ink: #73500d;
  --annual-grade-bg: #fff5e2;
  --annual-grade-border: #dec18d;
}

html.experience-v1 .annual-grade-palette .metric-grade-c {
  --annual-grade-fill: #c58a2c;
  --annual-grade-end: #d19c49;
  --annual-grade-ink: #77520f;
  --annual-grade-bg: #fff7e8;
  --annual-grade-border: #e5cda2;
}

html.experience-v1 .annual-grade-palette .metric-grade-c-minus {
  --annual-grade-fill: #d09d4b;
  --annual-grade-end: #d9aa65;
  --annual-grade-ink: #755313;
  --annual-grade-bg: #fff9ee;
  --annual-grade-border: #ead8b7;
}

html.experience-v1 .annual-grade-palette .metric-grade-d-plus {
  --annual-grade-fill: #c45443;
  --annual-grade-end: #cf6959;
  --annual-grade-ink: #87392f;
  --annual-grade-bg: #fff0ed;
  --annual-grade-border: #e5b2aa;
}

html.experience-v1 .annual-grade-palette .metric-grade-d {
  --annual-grade-fill: #d16958;
  --annual-grade-end: #da7c6c;
  --annual-grade-ink: #893f35;
  --annual-grade-bg: #fff2ef;
  --annual-grade-border: #ecc2bb;
}

html.experience-v1 .annual-grade-palette .metric-grade-d-minus {
  --annual-grade-fill: #db806e;
  --annual-grade-end: #e09080;
  --annual-grade-ink: #81443c;
  --annual-grade-bg: #fff5f2;
  --annual-grade-border: #f0d0ca;
}

html.experience-v1 .annual-grade-palette .metric-bar[class*="metric-grade-"] {
  --metric-bar-color: var(--annual-grade-fill) !important;
  --metric-bar-ink: var(--annual-grade-ink) !important;
  background: #dce5ea !important;
}

html.experience-v1 .annual-grade-palette .metric-bar[class*="metric-grade-"] > i {
  background: linear-gradient(
    90deg,
    var(--annual-grade-fill),
    var(--annual-grade-end)
  ) !important;
  box-shadow: 0 0 5px color-mix(in srgb, var(--annual-grade-fill) 24%, transparent) !important;
}

html.experience-v1 .annual-grade-palette .metric-level-badge[class*="metric-grade-"] {
  --metric-bar-color: var(--annual-grade-fill) !important;
  --metric-bar-ink: var(--annual-grade-ink) !important;
  border-color: var(--annual-grade-border) !important;
  background: var(--annual-grade-bg) !important;
  color: var(--annual-grade-ink) !important;
}

/* Annual detail modal v1. */
html.experience-v1 body.is-detail-view button.annual-overall-banner.annual-overall-banner-head,
html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head {
  width: 100% !important;
  margin: 0 !important;
  appearance: none !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

html.experience-v1 body.is-detail-view button.annual-overall-banner.annual-overall-banner-head {
  border: 1px solid rgba(63, 114, 184, 0.24) !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-title {
  display: block !important;
  max-width: 390px !important;
  margin: 7px 0 0 !important;
  color: var(--ui-ink) !important;
  font-size: clamp(22px, 5.2vw, 27px) !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 20px !important;
  align-items: center !important;
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head::after {
  content: none !important;
}

html.experience-v1 body.is-detail-view button.annual-overall-banner.annual-overall-banner-head:hover .annual-overall-banner-chevron,
html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:hover .annual-group-chevron {
  transform: translateX(2px) !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:hover {
  border-color: rgba(63, 114, 184, 0.3) !important;
  background: rgba(63, 114, 184, 0.045) !important;
}

html.experience-v1 body.is-detail-view button.annual-overall-banner.annual-overall-banner-head:active,
html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:active {
  transform: translateY(1px) !important;
}

html.experience-v1 body.is-detail-view button.annual-overall-banner.annual-overall-banner-head:focus-visible,
html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:focus-visible {
  outline: 3px solid rgba(63, 114, 184, 0.24) !important;
  outline-offset: 3px !important;
}

body.is-annual-detail-modal-open,
body.is-annual-metric-note-open {
  overflow: hidden !important;
}

html.experience-v1 .annual-detail-modal:not([open]) {
  display: none !important;
}

html.experience-v1 .annual-detail-modal {
  width: min(calc(100vw - 40px), 600px) !important;
  height: min(84dvh, 760px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: var(--ui-ink) !important;
  box-shadow: none !important;
}

html.experience-v1 .annual-detail-modal::backdrop {
  background: rgba(18, 37, 49, 0.48) !important;
  backdrop-filter: blur(8px) !important;
  animation: annual-detail-backdrop-in 180ms ease both;
}

html.experience-v1 .annual-detail-modal-panel.annual-detail {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  width: 100% !important;
  height: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(63, 114, 184, 0.18) !important;
  border-radius: 20px !important;
  background: #f5f8fc !important;
  box-shadow: 0 28px 80px rgba(24, 45, 59, 0.28) !important;
  animation: annual-detail-panel-in 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.experience-v1 .annual-detail-modal-header {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 88px !important;
  padding: 17px 16px 15px 20px !important;
  border-bottom: 1px solid rgba(39, 70, 82, 0.12) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(14px) !important;
}

html.experience-v1 .annual-detail-modal-heading {
  min-width: 0 !important;
}

html.experience-v1 .annual-detail-modal-heading > small {
  display: block !important;
  color: var(--ui-blue) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
  letter-spacing: 0.02em !important;
}

html.experience-v1 .annual-detail-modal-heading > h2 {
  margin: 5px 0 0 !important;
  color: var(--ui-ink) !important;
  font-size: clamp(21px, 4vw, 24px) !important;
  line-height: 1.28 !important;
  font-weight: 840 !important;
  letter-spacing: -0.02em !important;
  word-break: keep-all !important;
}

html.experience-v1 .annual-detail-modal-close {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 10px !important;
  place-items: center !important;
  appearance: none !important;
  border: 1px solid rgba(63, 114, 184, 0.16) !important;
  border-radius: 50% !important;
  background: #f4f7fb !important;
  color: #526f8d !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html.experience-v1 .annual-detail-modal-close svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
}

html.experience-v1 .annual-detail-modal-close:hover,
html.experience-v1 .annual-detail-modal-close:focus-visible {
  outline: 0 !important;
  border-color: rgba(63, 114, 184, 0.32) !important;
  background: #eaf2fb !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 .annual-detail-modal-close:focus-visible {
  box-shadow: 0 0 0 3px rgba(63, 114, 184, 0.18) !important;
}

html.experience-v1 .annual-detail-modal-body {
  min-height: 0 !important;
  padding: 14px 18px calc(26px + env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  background: #f5f8fc !important;
  scrollbar-gutter: stable !important;
}

html.experience-v1 .annual-detail-modal .annual-group-overview {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.experience-v1 .annual-detail-modal .annual-group-overview-list {
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(40, 65, 79, 0.055) !important;
}

html.experience-v1 .annual-detail-modal .domain-metric-overview-row,
html.experience-v1 .annual-detail-modal .domain-metric-overview-row.is-long-label,
html.experience-v1 .annual-detail-modal .domain-metric-overview-item > summary {
  min-height: 64px !important;
  gap: 6px !important;
  padding: 8px 12px !important;
}

html.experience-v1 .annual-detail-modal .domain-metric-overview-row.is-iconless,
html.experience-v1 .annual-detail-modal .domain-metric-overview-item > summary.is-iconless {
  grid-template-columns: 96px minmax(0, 1fr) 38px 11px !important;
}

html.experience-v1 .annual-detail-modal .is-iconless > span:not(.domain-metric-overview-icon) {
  grid-column: 1 !important;
}

html.experience-v1 .annual-detail-modal .is-iconless > .domain-metric-overview-bar {
  grid-column: 2 !important;
}

html.experience-v1 .annual-detail-modal .is-iconless > .metric-level-badge {
  grid-column: 3 !important;
}

html.experience-v1 .annual-detail-modal .is-iconless > .domain-metric-overview-chevron {
  grid-column: 4 !important;
}

html.experience-v1 .annual-detail-modal .domain-metric-overview-explanation {
  padding: 13px 16px 18px !important;
  border-top: 1px solid var(--ui-line) !important;
  background: #f7faff !important;
}

html.experience-v1 .annual-detail-modal .domain-metric-overview-explanation p {
  color: var(--ui-ink-soft) !important;
  font-size: 13px !important;
  line-height: 1.82 !important;
}

@keyframes annual-detail-backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes annual-detail-panel-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 640px) {
  html.experience-v1 .annual-detail-modal {
    width: 100% !important;
    height: min(92dvh, 860px) !important;
    margin: auto 0 0 !important;
    border-radius: 20px 20px 0 0 !important;
  }

  html.experience-v1 .annual-detail-modal-panel.annual-detail {
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 20px 20px 0 0 !important;
  }

  html.experience-v1 .annual-detail-modal-header {
    min-height: 84px !important;
    padding: 15px 12px 13px 18px !important;
  }

  html.experience-v1 .annual-detail-modal-body {
    padding: 12px 12px calc(24px + env(safe-area-inset-bottom)) !important;
    scrollbar-gutter: auto !important;
  }
}

@media (max-width: 380px) {
  html.experience-v1 .annual-detail-modal .domain-metric-overview-row.is-iconless,
  html.experience-v1 .annual-detail-modal .domain-metric-overview-item > summary.is-iconless {
    grid-template-columns: 84px minmax(0, 1fr) 38px 10px !important;
    gap: 5px !important;
  }

  html.experience-v1 body.is-detail-view .annual-overall-banner-title {
    font-size: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .annual-detail-modal::backdrop,
  html.experience-v1 .annual-detail-modal-panel.annual-detail {
    animation-duration: 1ms !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .affiliate-interstitial-backdrop,
  .affiliate-interstitial {
    transition-duration: 1ms;
  }
}

html.experience-v1 body {
  background: var(--ui-canvas) !important;
  color: var(--ui-ink) !important;
}

html.experience-v1 .site-stage,
html.experience-v1 .screen,
html.experience-v1 .screen-report,
html.experience-v1 .screen-detail {
  background-color: var(--ui-stage) !important;
  color: var(--ui-ink) !important;
}

html.experience-v1 .site-stage::before,
html.experience-v1 .screen::before {
  opacity: 0.22 !important;
}

html.experience-v1 .appbar,
html.experience-v1 .detail-topbar,
html.experience-v1 .report-topbar {
  min-height: 60px !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(120%);
}

html.experience-v1 .appbar-title,
html.experience-v1 .detail-topbar-title,
html.experience-v1 .report-topbar-title {
  color: var(--ui-ink) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .appbar button,
html.experience-v1 .detail-topbar button,
html.experience-v1 .report-topbar button {
  color: var(--ui-ink-soft) !important;
}

html.experience-v1 .bottom-nav {
  min-height: 70px !important;
  border-top: 1px solid var(--ui-line) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 -10px 26px rgba(31, 58, 70, 0.055) !important;
  backdrop-filter: blur(18px) saturate(120%);
}

html.experience-v1 .bottom-nav button {
  min-width: 0 !important;
  color: #647680 !important;
  font-size: 11px !important;
  font-weight: 680 !important;
}

html.experience-v1 .bottom-nav button.is-active,
html.experience-v1 .bottom-nav button[aria-current="page"] {
  color: var(--ui-blue) !important;
}

html.experience-v1 .bottom-nav button.is-active::before,
html.experience-v1 .bottom-nav button[aria-current="page"]::before {
  background: var(--ui-blue) !important;
}

/* Result home */
html.experience-v1 body.is-report-view .report-root {
  padding: 0 0 32px !important;
}

html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
  position: relative !important;
  min-height: 252px !important;
  margin: 18px 18px 0 !important;
  padding: 25px 22px 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: var(--ui-radius) !important;
  background:
    linear-gradient(135deg, rgba(63, 114, 184, 0.1), transparent 57%),
    var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 .report-personality-copy {
  position: relative !important;
  z-index: 2 !important;
  max-width: 64% !important;
}

html.experience-v1 .report-personality-type-label {
  color: var(--ui-amber) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 780 !important;
}

html.experience-v1 .report-personality-copy h2 {
  margin: 8px 0 13px !important;
  color: var(--ui-ink) !important;
  font-size: 27px !important;
  line-height: 1.28 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  word-break: keep-all;
}

html.experience-v1 .report-personality-copy p {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  color: var(--ui-ink-soft) !important;
  font-size: 13px !important;
  line-height: 1.68 !important;
  font-weight: 560 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

html.experience-v1 body.is-detail-view
  .domain-metric-overview-rest.is-full-disclosure.is-expanded
  > .domain-metric-overview-rest-toggle {
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding-block: 0 !important;
  border-width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.experience-v1 .report-personality-actions {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-top: 11px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html.experience-v1 .report-personality-detail-link,
html.experience-v1 .report-personality-save-control {
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ui-blue) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-report-view .report-profile-save-button.report-personality-save-control {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 44px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 .report-personality-save-control {
  position: absolute !important;
  top: 17px !important;
  right: 18px !important;
  z-index: 4 !important;
  color: var(--ui-ink-soft) !important;
}

html.experience-v1 .report-personality-type-icon {
  right: 14px !important;
  bottom: 42px !important;
  width: 124px !important;
  height: 124px !important;
  opacity: 0.82 !important;
}

html.experience-v1 .report-analysis-menu,
html.experience-v1 .report-content-board {
  margin: 28px 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 .report-dashboard-head,
html.experience-v1 .report-content-head {
  min-height: 38px !important;
  margin: 0 0 12px !important;
  padding: 0 2px !important;
  border: 0 !important;
}

html.experience-v1 .report-dashboard-head h2,
html.experience-v1 .report-content-head h2 {
  color: var(--ui-ink) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 830 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .report-analysis-menu-toggle,
html.experience-v1 .report-content-head button {
  min-height: 40px !important;
  color: var(--ui-blue) !important;
  font-size: 12px !important;
  font-weight: 740 !important;
}

html.experience-v1 body.is-detail-view .contextual-profile-save-button {
  min-height: 40px !important;
  padding-inline: 12px !important;
}

html.experience-v1 .report-primary-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
  gap: 10px !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
}

html.experience-v1 .report-primary-menu-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 42px auto !important;
  gap: 8px !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 15px 12px 13px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 7px 18px rgba(31, 58, 70, 0.045) !important;
  scroll-snap-align: none !important;
}

html.experience-v1 .report-primary-menu-card::before,
html.experience-v1 .report-primary-menu-card::after {
  content: none !important;
  display: none !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 42px auto !important;
  gap: 8px !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

html.experience-v1 .report-primary-menu-card > .has-report-icon,
html.experience-v1 .report-primary-menu-card > .report-primary-menu-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  color: var(--ui-amber) !important;
}

html.experience-v1 .report-primary-menu-card strong {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: center !important;
  color: var(--ui-ink) !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
  text-align: center !important;
}

html.experience-v1 .report-primary-menu-card small {
  display: none !important;
}

html.experience-v1 .report-primary-menu-more {
  margin-top: 10px !important;
  border: 0 !important;
  background: transparent !important;
}

html.experience-v1 .report-primary-menu-more-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html.experience-v1 .report-primary-menu-more-card {
  min-height: 68px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: none !important;
}

html.experience-v1 .report-content-list {
  display: grid !important;
  gap: 10px !important;
  border: 0 !important;
}

html.experience-v1 .report-content-feature {
  min-height: 94px !important;
  padding: 16px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 7px 18px rgba(31, 58, 70, 0.04) !important;
}

html.experience-v1 .report-content-topic-icon {
  width: 44px !important;
  height: 44px !important;
  color: var(--ui-amber) !important;
}

html.experience-v1 .report-content-feature strong {
  color: var(--ui-ink) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html.experience-v1 .report-content-feature small {
  color: var(--ui-ink-faint) !important;
  font-size: 11px !important;
}

/* Daily fortune */
html.experience-v1 .daily-page-root {
  padding-bottom: 32px !important;
}

html.experience-v1 .daily-date-navigation {
  margin: 16px 18px 0 !important;
  padding: 5px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

html.experience-v1 .daily-date-navigation button {
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--ui-ink-faint) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 .daily-date-navigation button[aria-pressed="true"],
html.experience-v1 .daily-date-navigation button.is-active {
  background: var(--ui-blue-soft) !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 .daily-home-overview {
  grid-template-columns: minmax(0, 1fr) 98px !important;
  gap: 12px !important;
  min-height: 252px !important;
  margin: 14px 18px 0 !important;
  padding: 24px 20px !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: var(--ui-radius) !important;
  background:
    linear-gradient(145deg, rgba(63, 128, 108, 0.08), transparent 56%),
    var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 .daily-home-overview::before,
html.experience-v1 .daily-home-overview::after {
  opacity: 0.25 !important;
}

html.experience-v1 .daily-home-intro {
  align-self: center !important;
}

html.experience-v1 .daily-home-intro > p:first-child {
  color: var(--ui-jade) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

html.experience-v1 .daily-home-intro h1 {
  max-width: 226px !important;
  margin: 11px 0 0 !important;
  color: var(--ui-ink) !important;
  font-size: 21px !important;
  line-height: 1.43 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  word-break: keep-all;
}

html.experience-v1 .daily-home-score-card {
  align-self: center !important;
  justify-self: end !important;
  width: 98px !important;
  min-width: 98px !important;
}

html.experience-v1 .daily-home-gauge,
html.experience-v1 .daily-home-gauge svg {
  width: 98px !important;
}

html.experience-v1 .daily-home-score-number {
  transform: translateY(5px) !important;
}

html.experience-v1 .daily-home-score-number strong {
  color: var(--ui-jade) !important;
  font-size: 42px !important;
}

html.experience-v1 .daily-home-score-label {
  margin-top: 7px !important;
  color: var(--ui-ink-soft) !important;
  font-size: 11px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview {
  grid-template-columns: minmax(0, 1fr) 106px !important;
  gap: 12px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
  max-width: 228px !important;
  font-size: 21px !important;
  line-height: 1.42 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  width: 106px !important;
  min-width: 106px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge,
html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
  width: 106px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
  font-size: 42px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label {
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label span,
html.experience-v1 body.is-daily-view main .daily-home-score-label strong {
  white-space: nowrap !important;
}

html.experience-v1 .daily-home-guidance {
  margin: 12px 18px 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 8px 20px rgba(31, 58, 70, 0.045) !important;
}

html.experience-v1 .daily-home-guidance::before {
  content: none !important;
}

html.experience-v1 .daily-home-focus {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
}

html.experience-v1 .daily-home-focus article {
  min-width: 0 !important;
  min-height: 152px !important;
  padding: 18px 16px !important;
  border: 0 !important;
}

html.experience-v1 .daily-home-focus article + article {
  border-left: 1px solid var(--ui-line) !important;
}

html.experience-v1 .daily-guidance-label {
  color: var(--ui-ink-faint) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 720 !important;
}

html.experience-v1 .daily-home-focus article > strong {
  margin-top: 10px !important;
  color: var(--ui-ink) !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}

html.experience-v1 .daily-home-focus article > p {
  margin-top: 9px !important;
  color: var(--ui-ink-soft) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  font-weight: 520 !important;
  word-break: keep-all;
}

html.experience-v1 .daily-home-action {
  padding: 16px 18px 18px !important;
  border-top: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .daily-home-action strong {
  color: var(--ui-ink) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html.experience-v1 .daily-home-categories,
html.experience-v1 .daily-home-rationale {
  margin: 28px 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 .daily-home-categories > header,
html.experience-v1 .daily-home-rationale > summary {
  padding: 0 2px 12px !important;
}

html.experience-v1 .daily-home-categories h2,
html.experience-v1 .daily-home-rationale summary strong {
  color: var(--ui-ink) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
}

html.experience-v1 .daily-fortune-list {
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 .daily-fortune-disclosure {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

html.experience-v1 .daily-fortune-row {
  min-height: 70px !important;
  padding: 11px 14px !important;
}

html.experience-v1 .daily-fortune-row strong {
  color: var(--ui-ink) !important;
  font-size: 14px !important;
}

html.experience-v1 .daily-fortune-row em,
html.experience-v1 .daily-fortune-row output {
  font-size: 12px !important;
  font-weight: 780 !important;
}

html.experience-v1 .daily-fortune-disclosure[open] .daily-fortune-row {
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .daily-home-rationale {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .daily-home-rationale > summary {
  min-height: 64px !important;
  padding: 0 16px !important;
}

html.experience-v1 .daily-rationale-flow,
html.experience-v1 .daily-rationale-overall {
  margin: 0 !important;
  padding: 18px 16px !important;
  border-top: 1px solid var(--ui-line) !important;
  background: transparent !important;
}

/* Domain detail */
html.experience-v1 body.is-detail-view .experience-domain-hero {
  min-height: 246px !important;
  margin: 16px 18px 0 !important;
  padding: 24px 20px 0 !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: var(--ui-radius) !important;
  background:
    linear-gradient(145deg, var(--detail-accent-soft), transparent 58%),
    var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
  font-size: 27px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords {
  margin: 18px -20px 0 !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords > div {
  min-height: 88px !important;
  padding: 13px 10px !important;
}

html.experience-v1 .experience-domain-stories {
  margin-top: 18px !important;
  border-top: 1px solid var(--ui-line-strong) !important;
}

html.experience-v1 .experience-domain-story {
  padding: 28px 22px 30px !important;
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .experience-domain-story:nth-child(2) {
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .experience-domain-story h3 {
  font-size: 21px !important;
}

html.experience-v1 .experience-domain-story p {
  color: var(--ui-ink-soft) !important;
  font-size: 14px !important;
  line-height: 1.86 !important;
}

html.experience-v1 .domain-metric-overview {
  margin: 24px 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.experience-v1 .domain-metric-overview-head {
  padding: 0 2px 12px !important;
}

html.experience-v1 .domain-metric-overview-list {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .domain-metric-overview-item {
  border-color: var(--ui-line) !important;
}

html.experience-v1 .domain-metric-overview-row {
  min-height: 68px !important;
  padding: 8px 12px !important;
}

html.experience-v1 .domain-metric-overview-explanation {
  padding: 4px 18px 23px 56px !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .domain-metric-overview-explanation p {
  font-size: 13px !important;
  line-height: 1.82 !important;
}

html.experience-v1 .domain-metric-overview-rest {
  margin-top: 10px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .domain-related-content,
html.experience-v1 .personality-related-content {
  margin: 32px 18px 0 !important;
  padding: 22px 0 !important;
}

/* Annual */
html.experience-v1 .annual-experience-intro {
  margin: 16px 18px 0 !important;
  padding: 24px 20px !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 .annual-experience-intro h2 {
  font-size: 27px !important;
}

html.experience-v1 .annual-focus-strip {
  align-items: flex-start !important;
  margin-top: 20px !important;
}

html.experience-v1 .annual-flow-overview,
html.experience-v1 .annual-breakdown {
  margin: 24px 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 .annual-flow-grid,
html.experience-v1 .annual-group-list,
html.experience-v1 .annual-group-overview-list {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .annual-flow-item {
  padding: 16px 14px !important;
  border-color: var(--ui-line) !important;
}

html.experience-v1 .annual-flow-item:nth-child(odd) {
  padding-left: 14px !important;
}

html.experience-v1 .annual-flow-item:nth-child(even) {
  padding-right: 14px !important;
}

html.experience-v1 .annual-flow-item-head strong {
  font-size: 12px !important;
}

html.experience-v1 .annual-metric-group {
  border-color: var(--ui-line) !important;
}

html.experience-v1 .annual-group-head {
  min-height: 66px !important;
  padding: 0 14px !important;
}

html.experience-v1 .annual-group-body {
  padding: 2px 14px 20px !important;
  background: var(--ui-surface-soft) !important;
}

/* Timing */
html.experience-v1 .timing-life-intro {
  min-height: 0 !important;
  margin: 16px 18px 0 !important;
  padding: 24px 20px !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 .timing-life-intro::after {
  opacity: 0.34 !important;
}

html.experience-v1 .timing-life-intro h2 {
  font-size: 27px !important;
}

html.experience-v1 .timing-life-overview {
  margin: 24px 18px 0 !important;
  padding: 20px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .timing-life-board {
  margin: 12px 18px 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 .timing-life-board > .timing-life-head {
  grid-template-columns: 60px minmax(0, 1fr) minmax(0, 1fr) !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-top: 0 !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .timing-life-list {
  padding: 0 !important;
}

html.experience-v1 .timing-life-row {
  grid-template-columns: 60px minmax(0, 1fr) minmax(0, 1fr) !important;
  padding: 17px 14px !important;
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 .timing-life-row.is-good,
html.experience-v1 .timing-life-row.is-caution {
  padding-left: 14px !important;
  border-left: 0 !important;
}

html.experience-v1 .timing-life-row.is-good {
  background: linear-gradient(90deg, rgba(63, 114, 184, 0.065), transparent 46%) !important;
}

html.experience-v1 .timing-life-row.is-caution {
  background: linear-gradient(90deg, rgba(173, 98, 75, 0.065), transparent 46%) !important;
}

html.experience-v1 .timing-life-age {
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html.experience-v1 .timing-life-value {
  font-size: 11.5px !important;
  line-height: 1.62 !important;
}

html.experience-v1 .timing-life-year-list > span {
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface) !important;
}

/* Saju basis */
html.experience-v1 .manse-basis-card {
  margin: 16px 18px 0 !important;
  padding: 24px 0 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 .manse-basis-head {
  margin: 0 20px 18px !important;
}

html.experience-v1 .manse-basis-head h2 {
  font-size: 25px !important;
}

html.experience-v1 .manse-pillars {
  border-width: 1px 0 0 !important;
  border-radius: 0 !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .contextual-evidence-section {
  margin: 28px 18px 0 !important;
  padding: 0 !important;
}

html.experience-v1 .contextual-evidence-section-head {
  margin-bottom: 12px !important;
  padding: 0 2px 12px !important;
}

html.experience-v1 .contextual-evidence-groups {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary {
  min-height: 66px !important;
  padding: 8px 14px !important;
}

html.experience-v1 .contextual-evidence-group-body,
html.experience-v1 .contextual-origin-detail,
html.experience-v1 .contextual-origin-details {
  padding: 16px 14px 22px !important;
  border-top: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-soft) !important;
  font-size: 13px !important;
  line-height: 1.82 !important;
}

/* More */
html.experience-v1 .more-page-root {
  display: grid !important;
  gap: 12px !important;
  padding: 22px 18px 36px !important;
}

html.experience-v1 .more-page-intro {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 2px 14px !important;
  border-bottom: 1px solid var(--ui-line) !important;
}

html.experience-v1 .more-saved-section,
html.experience-v1 .more-input-section {
  margin: 0 0 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 7px 18px rgba(31, 58, 70, 0.04) !important;
}

html.experience-v1 .more-section-button,
html.experience-v1 .more-birth-button,
html.experience-v1 .saved-profile-row {
  min-height: 76px !important;
  padding: 13px 16px !important;
  border-color: var(--ui-line) !important;
  background: transparent !important;
}

html.experience-v1 .more-section-icon {
  width: 42px !important;
  height: 42px !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 .more-section-copy strong {
  color: var(--ui-ink) !important;
  font-size: 14px !important;
}

html.experience-v1 .more-section-copy small {
  color: var(--ui-ink-faint) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

/* Intro and birth input */
html.experience-v1 .intro-content {
  width: calc(100% - 36px) !important;
  margin: 0 auto !important;
  padding: 34px 0 30px !important;
}

html.experience-v1 .intro-brand-mark {
  width: 78px !important;
  height: 78px !important;
  margin-bottom: 26px !important;
}

html.experience-v1 .intro-hero-title {
  max-width: 330px !important;
  color: var(--ui-ink) !important;
  font-size: 36px !important;
  line-height: 1.24 !important;
  font-weight: 850 !important;
}

html.experience-v1 .intro-hero-context,
html.experience-v1 .intro-description {
  max-width: 336px !important;
  color: var(--ui-ink-soft) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

html.experience-v1 .intro-saved-profiles {
  margin-top: 28px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.experience-v1 .intro-primary-button {
  min-height: 54px !important;
  border: 0 !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-blue) !important;
  box-shadow: 0 10px 22px rgba(63, 114, 184, 0.18) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 780 !important;
}

html.experience-v1 .intro-discovery-links {
  margin-top: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 .intro-discovery-links a {
  color: var(--ui-ink-soft) !important;
  font-size: 12px !important;
}

html.experience-v1 .v2-form {
  width: calc(100% - 36px) !important;
  margin: 0 auto !important;
  padding: 20px 0 32px !important;
}

html.experience-v1 .input-progress {
  margin-bottom: 14px !important;
}

html.experience-v1 .input-identity-card,
html.experience-v1 .input-card {
  margin: 0 0 12px !important;
  padding: 18px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 7px 18px rgba(31, 58, 70, 0.04) !important;
}

html.experience-v1 .input-card-title-row {
  margin-bottom: 14px !important;
}

html.experience-v1 .birth-input-mode-toggle {
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid var(--ui-line-strong) !important;
  border-radius: 6px !important;
  background: var(--ui-surface-soft) !important;
  color: var(--ui-blue) !important;
  font-size: 11px !important;
  font-weight: 740 !important;
}

html.experience-v1 .birth-wheel-picker {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .birth-wheel-column button,
html.experience-v1 .birth-wheel-column [role="option"] {
  color: #6f8190 !important;
  opacity: 0.84 !important;
}

html.experience-v1 .birth-wheel-column button[aria-selected="true"],
html.experience-v1 .birth-wheel-column [role="option"][aria-selected="true"] {
  color: var(--ui-ink) !important;
  opacity: 1 !important;
  font-weight: 820 !important;
}

html.experience-v1 .birth-time-stage {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .birth-time-known input {
  color: var(--ui-blue) !important;
}

html.experience-v1 .birth-time-unknown-toggle {
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 .birth-time-unknown-state strong {
  font-size: 12.25px !important;
  line-height: 1.4 !important;
}

html.experience-v1 .birth-time-unknown-state small {
  font-size: 10.25px !important;
  line-height: 1.45 !important;
}

html.experience-v1 .birth-time-unknown-toggle {
  font-size: 10.5px !important;
}

html.experience-v1 .v2-form .input-trust-note,
html.experience-v1 .v2-form .blog-entry-button {
  font-size: 10px !important;
  line-height: 1.6 !important;
}

/* Responsive tightening */
@media (max-width: 380px) {
  html.experience-v1 .report-personality-copy { max-width: 64% !important; }
  html.experience-v1 .report-personality-copy h2 { font-size: 24px !important; }
  html.experience-v1 .report-primary-menu-card { min-height: 108px !important; padding: 13px 11px !important; }
  html.experience-v1 .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    min-height: 238px !important;
    padding: 20px 16px !important;
  }
  html.experience-v1 .daily-home-intro h1 { max-width: 196px !important; font-size: 21px !important; }
  html.experience-v1 .daily-home-score-card { width: 96px !important; min-width: 96px !important; }
  html.experience-v1 .daily-home-gauge,
  html.experience-v1 .daily-home-gauge svg { width: 96px !important; }
  html.experience-v1 .daily-home-focus article { padding-inline: 13px !important; }
  html.experience-v1 .daily-home-focus article > strong { font-size: 15px !important; }
  html.experience-v1 .loading-intro h1 {
    max-width: 100% !important;
    font-size: 23px !important;
    line-height: 1.45 !important;
    word-break: keep-all !important;
  }
  html.experience-v1 .domain-metric-overview-row { padding-inline: 9px !important; }
  html.experience-v1 .timing-life-board > .timing-life-head,
  html.experience-v1 .timing-life-row {
    grid-template-columns: 54px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
  }
  html.experience-v1 .intro-hero-title { font-size: 32px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 *,
  html.experience-v1 *::before,
  html.experience-v1 *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Compact metric glance v2: fit the full set into one comparison surface. */
html.experience-v1 body.is-detail-view .experience-domain-metric-board {
  margin-top: 2px !important;
  padding-top: 12px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-board-head {
  margin-bottom: 7px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px 6px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card {
  min-height: 45px !important;
  padding: 7px 8px !important;
  column-gap: 6px !important;
  row-gap: 5px !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-label {
  font-size: 12.5px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card > .metric-level-badge {
  min-width: 32px !important;
  height: 22px !important;
  padding-inline: 5px !important;
  font-size: 11.5px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-bar .metric-bar {
  height: 4px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 286px !important;
    min-height: 286px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 18px !important;
    width: min(90%, 292px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-board-head h3 {
    font-size: 15px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card {
    min-height: 43px !important;
    padding: 6px 7px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    font-size: 12px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    font-size: 15px !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    font-size: 11.5px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 12px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    font-size: 13.5px !important;
  }
}

/* Metric glance v3: keep comparison quiet; grades remain available in radar and profiles. */
html.experience-v1 body.is-detail-view .experience-domain-metric-card {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "label"
    "bar" !important;
}

/* Profile reading arrows: slightly stronger blue contrast without adding visual weight. */
html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
  border-color: #b8d2f3 !important;
  background: #edf5ff !important;
  color: #1f6fd7 !important;
  box-shadow: 0 7px 18px rgba(37, 103, 184, 0.14) !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:hover,
html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:focus-visible {
  border-color: #8db7ec !important;
  background: #e4f0ff !important;
  color: #155fbe !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:disabled {
  border-color: #d5e1ee !important;
  background: #f4f7fb !important;
  color: #91a9c3 !important;
  opacity: 0.72 !important;
}

/* Unified annual glance disclosure list v1. */
html.experience-v1 body.is-detail-view .annual-glance {
  padding-top: 26px !important;
}

html.experience-v1 body.is-detail-view .annual-breakdown-head {
  align-items: center !important;
  margin-bottom: 14px !important;
}

html.experience-v1 body.is-detail-view .annual-overview-title {
  margin: 0 !important;
  color: var(--ui-ink) !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-group-list {
  display: block !important;
}

html.experience-v1 body.is-detail-view .annual-group-head {
  grid-template-columns: minmax(0, 1fr) minmax(112px, 42%) 16px !important;
}

html.experience-v1 body.is-detail-view .annual-group-summary {
  display: grid !important;
  grid-template-columns: minmax(54px, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-group-bar {
  display: block !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-group-bar .metric-bar {
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .annual-group-head {
    grid-template-columns: minmax(0, 1fr) minmax(98px, 40%) 14px !important;
    gap: 8px !important;
  }

  html.experience-v1 body.is-detail-view .annual-group-summary {
    grid-template-columns: minmax(46px, 1fr) auto !important;
    gap: 7px !important;
  }
}

@media (min-width: 361px) and (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card {
    min-height: 49px !important;
    padding: 6px !important;
    column-gap: 4px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    overflow: visible !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card > .metric-level-badge {
    min-width: 29px !important;
    height: 21px !important;
    padding-inline: 4px !important;
    font-size: 11px !important;
  }
}

/* Complete domain metric board: every profile metric stays visible and directly actionable. */
html.experience-v1 body.is-detail-view .experience-domain-metric-board {
  margin: 8px 0 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #dfe6ed !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-board-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-board-head h3 {
  margin: 0 !important;
  color: #172b45 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-board-head > span {
  color: #718095 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 720 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label grade"
    "bar bar" !important;
  align-items: center !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid #dce5ee !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #172b45 !important;
  text-align: left !important;
  box-shadow: 0 3px 10px rgba(40, 70, 108, 0.045) !important;
  cursor: pointer !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card:hover,
html.experience-v1 body.is-detail-view .experience-domain-metric-card:focus-visible {
  border-color: color-mix(in srgb, var(--metric-bar-color, #4f82c4) 48%, #dce5ee) !important;
  box-shadow: 0 7px 18px rgba(40, 86, 143, 0.1) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-label {
  grid-area: label !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #1e3048 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card > .metric-level-badge {
  grid-area: grade !important;
  width: auto !important;
  min-width: 38px !important;
  height: 27px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-bar {
  grid-area: bar !important;
  display: block !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-bar .metric-bar {
  width: 100% !important;
  height: 5px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #e5ebf2 !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-bar .metric-bar i {
  height: 100% !important;
  border-radius: inherit !important;
  background: var(--metric-bar-color, #5c8dca) !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-metric-board {
    margin-top: 4px !important;
    padding-top: 12px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-board-head {
    margin-bottom: 8px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-board-head h3 {
    font-size: 15px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
    gap: 6px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card {
    min-height: 56px !important;
    padding: 8px 9px !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    font-size: 12px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card > .metric-level-badge {
    min-width: 34px !important;
    height: 24px !important;
    padding-inline: 6px !important;
    font-size: 12px !important;
  }
}

/* Refinement pass 2: deeper screens use the same quiet visual language. */
html.experience-v1 body.is-detail-view .experience-domain-keywords {
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords > div {
  position: relative !important;
  align-content: start !important;
  min-width: 0 !important;
  padding: 14px 11px 13px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords > div + div::before {
  top: 14px !important;
  bottom: 14px !important;
  height: auto !important;
  background: var(--ui-line) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords b {
  max-width: calc(100% - 27px) !important;
  color: var(--ui-ink) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords span {
  margin-top: 8px !important;
  color: var(--ui-ink-soft) !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords em {
  top: 12px !important;
  right: 10px !important;
  min-width: 25px !important;
  padding: 3px 5px !important;
  border-radius: 5px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  text-align: center !important;
}

html.experience-v1 .experience-domain-story > span {
  color: var(--ui-blue) !important;
  font-size: 10.5px !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .experience-domain-story h3 {
  margin-top: 10px !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .experience-domain-story p + p {
  margin-top: 14px !important;
}

/* Annual: bring the year, headline and focus labels into one compact reading block. */
html.experience-v1 .annual-experience-intro {
  min-height: 0 !important;
  padding: 22px 20px 18px !important;
}

html.experience-v1 .annual-experience-intro::after {
  content: none !important;
  display: none !important;
}

html.experience-v1 .annual-experience-intro > div:first-child > span {
  color: var(--ui-amber) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html.experience-v1 .annual-experience-intro h2 {
  margin-top: 9px !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
}

html.experience-v1 .annual-experience-intro p {
  margin-top: 10px !important;
  color: var(--ui-ink-soft) !important;
  line-height: 1.65 !important;
}

html.experience-v1 .annual-focus-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 18px 0 0 !important;
  padding-top: 15px !important;
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 .annual-focus-strip > span {
  flex: 0 0 auto !important;
  color: var(--ui-ink-faint) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

html.experience-v1 .annual-focus-strip > div {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html.experience-v1 .annual-focus-strip b {
  padding: 5px 9px !important;
  border: 1px solid rgba(63, 114, 184, 0.2) !important;
  border-radius: 999px !important;
  background: var(--ui-blue-soft) !important;
  color: var(--ui-blue) !important;
  font-size: 10.5px !important;
  font-weight: 740 !important;
}

html.experience-v1 .annual-flow-overview-head,
html.experience-v1 .annual-breakdown-head {
  padding-inline: 2px !important;
}

html.experience-v1 .annual-flow-overview-head strong,
html.experience-v1 .annual-breakdown-head strong {
  font-size: 21px !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .annual-flow-item-head em {
  min-width: 30px !important;
  border-radius: 5px !important;
  text-align: center !important;
}

/* Timing: remove ornamental competition and make the age rail easier to scan. */
html.experience-v1 .timing-life-intro {
  padding: 22px 20px !important;
}

html.experience-v1 .timing-life-intro::after {
  content: none !important;
  display: none !important;
}

html.experience-v1 .timing-life-intro > span {
  color: var(--ui-blue) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

html.experience-v1 .timing-life-intro h2 {
  margin-top: 9px !important;
  font-size: 27px !important;
  line-height: 1.24 !important;
}

html.experience-v1 .timing-life-overview {
  padding: 22px 16px 18px !important;
}

html.experience-v1 .timing-life-overview-labels {
  color: var(--ui-ink-soft) !important;
  font-size: 11px !important;
  font-weight: 680 !important;
}

html.experience-v1 .timing-life-overview-track {
  height: 5px !important;
  background: rgba(63, 114, 184, 0.11) !important;
}

html.experience-v1 .timing-life-overview-track::before {
  box-shadow: 0 0 0 3px rgba(63, 114, 184, 0.1) !important;
}

/* Basis: compact evidence rows, clearer open state and less unused white space. */
html.experience-v1 .contextual-evidence-section-head {
  position: relative !important;
  margin-bottom: 14px !important;
  padding: 0 2px 12px 13px !important;
}

html.experience-v1 .contextual-evidence-section-head::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  bottom: 13px !important;
  left: 0 !important;
  width: 2px !important;
  border-radius: 99px !important;
  background: var(--ui-amber) !important;
}

html.experience-v1 .contextual-evidence-section-head h2 {
  margin: 0 !important;
  font-size: 23px !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary {
  position: relative !important;
  min-height: 58px !important;
  padding: 9px 42px 9px 13px !important;
  background: var(--ui-surface) !important;
  transition: background-color 180ms ease, color 180ms ease !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary:hover {
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group[open] > summary {
  background: var(--ui-blue-soft) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.5px solid var(--ui-ink-faint) !important;
  border-bottom: 1.5px solid var(--ui-ink-faint) !important;
  transform: translateY(-65%) rotate(45deg) !important;
  transition: transform 180ms ease !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group[open] > summary::after {
  transform: translateY(-35%) rotate(225deg) !important;
}

html.experience-v1 .contextual-evidence-summary-title {
  min-width: 0 !important;
  gap: 11px !important;
}

html.experience-v1 .contextual-evidence-summary-icon {
  width: 32px !important;
  height: 32px !important;
  padding: 7px !important;
  border: 1px solid rgba(168, 112, 38, 0.16) !important;
  border-radius: 50% !important;
  background: var(--ui-amber-soft) !important;
  color: var(--ui-amber) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary strong {
  color: var(--ui-ink) !important;
  font-size: 13.5px !important;
  font-weight: 740 !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary small {
  margin-left: auto !important;
  color: var(--ui-blue) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

html.experience-v1 .contextual-evidence-group-body,
html.experience-v1 .contextual-evidence-group.is-secondary .contextual-evidence-stack {
  padding: 18px 14px 22px !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .contextual-evidence-card {
  padding: 17px 15px !important;
  border-color: var(--ui-line) !important;
  border-radius: 7px !important;
  background: var(--ui-surface) !important;
}

/* Editorial content: readable measure and a calmer transition into the result. */
html.experience-v1 .report-content-topic-hero {
  min-height: 218px !important;
}

html.experience-v1 .report-content-topic-tags {
  border-top-color: var(--ui-line) !important;
  border-bottom-color: var(--ui-line) !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 .report-content-topic-tags > span {
  color: var(--ui-ink-soft) !important;
  font-size: 10.5px !important;
  font-weight: 690 !important;
}

html.experience-v1 .report-content-personal-result {
  padding-top: 25px !important;
}

html.experience-v1 .report-content-personal-result h2 {
  margin-bottom: 12px !important;
  font-size: 25px !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .report-content-personal-copy {
  max-width: 35em !important;
  color: var(--ui-ink-soft) !important;
  font-size: 14px !important;
  line-height: 1.92 !important;
}

html.experience-v1 .report-content-personal-copy p {
  margin: 0 !important;
  color: var(--ui-ink-soft) !important;
  font-size: 14px !important;
  line-height: 1.88 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy p + p {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(91, 112, 139, 0.12) !important;
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .experience-domain-keywords > div {
    padding-inline: 8px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords b {
    max-width: calc(100% - 23px) !important;
    font-size: 10.5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords span {
    font-size: 9.8px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords em {
    right: 7px !important;
  }

  html.experience-v1 .annual-focus-strip {
    align-items: flex-start !important;
  }

  html.experience-v1 .timing-life-overview-labels {
    font-size: 9.5px !important;
  }
}

@media (max-width: 430px) {
  html.experience-v1 body.is-detail-view .timing-life-overview {
    min-height: 112px !important;
    padding: 18px 16px 22px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-overview-labels {
    display: grid !important;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
    align-items: start !important;
    min-height: 35px !important;
    gap: 0 !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-overview-labels > span {
    min-width: 0 !important;
    color: var(--ui-ink-soft) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-overview-labels > span:nth-child(even) {
    transform: translateY(15px);
  }

  html.experience-v1 body.is-detail-view .timing-life-overview-track {
    margin-top: 8px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-current-label {
    top: 84px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 42px auto !important;
    justify-items: center !important;
    gap: 8px !important;
    min-height: 112px !important;
    padding: 15px 12px 13px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card small {
    display: none !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .has-report-icon,
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .report-primary-menu-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card strong {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: center !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 10px !important;
    min-height: 244px !important;
    padding: 22px 18px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    max-width: none !important;
    font-size: 20px !important;
    line-height: 1.42 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card,
  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 92px !important;
    min-width: 92px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 40px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus .daily-guidance-label {
    font-size: 10.25px !important;
  }

  html.experience-v1 .daily-home-categories > header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding-bottom: 14px !important;
  }

  html.experience-v1 .daily-home-categories > header h2 {
    width: 100% !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
  }

  html.experience-v1 .daily-home-categories > header span {
    font-size: 10.5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: 58% !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    right: 0 !important;
    width: 104px !important;
    height: 104px !important;
  }

  html.experience-v1 .report-content-topic-hero {
    min-height: 218px !important;
    padding-inline: 18px !important;
  }

  html.experience-v1 .report-content-topic-hero-copy {
    width: calc(100% - 92px) !important;
    max-width: 224px !important;
  }

  html.experience-v1 .report-content-topic-hero h1,
  html.experience-v1 .report-content-topic-hero h2 {
    font-size: 26px !important;
    line-height: 1.3 !important;
  }

  html.experience-v1 .report-content-topic-companion {
    top: 52px !important;
    right: 2px !important;
    width: 92px !important;
    height: 92px !important;
  }

  html.experience-v1 .report-content-topic-tags {
    margin-inline: -18px !important;
  }
}

@media (max-width: 400px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 23px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 50px !important;
    width: 80px !important;
    height: 80px !important;
  }
}

@media (max-width: 370px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 68px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 52px !important;
    width: 74px !important;
    height: 74px !important;
  }
}

/* Entry, input and disclosure refinement pass 5. */
html.experience-v1 .splash-card {
  gap: 10px !important;
}

html.experience-v1 .splash-emblem {
  margin-bottom: 8px !important;
}

html.experience-v1 .brand-seal {
  gap: 15px !important;
  margin-top: 0 !important;
  padding-bottom: 10px !important;
}

html.experience-v1 .brand-seal-glyph {
  font-size: 40px !important;
  line-height: 1.08 !important;
}

html.experience-v1 .brand-seal-divider {
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border: 1px solid rgba(47, 111, 218, 0.58) !important;
  background: rgba(240, 246, 255, 0.96) !important;
  transform: rotate(45deg) !important;
  box-shadow: 0 0 0 4px rgba(47, 111, 218, 0.045) !important;
}

html.experience-v1 .page-transition-brand-mark {
  width: 78px !important;
  height: 78px !important;
  overflow: hidden !important;
  border-color: rgba(47, 111, 218, 0.18) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 12px 26px rgba(41, 74, 110, 0.1) !important;
}

html.experience-v1 .page-transition-brand-mark img {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
}

html.experience-v1 .birth-wheel-picker,
html.experience-v1 .birth-wheel-column {
  height: 132px !important;
}

html.experience-v1 .birth-wheel-picker::before {
  top: 42px !important;
  height: 48px !important;
}

html.experience-v1 .birth-wheel-column {
  padding-block: 42px !important;
  scroll-padding-block: 42px !important;
}

html.experience-v1 .birth-direct-entry {
  min-height: 132px !important;
  padding: 18px 2px 14px !important;
}

html.experience-v1 .contextual-evidence-group > summary small .is-expanded {
  display: none;
}

html.experience-v1 .contextual-evidence-group[open] > summary small .is-collapsed {
  display: none;
}

html.experience-v1 .contextual-evidence-group[open] > summary small .is-expanded {
  display: inline;
}

html.experience-v1 .bottom-nav button:focus-visible {
  outline: 0 !important;
  background: rgba(63, 114, 184, 0.045) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 114, 184, 0.2) !important;
}

html.experience-v1 .share-sheet-option:focus-visible {
  outline: 0 !important;
  border-color: rgba(63, 114, 184, 0.52) !important;
  background: rgba(238, 245, 252, 0.9) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 114, 184, 0.12) !important;
}

html.experience-v1 .saved-profile-manager-close:focus-visible,
html.experience-v1 .share-sheet-close:focus-visible,
html.experience-v1 .daily-fortune-modal-close:focus-visible {
  outline: 0 !important;
  border-radius: 50% !important;
  background: rgba(63, 114, 184, 0.07) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 114, 184, 0.2) !important;
}

/* Mobile readability and menu balance pass 6. */
html.experience-v1 body.is-report-view
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  justify-items: start !important;
  min-height: 72px !important;
  padding: 12px 16px !important;
  background: var(--ui-surface-soft) !important;
}

html.experience-v1 body.is-report-view
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > .has-report-icon,
html.experience-v1 body.is-report-view
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > .report-primary-menu-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

html.experience-v1 body.is-report-view
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  text-align: left !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus .daily-guidance-label,
html.experience-v1 body.is-daily-view main .daily-home-action .daily-guidance-label {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article > p {
  font-size: 13px !important;
  line-height: 1.68 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label span,
html.experience-v1 body.is-daily-view main .daily-home-score-label strong {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-row-meta strong {
  font-size: 14px !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-row-meta em {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-row-detail > p {
  font-size: 13px !important;
  line-height: 1.72 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories > header span {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
}

html.experience-v1 .report-analysis-menu-toggle:focus-visible,
html.experience-v1 .birth-input-mode-toggle:focus-visible,
html.experience-v1 .daily-date-navigation button:focus-visible,
html.experience-v1 .daily-fortune-disclosure > summary:focus-visible,
html.experience-v1 .contextual-evidence-group > summary:focus-visible {
  outline: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(63, 114, 184, 0.34) !important;
}

html.experience-v1 .report-analysis-menu-toggle:focus-visible,
html.experience-v1 .birth-input-mode-toggle:focus-visible {
  border-color: rgba(63, 114, 184, 0.38) !important;
  background: rgba(63, 114, 184, 0.06) !important;
}

/* Timing density and long-form reading pass 7. */
html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head,
html.experience-v1 body.is-detail-view .timing-life-row {
  grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr) !important;
}

html.experience-v1 body.is-detail-view .timing-life-row,
html.experience-v1 body.is-detail-view .timing-life-row.is-good,
html.experience-v1 body.is-detail-view .timing-life-row.is-caution {
  min-height: 86px !important;
  padding: 0 !important;
  border-left: 0 !important;
}

html.experience-v1 body.is-detail-view .timing-life-age,
html.experience-v1 body.is-detail-view .timing-life-value {
  padding: 12px 8px !important;
}

html.experience-v1 body.is-detail-view .timing-life-age > strong {
  font-size: 12px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .timing-life-year-list {
  gap: 4px !important;
}

html.experience-v1 body.is-detail-view .timing-life-year-list > span {
  min-height: 27px !important;
  padding: 4px 5px !important;
  font-size: 10.5px !important;
}

html.experience-v1 .report-content-topic-tags > span {
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}

html.experience-v1 .report-content-personal-copy,
html.experience-v1 .report-content-personal-copy p {
  color: #465e6a !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

html.experience-v1 .report-content-personal-copy p:first-child {
  color: var(--ui-ink) !important;
  font-weight: 540 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy p + p {
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top-color: rgba(91, 112, 139, 0.1) !important;
}

html.experience-v1 .report-content-personal-copy strong {
  color: var(--ui-ink) !important;
  font-weight: 800 !important;
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head,
  html.experience-v1 body.is-detail-view .timing-life-row {
    grid-template-columns: 60px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-age,
  html.experience-v1 body.is-detail-view .timing-life-value {
    padding-inline: 7px !important;
  }
}

/* Annual disclosure focus and evidence reading rhythm pass 8. */
html.experience-v1 body.is-detail-view .annual-group-head:focus-visible,
html.experience-v1 body.is-detail-view .domain-metric-overview-row:focus-visible,
html.experience-v1 body.is-detail-view .metric-detail-disclosure > summary:focus-visible {
  outline: 0 !important;
  outline-offset: 0 !important;
  background: rgba(63, 114, 184, 0.045) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 114, 184, 0.28) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-card > p {
  color: var(--ui-ink-soft) !important;
  font-size: 13.5px !important;
  line-height: 1.76 !important;
}

html.experience-v1 body.is-detail-view .contextual-keyword-group > b {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

html.experience-v1 body.is-detail-view .contextual-keyword-group > span {
  font-size: 12.75px !important;
  line-height: 1.72 !important;
}

/* Auxiliary navigation and saved-profile sheet pass 9. */
html.experience-v1 .bottom-nav button:focus-visible {
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ui-blue) !important;
  box-shadow: none !important;
}

html.experience-v1 .bottom-nav button:focus-visible::before {
  background: var(--ui-blue) !important;
}

html.experience-v1 .saved-profile-copy small,
html.experience-v1 .saved-profile-manager-copy small {
  color: var(--ui-ink-faint) !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

html.experience-v1 .saved-profile-manager-header p {
  color: var(--ui-ink-faint) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

html.experience-v1 .saved-profile-manager-close {
  width: 40px !important;
  height: 40px !important;
}

html.experience-v1 .saved-profile-manager-action,
html.experience-v1 .saved-profile-manager-confirm {
  min-height: 40px !important;
  padding-inline: 10px !important;
}

html.experience-v1 .saved-profile-manager-confirm-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  padding-top: 8px !important;
  color: #6f5d55 !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
}

html.experience-v1 .saved-profile-manager-confirm-row > span {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 .saved-profile-manager-confirm {
  min-width: 48px !important;
  min-height: 40px !important;
  padding-inline: 10px !important;
  font-size: 11.5px !important;
}

html.experience-v1 .saved-profile-manager-confirm-row > .saved-profile-manager-confirm:first-of-type {
  grid-column: 2 !important;
}

html.experience-v1 .share-sheet-panel {
  width: min(100%, 406px) !important;
}

html.experience-v1 .share-sheet-option-copy strong {
  word-break: keep-all !important;
}

/* First-entry hierarchy and birth-time controls pass 10. */
html.experience-v1 .intro-hero-context {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

html.experience-v1 .intro-hero-context::before {
  width: 20px !important;
  height: 2px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #b68a4c !important;
  content: "" !important;
}

html.experience-v1 .intro-eyebrow-context {
  color: #8b652f !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .intro-trust-note,
html.experience-v1 .intro-brand-continuity {
  font-size: 11px !important;
  line-height: 1.55 !important;
}

html.experience-v1 .input-card-title-badges > span {
  border-color: #bfd2eb !important;
  background: #f1f6fc !important;
  color: #3d6fae !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

html.experience-v1 .birth-time-known input {
  color: #356db7 !important;
  caret-color: #356db7 !important;
  font-weight: 820 !important;
}

html.experience-v1 .birth-time-known input::placeholder {
  color: #7897bd !important;
  opacity: 1 !important;
  font-weight: 760 !important;
}

html.experience-v1 .birth-time-known > b {
  color: #5f87bb !important;
}

/* Birth-time branch picker. Explicit branch choices bypass clock-time correction. */
html.experience-v1 .birth-time-title-actions {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

html.experience-v1 .birth-time-mode-toggle {
  white-space: nowrap;
}

html.experience-v1 .birth-time-mode-toggle:disabled {
  border-color: var(--ui-line) !important;
  background: #f5f7f9 !important;
  color: #9aa8b4 !important;
  cursor: default;
  opacity: 0.72;
}

html.experience-v1 .birth-time-stage {
  position: relative;
  transition: min-height 240ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.experience-v1 .input-time-card.is-branch-mode:not(.is-time-unknown) .birth-time-stage {
  min-height: 255px !important;
}

html.experience-v1 .birth-time-branch-picker {
  position: absolute;
  inset: 2px 0 6px;
  width: 100%;
  grid-area: 1 / 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding: 2px 0 6px;
  opacity: 0;
  transform: translateY(8px) scale(0.985);
  pointer-events: none;
  transition:
    opacity 220ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

html.experience-v1 .birth-time-branch-basis {
  grid-column: 1 / -1;
  margin: 0;
  color: #607487;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 720;
  text-align: left;
}

html.experience-v1 .birth-time-branch-picker > button {
  min-width: 0;
  min-height: 48px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  padding: 6px 3px;
  border: 1px solid #d5e0ea;
  border-radius: 7px;
  background: #fff;
  color: #506476;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(31, 58, 70, 0.025);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

html.experience-v1 .birth-time-branch-picker > button strong {
  color: inherit;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 820;
}

html.experience-v1 .birth-time-branch-picker > button small {
  color: #7b8d9d;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html.experience-v1 .birth-time-branch-picker > button:hover,
html.experience-v1 .birth-time-branch-picker > button:focus-visible {
  border-color: #9cb9db;
  background: #f5f9fe;
  color: #2f66a7;
  outline: none;
  box-shadow: 0 0 0 2px rgba(70, 125, 190, 0.12);
}

html.experience-v1 .birth-time-branch-picker > button:active {
  transform: scale(0.98);
}

html.experience-v1 .birth-time-branch-picker > button.is-selected {
  border-color: #4e82bd;
  background: #eaf3fd;
  color: #285f9f;
  box-shadow: inset 0 0 0 1px rgba(78, 130, 189, 0.14);
}

html.experience-v1 .birth-time-branch-picker > button.is-selected small {
  color: #4775a9;
}

html.experience-v1 .input-time-card.is-branch-mode:not(.is-time-unknown) .birth-time-known {
  opacity: 0;
  transform: translateY(-8px) scale(0.985);
  pointer-events: none;
}

html.experience-v1 .input-time-card.is-branch-mode:not(.is-time-unknown) .birth-time-branch-picker {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

html.experience-v1 .input-time-card.is-time-unknown .birth-time-branch-picker {
  opacity: 0;
  transform: translateY(-8px) scale(0.985);
  pointer-events: none;
}

@media (max-width: 350px) {
  html.experience-v1 .birth-time-title-actions {
    gap: 4px;
  }

  html.experience-v1 .birth-time-mode-toggle {
    padding-inline: 8px !important;
    font-size: 10px !important;
  }

  html.experience-v1 .birth-time-branch-picker {
    gap: 5px;
  }

  html.experience-v1 .birth-time-branch-picker > button {
    min-height: 46px;
  }

  html.experience-v1 .birth-time-branch-picker > button small {
    font-size: 8.5px;
  }
}

/* Domain profiling carousel and daily detail spacing. */
html.experience-v1 body.is-daily-view .daily-fortune-row-detail {
  padding: 0 18px 20px 49px !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry {
  margin: 24px 0 8px !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-button {
  width: 100% !important;
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 22px !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 15px 17px !important;
  border: 1px solid #aac5e2 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #edf5ff 0%, #f8fbff 68%, #eef5fc 100%) !important;
  color: #173451 !important;
  box-shadow: 0 10px 24px rgba(54, 91, 130, 0.1) !important;
  text-align: left !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-button:active {
  transform: translateY(1px) !important;
  box-shadow: 0 5px 14px rgba(54, 91, 130, 0.08) !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-button:focus-visible {
  outline: 3px solid rgba(75, 126, 184, 0.24) !important;
  outline-offset: 2px !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(65, 111, 160, 0.22) !important;
  border-radius: 13px !important;
  background: #dceafa !important;
  color: #3f72a9 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-icon svg {
  width: 27px !important;
  height: 27px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
  color: #66819d !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
  color: #173451 !important;
  font-size: 15.5px !important;
  line-height: 1.42 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-arrow {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: #4776a9 !important;
  stroke-width: 2 !important;
}

html.experience-v1 body.is-profile-view {
  background: #e9f0f7 !important;
}

html.experience-v1 body.is-profile-view .site-stage {
  width: min(100%, 560px) !important;
  min-height: 100vh !important;
  background: linear-gradient(180deg, #f7faff 0%, #edf3f8 100%) !important;
  box-shadow: 0 22px 70px rgba(41, 67, 94, 0.14) !important;
}

html.experience-v1 body.is-profile-view .site-stage::before,
html.experience-v1 body.is-profile-view .site-stage::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-profile-view .screen-profile {
  padding: max(18px, env(safe-area-inset-top)) var(--ui-page-inline) max(28px, env(safe-area-inset-bottom)) !important;
  overflow-x: hidden !important;
}

html.experience-v1 body.is-profile-view .profile-appbar,
html.experience-v1 body.is-profile-view .profile-appbar.light {
  box-sizing: border-box !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: minmax(76px, 1fr) minmax(0, 1.65fr) minmax(76px, 1fr) !important;
  align-items: center !important;
  margin: 0 calc(var(--ui-page-inline) * -1) 0 !important;
  padding: max(9px, env(safe-area-inset-top)) var(--ui-page-inline) 9px !important;
  border-bottom: 1px solid rgba(93, 119, 147, 0.16) !important;
  background: rgba(250, 252, 255, 0.94) !important;
  color: #243d57 !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) !important;
}

html.experience-v1 body.is-profile-view .profile-appbar > strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #1f3852 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-profile-view .back-button,
html.experience-v1 body.is-profile-view .share-button,
html.experience-v1 body.is-profile-view .back-button span,
html.experience-v1 body.is-profile-view .share-button-label,
html.experience-v1 body.is-profile-view .icon-button {
  color: #344c63 !important;
  text-shadow: none !important;
}

html.experience-v1 body.is-profile-view .profile-root {
  min-height: calc(100vh - 76px - env(safe-area-inset-top)) !important;
  padding: 18px 0 20px !important;
  color: #1c3349 !important;
}

html.experience-v1 .domain-profile-shell {
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
}

html.experience-v1 .domain-profile-progress {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 24px !important;
  margin: 0 44px 17px !important;
}

html.experience-v1 .domain-profile-progress > span {
  position: relative !important;
  height: 4px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #dce6ef !important;
}

html.experience-v1 .domain-profile-progress > span::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: var(--profile-progress) !important;
  border-radius: inherit !important;
  background: #4f7ead !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.experience-v1 .domain-profile-progress b {
  color: #4f667d !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
}

html.experience-v1 .domain-profile-viewport {
  position: relative !important;
  min-height: min(610px, calc(100vh - 132px - env(safe-area-inset-top))) !important;
  display: grid !important;
  align-items: stretch !important;
  padding: 0 clamp(24px, 6vw, 32px) !important;
  touch-action: pan-y !important;
}

html.experience-v1 .domain-profile-card {
  min-width: 0 !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(24px, 5.5vw, 30px) clamp(21px, 5.5vw, 30px) !important;
  border: 1px solid #d6e1eb !important;
  border-radius: 18px !important;
  background: #fdfefe !important;
  color: #20384e !important;
  box-shadow: 0 14px 34px rgba(47, 73, 98, 0.085) !important;
  will-change: transform, opacity !important;
}

html.experience-v1 .domain-profile-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 58px !important;
  align-items: center !important;
  gap: 16px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e2eaf1 !important;
}

html.experience-v1 .domain-profile-card-head > div {
  min-width: 0 !important;
}

html.experience-v1 .domain-profile-card-head > div > span {
  display: block !important;
  margin-bottom: 4px !important;
  color: #516b84 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
}

html.experience-v1 .domain-profile-card-head h1 {
  margin: 0 !important;
  color: #132c44 !important;
  font-size: 24px !important;
  line-height: 1.28 !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge {
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  padding: 4px !important;
  border: 1px solid #aec8df !important;
  border-radius: 50% !important;
  background: #edf5fc !important;
  color: #2f6497 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

html.experience-v1 .domain-profile-score-line {
  margin: 20px 0 0 !important;
}

html.experience-v1 .domain-profile-score-line .metric-bar {
  height: 6px !important;
  border-radius: 999px !important;
  background: #e3eaf1 !important;
}

html.experience-v1 .domain-profile-copy {
  flex: 1 !important;
  display: grid !important;
  align-content: start !important;
  gap: 0 !important;
  padding: 28px 3px 14px !important;
}

html.experience-v1 .domain-profile-copy p {
  margin: 0 !important;
  color: #293f54 !important;
  font-size: 17px !important;
  line-height: 1.84 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

html.experience-v1 .domain-profile-copy p + p {
  margin-top: 1.35em !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html.experience-v1 .domain-profile-copy p:first-child {
  color: #344c61 !important;
  font-weight: 560 !important;
}

html.experience-v1 .domain-profile-copy p:nth-child(2) {
  margin-top: 1.65em !important;
  padding-top: 1.55em !important;
  border-top: 1px solid #e2eaf1 !important;
}

html.experience-v1 .domain-profile-copy strong {
  color: #102a43 !important;
  font-weight: 800 !important;
}

html.experience-v1 .domain-profile-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 3 !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border: 1px solid #bfd1e1 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #32699e !important;
  box-shadow: 0 7px 18px rgba(49, 79, 109, 0.13) !important;
}

html.experience-v1 .domain-profile-arrow.is-previous {
  left: 0 !important;
}

html.experience-v1 .domain-profile-arrow.is-next {
  right: 0 !important;
}

html.experience-v1 .domain-profile-arrow.is-previous svg {
  transform: rotate(180deg) !important;
}

html.experience-v1 .domain-profile-arrow svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
}

html.experience-v1 .domain-profile-arrow:disabled {
  visibility: hidden !important;
  pointer-events: none !important;
}

html.experience-v1 .domain-profile-empty {
  min-height: 320px !important;
  display: grid !important;
  place-items: center !important;
  color: #667d94 !important;
}

@media (max-width: 380px) {
  html.experience-v1 body.is-daily-view .daily-fortune-row-detail {
    padding-right: 14px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar,
  html.experience-v1 body.is-profile-view .profile-appbar.light {
    grid-template-columns: minmax(68px, 1fr) minmax(0, 1.55fr) minmax(68px, 1fr) !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar > strong {
    font-size: 12.5px !important;
  }

  html.experience-v1 .domain-profile-progress {
    margin-right: 34px !important;
    margin-left: 34px !important;
  }

  html.experience-v1 .domain-profile-viewport {
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  html.experience-v1 .domain-profile-card {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  html.experience-v1 .domain-profile-card-head {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 12px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 19px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
    font-size: 19px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 22px !important;
  }

  html.experience-v1 .domain-profile-copy p {
    font-size: 16.5px !important;
    line-height: 1.82 !important;
  }

  html.experience-v1 .domain-profile-arrow {
    width: 38px !important;
    height: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .birth-time-stage,
  html.experience-v1 .birth-time-branch-picker,
  html.experience-v1 .birth-time-branch-picker > button {
    transition: none !important;
  }
}

@media (max-width: 410px) {
  html.experience-v1 .intro-discovery-links {
    display: grid !important;
    grid-template-columns: repeat(2, max-content) !important;
    justify-content: center !important;
    gap: 5px 24px !important;
  }

  html.experience-v1 .intro-discovery-links a {
    justify-content: center !important;
  }

  html.experience-v1 .intro-discovery-links a + a::before {
    display: none !important;
  }
}

/* Domain-detail hero balance and keyword hierarchy pass 11. */
@media (max-width: 430px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero {
    padding: 24px 18px 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 76px) !important;
    min-height: 142px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    max-width: none !important;
    font-size: 24.5px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    max-width: 218px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 48px !important;
    right: 2px !important;
    width: 86px !important;
    height: 86px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords {
    margin-top: 16px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-content: start !important;
    gap: 6px 5px !important;
    min-height: 84px !important;
    padding: 12px 9px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords b {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    max-width: none !important;
    padding-right: 0 !important;
    font-size: 10.75px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords span {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin-top: 0 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords em {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: end !important;
    margin: 0 !important;
  }
}

@media (max-width: 400px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 23px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 50px !important;
    width: 80px !important;
    height: 80px !important;
  }
}

@media (max-width: 370px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 68px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 52px !important;
    width: 74px !important;
    height: 74px !important;
  }
}

/* Narrow entry copy and auxiliary navigation polish pass 12. */
@media (max-width: 380px) {
  html.experience-v1 .input-appbar .internal-brand-lockup {
    width: calc(100% + 14px) !important;
    justify-self: start !important;
    overflow: visible !important;
    text-align: left !important;
    text-overflow: clip !important;
  }

  html.experience-v1 .loading-intro p {
    font-size: 12px !important;
    line-height: 1.7 !important;
    word-break: keep-all !important;
  }

  html.experience-v1 .more-section-copy small {
    word-break: keep-all !important;
  }
}

@media (max-width: 350px) {
  html.experience-v1 .input-appbar .internal-brand-lockup {
    width: calc(100% + 52px) !important;
    font-size: 10.75px !important;
  }
}

html.experience-v1 body.is-detail-view .report-content-related-button {
  width: calc(100% - 40px) !important;
}

html.experience-v1 body.is-detail-view .report-content-related-button > i {
  width: 9px !important;
  height: 9px !important;
  border-width: 0 2px 2px 0 !important;
  color: var(--ex-ink-soft) !important;
}

/* Auxiliary evidence is scanned first, then opened one item at a time. */
html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure {
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure > summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 12px !important;
  grid-template-areas:
    "title chevron"
    "meta chevron" !important;
  align-items: center !important;
  gap: 4px 10px !important;
  min-height: 62px !important;
  padding: 11px 12px !important;
  cursor: pointer !important;
  list-style: none !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure > summary::-webkit-details-marker {
  display: none !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-title {
  grid-area: title !important;
  display: flex !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px 7px !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-title > strong {
  color: var(--ui-ink) !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  font-weight: 780 !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure > summary > em {
  grid-area: meta !important;
  color: var(--ui-ink-faint) !important;
  font-size: 10.5px !important;
  line-height: 1.4 !important;
  font-style: normal !important;
  font-weight: 620 !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure > summary > i {
  grid-area: chevron !important;
  width: 8px !important;
  height: 8px !important;
  justify-self: center !important;
  border-right: 1.5px solid var(--ui-ink-faint) !important;
  border-bottom: 1.5px solid var(--ui-ink-faint) !important;
  transform: rotate(45deg) translate(-1px, -1px) !important;
  transition: transform 180ms ease !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure[open] > summary {
  border-bottom: 1px solid var(--ui-line) !important;
  background: var(--ui-blue-soft) !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure[open] > summary > i {
  transform: rotate(225deg) translate(-1px, -1px) !important;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure > .contextual-evidence-card {
  padding: 14px 12px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  animation: contextual-auxiliary-reveal 220ms ease both;
}

html.experience-v1 body.is-detail-view .contextual-auxiliary-card-disclosure > .contextual-evidence-card > header {
  display: none !important;
}

@keyframes contextual-auxiliary-reveal {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Ultra-narrow domain title and keyword fit pass 13. */
@media (max-width: 370px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 20.5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords b {
    font-size: 9.75px !important;
  }
}

@media (max-width: 350px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 58px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 17px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 56px !important;
    right: -4px !important;
    width: 64px !important;
    height: 64px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords > div {
    min-height: 96px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords b {
    min-height: 27px !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }
}

/* Ultra-narrow annual and timing readability pass 14. */
@media (max-width: 340px) {
  html.experience-v1 body.is-report-view .report-analysis-menu .report-dashboard-head {
    align-items: center !important;
    gap: 8px !important;
  }

  html.experience-v1 body.is-report-view .report-analysis-menu .report-dashboard-head h3 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-report-view .report-analysis-menu-toggle {
    flex: 0 0 auto !important;
    padding-inline: 4px !important;
  }

  html.experience-v1 body.is-report-view .report-analysis-menu-toggle > span {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html.experience-v1 .saved-profile-card-header > div {
    gap: 6px !important;
  }

  html.experience-v1 .saved-profile-card-header h2 {
    font-size: 14.5px !important;
    white-space: nowrap !important;
  }

  html.experience-v1 .saved-profile-card-header span {
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords > div {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 4px 10px !important;
    min-height: 66px !important;
    padding: 10px 14px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords > div + div::before {
    inset: 0 14px auto !important;
    width: auto !important;
    height: 1px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords b {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords span {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords em {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: end !important;
    min-width: 30px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-hero {
    min-height: 190px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-hero h1,
  html.experience-v1 body.is-detail-view .report-content-topic-hero h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  html.experience-v1 .saved-profile-manager-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px 10px !important;
    padding-block: 12px 14px !important;
  }

  html.experience-v1 .saved-profile-manager-actions {
    grid-column: 2 !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }

  html.experience-v1 body.is-detail-view .annual-flow-overview-head strong,
  html.experience-v1 body.is-detail-view .annual-breakdown-head strong {
    font-size: 19px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-detail-view .annual-flow-item,
  html.experience-v1 body.is-detail-view .annual-flow-item:nth-child(odd),
  html.experience-v1 body.is-detail-view .annual-flow-item:nth-child(even) {
    padding-inline: 8px !important;
  }

  html.experience-v1 body.is-detail-view .annual-flow-item-head {
    gap: 5px !important;
  }

  html.experience-v1 body.is-detail-view .annual-flow-item-head strong {
    font-size: 11px !important;
  }

  html.experience-v1 body.is-detail-view .annual-flow-item-head em {
    min-width: 28px !important;
    padding-inline: 3px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-intro h2 {
    font-size: 24px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head,
  html.experience-v1 body.is-detail-view .timing-life-row {
    grid-template-columns: 58px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-age {
    padding-inline: 4px !important;
  }

  html.experience-v1 body.is-detail-view .manse-hidden-chip {
    grid-template-columns: auto auto !important;
    justify-content: center !important;
    gap: 2px !important;
    padding-inline: 2px !important;
  }

  html.experience-v1 body.is-detail-view .manse-hidden-chip em {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head {
    padding-inline: 10px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head > strong {
    justify-content: center !important;
    gap: 3px !important;
    padding-inline: 0 !important;
    font-size: 11.25px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head > strong i {
    width: 10px !important;
    height: 10px !important;
  }

  html.experience-v1 body.is-detail-view .timing-life-board > .timing-life-head > strong.is-caution i::before {
    width: 10px !important;
    height: 10px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-groups {
    gap: 16px !important;
  }

  html.experience-v1 body.is-detail-view .detail-root .contextual-evidence-group.is-secondary .contextual-origin-group .contextual-evidence-stack {
    padding: 8px 0 10px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-evidence-card {
    padding: 14px 12px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-evidence-card > header {
    gap: 4px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-evidence-title-line {
    min-height: 0 !important;
    padding: 0 0 8px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-origin-details {
    padding: 10px 0 12px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-origin-detail {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-origin-detail span {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-evidence-card > p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-keyword-groups {
    margin-top: 12px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-keyword-group {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 8px 0 !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-keyword-group > b {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html.experience-v1 body.is-detail-view .contextual-origin-group .contextual-keyword-group > span {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary {
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

  html.experience-v1 body.is-detail-view .contextual-evidence-summary-title > strong {
    font-size: 12.75px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-detail-view .contextual-evidence-group > summary > small {
    flex: 0 0 42px !important;
    min-width: 42px !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 80px !important;
    gap: 8px !important;
    min-height: 250px !important;
    margin-inline: 10px !important;
    padding: 18px 14px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 18.5px !important;
    line-height: 1.42 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card,
  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 80px !important;
    min-width: 80px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 36px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article {
    min-height: 0 !important;
    padding: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article + article {
    padding-left: 16px !important;
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article > strong {
    font-size: 16px !important;
  }
}

@media (min-width: 341px) and (max-width: 380px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    gap: 8px !important;
    margin-inline: 10px !important;
    padding: 20px 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card,
  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 86px !important;
    min-width: 86px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article {
    min-height: 0 !important;
    padding: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article + article {
    padding-left: 16px !important;
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }
}

/* Readability and semantic-color refinement pass 17. */
html.experience-v1 body.is-detail-view .experience-domain-keywords em {
  display: grid !important;
  place-items: center !important;
  min-width: 27px !important;
  height: 23px !important;
  padding: 0 5px !important;
  border: 1px solid color-mix(in srgb, var(--metric-bar-color, var(--detail-accent)) 38%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--metric-bar-color, var(--detail-accent)) 11%, white) !important;
  color: var(--metric-bar-ink, var(--detail-accent-ink)) !important;
  line-height: 1 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article.is-good {
  --daily-guidance-accent: #4a78a8;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article.is-watch {
  --daily-guidance-accent: #9a6b3d;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article.is-caution {
  --daily-guidance-accent: #a85f3f;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article .daily-guidance-label {
  color: var(--daily-guidance-accent) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action .daily-guidance-label {
  color: #397b72 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article > p {
  color: color-mix(in srgb, var(--ui-ink) 72%, white) !important;
}

@media (min-width: 381px) and (max-width: 430px) {
  html.experience-v1 body.is-detail-view .experience-domain-keywords b {
    font-size: 12px !important;
    line-height: 1.38 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords span {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords em {
    font-size: 10.5px !important;
  }
}

@media (min-width: 431px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: 78% !important;
    min-height: 142px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    max-width: none !important;
    font-size: 25.5px !important;
    line-height: 1.3 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    max-width: 218px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 48px !important;
    right: 6px !important;
    width: 96px !important;
    height: 96px !important;
  }
}

/* Compact utility-screen and helper-text refinement pass 18. */
html.experience-v1 .more-birth-button {
  grid-template-columns: 42px minmax(0, 1fr) 16px !important;
}

html.experience-v1 .more-current-save-button .current-profile-save-copy small,
html.experience-v1 .more-section-copy small,
html.experience-v1 .saved-profile-copy small {
  color: var(--ui-ink-faint) !important;
  font-size: 11.25px !important;
  line-height: 1.45 !important;
}

/* Entry-flow microcopy refinement pass 19. */
@media (max-width: 360px) {
  html.experience-v1 .v2-form .blog-entry-button > span {
    display: block;
    text-align: center;
    text-wrap: balance;
  }
}

/* Detailed profiling: reference-led reading hierarchy. */
html.experience-v1 body.is-profile-view .profile-root {
  padding: 22px 0 28px !important;
  background: #fbfcfe !important;
}

html.experience-v1 .domain-profile-shell {
  max-width: 540px !important;
}

html.experience-v1 .domain-profile-progress {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 20px !important;
  min-height: 28px !important;
  margin: 0 clamp(30px, 8vw, 46px) 24px !important;
}

html.experience-v1 .domain-profile-progress > span {
  height: 6px !important;
  overflow: visible !important;
  background: #e4ebf3 !important;
}

html.experience-v1 .domain-profile-progress > span::after {
  z-index: 1 !important;
  background: #2878eb !important;
}

html.experience-v1 .domain-profile-progress > span::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: var(--profile-progress) !important;
  z-index: 2 !important;
  width: 17px !important;
  height: 17px !important;
  transform: translate(-50%, -50%) !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  background: #2878eb !important;
  box-shadow: 0 1px 4px rgba(25, 86, 174, 0.28) !important;
  transition: left 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.experience-v1 .domain-profile-progress b {
  color: #112947 !important;
  font-size: 15px !important;
  font-weight: 780 !important;
}

html.experience-v1 .domain-profile-viewport {
  min-height: 0 !important;
  padding: 0 clamp(14px, 4vw, 22px) !important;
}

html.experience-v1 .domain-profile-card {
  min-height: 0 !important;
  display: block !important;
  padding: clamp(30px, 7vw, 42px) clamp(22px, 6vw, 36px) clamp(36px, 8vw, 48px) !important;
  border-color: #dce4ed !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: #132b4b !important;
  box-shadow: 0 12px 32px rgba(37, 66, 100, 0.055) !important;
}

html.experience-v1 .domain-profile-card-head {
  grid-template-columns: minmax(0, 1fr) 86px !important;
  gap: 20px !important;
  padding-bottom: 28px !important;
  border-bottom-color: #dfe6ee !important;
}

html.experience-v1 .domain-profile-card-head > div > span {
  margin-bottom: 9px !important;
  color: #2166bd !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

html.experience-v1 .domain-profile-card-head h1 {
  color: #102a4c !important;
  font-size: clamp(29px, 7vw, 37px) !important;
  line-height: 1.18 !important;
  font-weight: 880 !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge {
  width: 86px !important;
  min-width: 86px !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 32px !important;
  background: #e8f2ff !important;
  color: #286ed2 !important;
  box-shadow: none !important;
  font-size: 29px !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
  font-size: 29px !important;
  font-weight: 820 !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-card-head .metric-level-badge,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-card-head .metric-level-badge {
  background: #fff0e9 !important;
  color: #c76245 !important;
}

html.experience-v1 .domain-profile-score-line {
  margin: 23px 0 0 !important;
}

html.experience-v1 .domain-profile-result-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 11px !important;
}

html.experience-v1 .domain-profile-result-head strong,
html.experience-v1 .domain-profile-result-head span {
  font-size: 16.5px !important;
  line-height: 1.35 !important;
  font-weight: 680 !important;
  word-break: keep-all !important;
}

html.experience-v1 .domain-profile-result-head strong {
  color: #2878eb !important;
}

html.experience-v1 .domain-profile-result-head span {
  color: #66778a !important;
  text-align: right !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-result-head strong,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-result-head strong {
  color: #c76245 !important;
}

html.experience-v1 .domain-profile-score-line .metric-bar {
  height: 9px !important;
  background: #e2ebf5 !important;
  box-shadow: none !important;
}

html.experience-v1 .domain-profile-score-line .metric-bar i {
  background: #2878eb !important;
  box-shadow: none !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-score-line .metric-bar i,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-score-line .metric-bar i {
  background: #d27252 !important;
}

html.experience-v1 .domain-profile-definition {
  margin-top: 34px !important;
  padding: clamp(22px, 5vw, 29px) !important;
  border-radius: 18px !important;
  background: #f2f7fd !important;
}

html.experience-v1 .domain-profile-definition p {
  margin: 0 !important;
  color: #1d3657 !important;
  font-size: 17px !important;
  line-height: 1.86 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

html.experience-v1 .domain-profile-interpretation {
  margin-top: 34px !important;
}

html.experience-v1 .domain-profile-interpretation > h2 {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 !important;
  color: #183454 !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .domain-profile-interpretation > h2 > i {
  width: 4px !important;
  height: 25px !important;
  flex: 0 0 4px !important;
  border-radius: 4px !important;
  background: #2878eb !important;
}

html.experience-v1 .domain-profile-copy {
  display: grid !important;
  gap: 0 !important;
  padding: 21px 2px 0 !important;
}

html.experience-v1 .domain-profile-copy p {
  color: #1d3657 !important;
  font-size: 17px !important;
  line-height: 1.88 !important;
  font-weight: 500 !important;
}

html.experience-v1 .domain-profile-copy p + p {
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid #e1e8f0 !important;
}

html.experience-v1 .domain-profile-copy p:first-child,
html.experience-v1 .domain-profile-copy p:nth-child(2) {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html.experience-v1 .domain-profile-copy p:first-child + p {
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid #e1e8f0 !important;
}

html.experience-v1 .domain-profile-copy strong {
  color: #2878eb !important;
  font-weight: 800 !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-copy strong,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-copy strong {
  color: #bb5c40 !important;
}

html.experience-v1 .domain-profile-arrow {
  position: fixed !important;
  top: 50% !important;
  top: 50dvh !important;
  z-index: 8 !important;
  width: 40px !important;
  height: 40px !important;
  border-color: #d1deea !important;
  color: #286fcb !important;
  box-shadow: 0 6px 16px rgba(43, 83, 126, 0.11) !important;
}

html.experience-v1 .domain-profile-arrow.is-previous {
  left: max(0px, calc((100vw - 520px) / 2 - 2px)) !important;
}

html.experience-v1 .domain-profile-arrow.is-next {
  right: max(0px, calc((100vw - 520px) / 2 - 2px)) !important;
}

@media (max-width: 380px) {
  html.experience-v1 .domain-profile-progress {
    gap: 14px !important;
    margin-right: 28px !important;
    margin-left: 28px !important;
  }

  html.experience-v1 .domain-profile-progress b {
    font-size: 13.5px !important;
  }

  html.experience-v1 .domain-profile-viewport {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html.experience-v1 .domain-profile-card {
    padding: 27px 19px 32px !important;
    border-radius: 21px !important;
  }

  html.experience-v1 .domain-profile-card-head {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 13px !important;
    padding-bottom: 23px !important;
  }

  html.experience-v1 .domain-profile-card-head > div > span {
    font-size: 14.5px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 26px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge {
    width: 72px !important;
    min-width: 72px !important;
    height: 54px !important;
    min-height: 54px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge,
  html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
    font-size: 25px !important;
  }

  html.experience-v1 .domain-profile-result-head strong,
  html.experience-v1 .domain-profile-result-head span,
  html.experience-v1 .domain-profile-definition p,
  html.experience-v1 .domain-profile-copy p {
    font-size: 16px !important;
  }

  html.experience-v1 .domain-profile-definition {
    margin-top: 28px !important;
    padding: 20px !important;
  }

  html.experience-v1 .domain-profile-interpretation {
    margin-top: 29px !important;
  }

  html.experience-v1 .domain-profile-interpretation > h2 {
    font-size: 17.5px !important;
  }

  html.experience-v1 .domain-profile-arrow {
    width: 36px !important;
    height: 36px !important;
  }
}

/* Manse palja: modern, softly weighted CJK glyphs that match the product UI. */
html.experience-v1 .manse-pillars
  .manse-row-token
  .manse-token {
  font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif !important;
  font-size: 41px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

/* Opening brand mark refinement. The canonical app icon is the sole visual
   mark so the short entry state stays calm and immediately recognizable. */
html.experience-v1 .screen-splash .splash-card {
  gap: 12px !important;
}

html.experience-v1 .screen-splash .splash-brand-icon {
  display: grid;
  width: 104px;
  height: 104px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(76, 119, 174, 0.2);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px rgba(52, 78, 108, 0.11);
  animation: splash-brand-icon-in 460ms 70ms cubic-bezier(.22, 1, .36, 1) both;
}

html.experience-v1 .screen-splash .splash-brand-icon img {
  display: block;
  width: 94px;
  height: 94px;
  object-fit: contain;
}

@keyframes splash-brand-icon-in {
  from { opacity: 0; transform: translateY(5px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .screen-splash .splash-brand-icon {
    animation: none !important;
  }
}

/* Analysis loading width contract. Every central block uses the same content
   track, while rows are allowed to shrink without overflowing in WebViews. */
html.experience-v1 .screen-loading {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

html.experience-v1 .screen-loading .loading-intro,
html.experience-v1 .screen-loading .loading-report-stack,
html.experience-v1 .screen-loading .loading-panel,
html.experience-v1 .screen-loading .loading-auto-note,
html.experience-v1 .screen-loading .report-brand-continuity {
  width: 100% !important;
  max-width: 386px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

html.experience-v1 .screen-loading .loading-report-stack {
  justify-self: stretch !important;
  min-width: 0 !important;
}

html.experience-v1 .screen-loading .loading-report-sheet {
  grid-template-columns: 36px minmax(0, 1fr) max-content !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html.experience-v1 .screen-loading .loading-report-sheet > span:nth-child(2) {
  min-width: 0 !important;
}

@media (max-width: 360px) {
  html.experience-v1 .screen-loading {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  html.experience-v1 .screen-loading .loading-report-sheet {
    grid-template-columns: 34px minmax(0, 1fr) max-content !important;
    gap: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

/* Daily main cohesion: compact hierarchy, unified guidance, continuous metrics. */
html.experience-v1 body.is-daily-view main .daily-home-root {
  gap: 16px !important;
  padding-bottom: 30px !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation {
  margin: 12px 0 0 !important;
  padding: 4px !important;
  border: 1px solid #d2dde8 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 5px 15px rgba(37, 66, 94, 0.045) !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button {
  min-height: 42px !important;
  border-radius: 6px !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button[aria-pressed="true"],
html.experience-v1 body.is-daily-view main .daily-date-navigation button.is-active {
  background: #e5eef8 !important;
  color: #315f98 !important;
  box-shadow: inset 0 0 0 1px #c8d9eb !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview {
  grid-template-columns: minmax(0, 1fr) 172px !important;
  align-items: center !important;
  gap: 26px !important;
  min-height: 238px !important;
  margin: 0 !important;
  padding: 26px 24px !important;
  border-color: #cad8e6 !important;
  background: #eef4fa !important;
  box-shadow: 0 12px 28px rgba(40, 70, 104, 0.075) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview::before {
  inset: 0 auto auto 24px !important;
  width: 56px !important;
  height: 4px !important;
  border-radius: 0 0 4px 4px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro {
  align-self: center !important;
  gap: 8px !important;
  padding: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro p {
  margin: 0 0 7px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
  max-width: 310px !important;
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-weight: 850 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  width: 172px !important;
  min-width: 172px !important;
  height: 172px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-color: color-mix(in srgb, var(--daily-score-color) 24%, #d8e2ec) !important;
  background: #fbfdff !important;
  box-shadow:
    0 14px 28px rgba(42, 73, 106, 0.09),
    inset 0 0 0 6px rgba(239, 244, 249, 0.72) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge {
  inset: 9px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
  color: var(--daily-score-color) !important;
  font-size: 48px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number {
  gap: 5px !important;
  transform: translateY(-17px) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number small {
  margin: 0 !important;
  line-height: 1 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label {
  right: 20px !important;
  bottom: 15px !important;
  left: 20px !important;
  flex-direction: column !important;
  gap: 3px !important;
  line-height: 1 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label strong {
  min-width: 44px !important;
  padding: 3px 10px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label span {
  display: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-guidance {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article {
  min-height: 146px !important;
  padding: 17px 16px 16px !important;
  border: 1px solid #d4dee8 !important;
  border-radius: 8px !important;
  box-shadow: 0 7px 18px rgba(37, 66, 94, 0.045) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article + article {
  border-top: 1px solid #e3d6ca !important;
  border-left: 1px solid #e3d6ca !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article::before {
  inset: 0 0 auto !important;
  width: auto !important;
  height: 3px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article > .daily-guidance-label {
  margin: 0 0 5px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article > strong {
  margin: 4px 0 0 !important;
  font-size: 16.5px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article > p {
  margin: 6px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action {
  min-height: 66px !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 15px 17px !important;
  border: 1px solid #cfe0da !important;
  border-radius: 8px !important;
  background: #f1f7f5 !important;
  box-shadow: 0 7px 18px rgba(48, 92, 79, 0.045) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action::before {
  inset: 0 0 auto !important;
  width: auto !important;
  height: 3px !important;
  background: #4b8878 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action > .daily-guidance-label {
  margin: 0 !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action > strong {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories > header {
  padding: 0 2px 2px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories > header h2 {
  font-size: 21px !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-list {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d3dde7 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 7px 18px rgba(40, 69, 104, 0.04) !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-disclosure {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-disclosure + .daily-fortune-disclosure {
  border-top: 1px solid #dbe3eb !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale {
  margin: 0 !important;
  border-color: #d3dde7 !important;
  box-shadow: 0 6px 16px rgba(40, 69, 104, 0.035) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale > summary {
  min-height: 58px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-daily-view main .daily-home-root {
    gap: 14px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 24px 18px 22px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    max-width: 100% !important;
    font-size: 23px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 164px !important;
    min-width: 164px !important;
    height: 164px !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 46px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article {
    min-height: 0 !important;
    padding: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article + article {
    border-top: 1px solid #e3d6ca !important;
    border-left: 1px solid #e3d6ca !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-action {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 15px 16px 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-action > .daily-guidance-label {
    white-space: normal !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-categories > header {
    flex-direction: row !important;
    align-items: baseline !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    padding-inline: 15px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 21px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 154px !important;
    min-width: 154px !important;
    height: 154px !important;
  }
}

/* Daily date selector: keep all three dates on one shared visual axis. */
html.experience-v1 body.is-daily-view main .daily-date-navigation {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button,
html.experience-v1 body.is-daily-view main .daily-date-navigation button:first-child,
html.experience-v1 body.is-daily-view main .daily-date-navigation button:nth-child(2),
html.experience-v1 body.is-daily-view main .daily-date-navigation button:last-child {
  place-items: center !important;
  justify-items: center !important;
  padding: 6px 4px !important;
  text-align: center !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button span,
html.experience-v1 body.is-daily-view main .daily-date-navigation button small {
  width: 100% !important;
  text-align: center !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button span,
html.experience-v1 body.is-daily-view main .daily-date-navigation button.is-active span {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button small {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

/* Topic discovery v2: visible choices, semantic groups, and reliable taps. */
html.experience-v1 body.is-report-view .report-explore-menu {
  display: grid !important;
  gap: 18px !important;
}

html.experience-v1 body.is-report-view .report-explore-menu > .report-dashboard-head {
  min-height: 30px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu > .report-dashboard-head h3 {
  font-size: 20px !important;
}

html.experience-v1 body.is-report-view .report-menu-group {
  min-width: 0 !important;
}

html.experience-v1 body.is-report-view .report-menu-group-head {
  display: flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

html.experience-v1 body.is-report-view .report-menu-group-head h4 {
  margin: 0 !important;
  color: #43546a !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-analysis-menu-toggle {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 2px 0 10px !important;
  color: #476d99 !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-grid,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
  touch-action: manipulation !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 42px auto !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 102px !important;
  padding: 13px 10px 12px !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
  scroll-snap-align: none !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card::after,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-card::after {
  content: none !important;
  display: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > .has-report-icon,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-card > .has-report-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card strong,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-card strong {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: center !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card small,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-card small {
  display: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more {
  margin-top: 10px !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-grid > :last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-group {
  padding-top: 16px !important;
  border-top: 1px solid #dbe3ec !important;
}

html.experience-v1 body.is-report-view .report-period-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html.experience-v1 body.is-report-view .report-period-menu-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 13px !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 68px !important;
  align-items: center !important;
  padding: 11px 10px 10px 12px !important;
  border: 1px solid #cfdae7 !important;
  border-radius: 8px !important;
  background: #f7f9fc !important;
  color: #1b2d42 !important;
  text-align: left !important;
  box-shadow: 0 6px 16px rgba(38, 67, 99, 0.05) !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy strong {
  font-size: 13.5px !important;
  line-height: 1.3 !important;
  font-weight: 780 !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy small {
  overflow: hidden !important;
  color: #6e7d8f !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-report-view .report-period-menu-arrow {
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  color: #6e84a0 !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card:focus-visible,
html.experience-v1 body.is-report-view .report-primary-menu-more-card:focus-visible,
html.experience-v1 body.is-report-view .report-period-menu-card:focus-visible {
  outline: 3px solid rgba(64, 111, 178, 0.28) !important;
  outline-offset: 2px !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 30px !important;
  padding-top: 18px !important;
  border-top: 1px solid #d9e1ea !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button {
  display: flex !important;
  min-width: 0 !important;
  min-height: 66px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid #d5dfe9 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #21354b !important;
  box-shadow: 0 6px 16px rgba(35, 61, 89, 0.045) !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button.is-next {
  justify-content: flex-end !important;
  text-align: right !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button > span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button small {
  color: #788697 !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button strong {
  overflow: hidden !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-arrow {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  color: #5c7694 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button:focus-visible {
  outline: 3px solid rgba(64, 111, 178, 0.28) !important;
  outline-offset: 2px !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view .report-period-menu-grid {
    gap: 6px !important;
  }

  html.experience-v1 body.is-report-view .report-period-menu-card {
    grid-template-columns: minmax(0, 1fr) 10px !important;
    gap: 3px !important;
    min-height: 64px !important;
    padding-inline: 8px 6px !important;
  }

  html.experience-v1 body.is-report-view .report-period-menu-copy strong {
    font-size: 12.5px !important;
  }

  html.experience-v1 body.is-report-view .report-period-menu-copy small {
    font-size: 9.5px !important;
  }

  html.experience-v1 body.is-detail-view .domain-sibling-navigation-button {
    padding-inline: 9px !important;
  }
}

html.experience-v1 .more-section-action,
html.experience-v1 .saved-profile-recent {
  font-size: 10.75px !important;
}

html.experience-v1 .annual-group-head > span > em {
  color: var(--ui-ink-faint) !important;
  font-size: 10.5px !important;
}

html.experience-v1 .annual-group-head .annual-score-status,
html.experience-v1 .annual-flow-item-head em {
  font-size: 10px !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary small {
  font-size: 11px !important;
}

@media (max-width: 360px) {
  html.experience-v1 .more-birth-button {
    grid-template-columns: 38px minmax(0, 1fr) 14px !important;
    gap: 9px !important;
    padding-inline: 12px !important;
  }

  html.experience-v1 .more-section-copy strong {
    font-size: 13.5px !important;
    white-space: nowrap !important;
  }
}

/* Decorative restraint and visual hierarchy pass 20. */
html.experience-v1 .intro-content::after,
html.experience-v1 .daily-home-overview::before,
html.experience-v1 .daily-home-overview::after,
html.experience-v1 .report-personality-type-icon::before,
html.experience-v1 .report-personality-type-icon::after {
  content: none !important;
  display: none !important;
}

html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
  background: var(--ui-surface) !important;
}

html.experience-v1 .report-personality-type-icon {
  right: 20px !important;
  bottom: 54px !important;
  width: 90px !important;
  height: 90px !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 50% !important;
  background: #f5f8fc !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

html.experience-v1 .report-personality-type-icon-svg {
  width: 52px !important;
  height: 52px !important;
  stroke-width: 1.55 !important;
  transform: none !important;
}

html.experience-v1 .daily-home-overview {
  background: var(--ui-surface) !important;
}

@media (max-width: 380px) {
  html.experience-v1 .report-personality-type-icon {
    right: 16px !important;
    bottom: 54px !important;
    width: 82px !important;
    height: 82px !important;
  }

  html.experience-v1 .report-personality-type-icon-svg {
    width: 46px !important;
    height: 46px !important;
  }
}

/* Single-inset mobile composition pass 21. */
html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard,
html.experience-v1 body.is-report-view .report-analysis-menu,
html.experience-v1 body.is-report-view .report-content-board,
html.experience-v1 body.is-daily-view .daily-date-navigation,
html.experience-v1 body.is-daily-view .daily-home-overview,
html.experience-v1 body.is-daily-view .daily-home-guidance,
html.experience-v1 body.is-daily-view .daily-home-categories,
html.experience-v1 body.is-daily-view .daily-home-rationale,
html.experience-v1 body.is-detail-view .experience-domain-hero,
html.experience-v1 body.is-detail-view .domain-metric-overview,
html.experience-v1 body.is-detail-view .domain-related-content,
html.experience-v1 body.is-detail-view .personality-related-content,
html.experience-v1 body.is-detail-view .annual-experience-intro,
html.experience-v1 body.is-detail-view .annual-flow-overview,
html.experience-v1 body.is-detail-view .annual-breakdown,
html.experience-v1 body.is-detail-view .timing-life-intro,
html.experience-v1 body.is-detail-view .timing-life-overview,
html.experience-v1 body.is-detail-view .timing-life-board,
html.experience-v1 body.is-detail-view .manse-basis-card,
html.experience-v1 body.is-detail-view .contextual-evidence-section {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html.experience-v1 body.is-more-view #more-root,
html.experience-v1 body.is-more-view .more-page-root {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Entry-screen composition pass 22. */
html.experience-v1 .screen-intro .intro-content,
html.experience-v1 .screen-home .v2-form,
html.experience-v1 .screen-input .v2-form {
  width: 100% !important;
}

html.experience-v1 .screen-intro .intro-actions {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Shared reading axis pass 23. */
html.experience-v1 {
  --ui-page-inline: 20px;
}

html.experience-v1 body.is-report-view .screen-report,
html.experience-v1 body.is-detail-view .screen-detail {
  padding-right: var(--ui-page-inline) !important;
  padding-left: var(--ui-page-inline) !important;
}

html.experience-v1 body.is-report-view .report-appbar,
html.experience-v1 body.is-detail-view .report-appbar,
html.experience-v1 body.is-detail-view .report-appbar.light {
  margin-right: calc(var(--ui-page-inline) * -1) !important;
  margin-left: calc(var(--ui-page-inline) * -1) !important;
  padding-right: var(--ui-page-inline) !important;
  padding-left: var(--ui-page-inline) !important;
}

@media (max-width: 380px) {
  html.experience-v1 {
    --ui-page-inline: 16px;
  }
}

/* Legibility and tactile feedback pass 24. */
html.experience-v1 .daily-date-navigation button small,
html.experience-v1 .daily-home-score-number small,
html.experience-v1 body.is-daily-view main .daily-fortune-row-meta em,
html.experience-v1 .brand-continuity-note,
html.experience-v1 .intro-trust-note,
html.experience-v1 .input-trust-note,
html.experience-v1 .loading-auto-note,
html.experience-v1 .report-content-new-badge,
html.experience-v1 .experience-domain-keywords em,
html.experience-v1 .experience-domain-story > span:first-child {
  font-size: 11px !important;
}

/* Intro social proof and low-priority discovery links. */
html.experience-v1 .intro-social-proof {
  max-width: 330px !important;
  margin: 14px 0 0 !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(164, 188, 217, 0.5) !important;
  border-radius: 999px !important;
  background: rgba(244, 248, 253, 0.86) !important;
  color: #526b88 !important;
  box-shadow: none !important;
}

html.experience-v1 .intro-social-proof strong {
  color: var(--ui-blue) !important;
}

html.experience-v1 .intro-social-proof small {
  color: var(--ui-ink-faint) !important;
}

html.experience-v1 .intro-discovery-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 2px 12px !important;
  margin: -5px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0.56 !important;
}

html.experience-v1 .intro-discovery-links a {
  min-height: 22px !important;
  padding: 0 !important;
  color: var(--ui-ink-faint) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

html.experience-v1 .intro-discovery-links a + a::before {
  display: block !important;
}

html.experience-v1 .intro-discovery-links[hidden] {
  display: none !important;
}

html.experience-v1 .report-content-feature small,
html.experience-v1 .saved-profile-copy small,
html.experience-v1 .more-section-action,
html.experience-v1 .saved-profile-recent {
  font-size: 11.5px !important;
}

html.experience-v1 .report-personality-detail-link,
html.experience-v1 .report-analysis-menu-toggle {
  min-height: 44px !important;
  border-radius: 6px !important;
  transition:
    color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease,
    transform 170ms ease !important;
}

@media (hover: hover) {
  html.experience-v1 .report-personality-detail-link:hover,
  html.experience-v1 .report-analysis-menu-toggle:hover {
    background: rgba(63, 114, 184, 0.055) !important;
  }
}

html.experience-v1 .report-personality-detail-link:active,
html.experience-v1 .report-analysis-menu-toggle:active {
  transform: translateY(1px);
}

html.experience-v1 .report-personality-detail-link:focus-visible {
  outline: 0 !important;
  background: rgba(63, 114, 184, 0.06) !important;
  box-shadow: inset 0 0 0 1px rgba(63, 114, 184, 0.34) !important;
}

/* Approved preview structure fidelity pass 25. */
@media (max-width: 430px) {
  html.experience-v1 {
    --ui-page-inline: 16px;
  }
}

html.experience-v1 body.is-report-view .screen-report,
html.experience-v1 body.is-daily-view .screen-daily,
html.experience-v1 body.is-more-view .screen-more,
html.experience-v1 body.is-detail-view .screen-detail {
  padding-right: var(--ui-page-inline) !important;
  padding-left: var(--ui-page-inline) !important;
}

html.experience-v1 body.is-report-view .report-appbar,
html.experience-v1 body.is-daily-view .daily-page-appbar,
html.experience-v1 body.is-more-view .more-page-appbar,
html.experience-v1 body.is-detail-view .report-appbar,
html.experience-v1 body.is-detail-view .report-appbar.light {
  margin-right: calc(var(--ui-page-inline) * -1) !important;
  margin-left: calc(var(--ui-page-inline) * -1) !important;
  padding-right: var(--ui-page-inline) !important;
  padding-left: var(--ui-page-inline) !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
    min-height: 266px !important;
    padding: 28px 4px 24px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ui-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy {
    width: calc(100% - 104px) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    max-width: 255px !important;
    font-size: 28px !important;
    line-height: 1.28 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy p {
    max-width: 244px !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    right: 4px !important;
    bottom: 46px !important;
    width: 96px !important;
    height: 96px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.experience-v1 body.is-report-view .report-analysis-menu {
    margin-top: 30px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 8px !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    overscroll-behavior-inline: contain !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid::-webkit-scrollbar {
    display: none !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
    flex: 0 0 calc(100% - 36px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 8px 18px !important;
    min-height: 152px !important;
    padding: 22px 22px !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .has-report-icon,
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .report-primary-menu-icon {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    justify-self: center !important;
    width: 64px !important;
    height: 64px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card strong {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card small {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: 220px !important;
    color: var(--ui-ink-soft) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-daily-view .daily-date-navigation {
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ui-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html.experience-v1 body.is-daily-view .daily-date-navigation button {
    position: relative !important;
    min-height: 68px !important;
    border-radius: 0 !important;
  }

  html.experience-v1 body.is-daily-view .daily-date-navigation button[aria-pressed="true"],
  html.experience-v1 body.is-daily-view .daily-date-navigation button.is-active {
    background: transparent !important;
    color: var(--ui-blue) !important;
  }

  html.experience-v1 body.is-daily-view .daily-date-navigation button[aria-pressed="true"]::after,
  html.experience-v1 body.is-daily-view .daily-date-navigation button.is-active::after {
    content: "" !important;
    position: absolute !important;
    right: 50% !important;
    bottom: -1px !important;
    width: 28px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: var(--ui-blue) !important;
    transform: translateX(50%) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    min-height: 372px !important;
    padding: 38px 4px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro {
    align-self: start !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    max-width: 330px !important;
    margin-top: 12px !important;
    font-size: 27px !important;
    line-height: 1.38 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    align-self: end !important;
    justify-self: center !important;
    width: 148px !important;
    min-width: 148px !important;
    margin-top: 28px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 148px !important;
    min-width: 148px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number {
    transform: translateY(9px) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 52px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-label {
    margin-top: 10px !important;
  }

  html.experience-v1 body.is-daily-view .daily-home-guidance {
    margin-top: 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero {
    min-height: 260px !important;
    padding: 28px 4px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 108px) !important;
    min-height: 150px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    font-size: 27px !important;
    line-height: 1.28 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    max-width: 246px !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 44px !important;
    right: 0 !important;
    width: 102px !important;
    height: 102px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords {
    margin: 18px -4px 0 !important;
    border-top: 1px solid var(--ui-line) !important;
    border-bottom: 1px solid var(--ui-line) !important;
    background: transparent !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
    flex-basis: calc(100% - 24px) !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 7px 12px !important;
    min-height: 140px !important;
    padding: 18px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .has-report-icon,
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .report-primary-menu-icon {
    width: 54px !important;
    height: 54px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    min-height: 340px !important;
    margin-inline: 0 !important;
    padding: 30px 2px 20px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 24px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card,
  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 132px !important;
    min-width: 132px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 48px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article + article {
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }
}

/* Prevent horizontal scrollers from widening the report grid. */
html.experience-v1 body.is-report-view #report-root {
  grid-template-columns: minmax(0, 1fr) !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-report-view #report-root > *,
html.experience-v1 body.is-report-view .report-analysis-menu,
html.experience-v1 body.is-report-view .report-primary-menu-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Narrow-screen collision fixes for the approved structure. */
@media (max-width: 640px) {
  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 68px !important;
    height: 68px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-label {
    margin-top: 34px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-label > span {
    display: none !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 58px !important;
    height: 58px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 78px) !important;
    min-height: 170px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    max-width: 178px !important;
    font-size: 22px !important;
    line-height: 1.32 !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    max-width: 172px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 54px !important;
    width: 78px !important;
    height: 78px !important;
  }
}

/* Remove doubled vertical gaps left by the shared grid and section margins. */
@media (max-width: 640px) {
  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard,
  html.experience-v1 body.is-detail-view .experience-domain-hero,
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    margin-top: 0 !important;
  }

  html.experience-v1 body.is-report-view .report-analysis-menu {
    margin-top: 8px !important;
  }
}

/* Keep entry screens on the same mobile reading axis as every result route. */
@media (max-width: 430px) {
  html.experience-v1 .screen-intro,
  html.experience-v1 .screen-home,
  html.experience-v1 .screen-input {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html.experience-v1 .screen-intro .intro-appbar,
  html.experience-v1 .screen-home .input-appbar,
  html.experience-v1 .screen-input .input-appbar {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
}

/* Let tablet screens use their available width without changing the phone layout. */
@media (min-width: 641px) {
  html.experience-v1 .site-stage,
  html.experience-v1 .bottom-nav {
    width: min(calc(100% - 48px), 680px) !important;
  }

  html.experience-v1 body.is-report-view #report-root,
  html.experience-v1 body.is-daily-view #daily-root,
  html.experience-v1 body.is-detail-view #detail-root,
  html.experience-v1 body.is-basis-view #basis-root,
  html.experience-v1 body.is-more-view #more-root {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Keep the animated analysis stages and progress track comfortably inset. */
html.experience-v1 .screen-loading .loading-report-stack,
html.experience-v1 .screen-loading .loading-panel {
  width: min(100%, 344px) !important;
  max-width: 344px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html.experience-v1 .screen-loading .loading-report-sheet {
  padding-right: clamp(12px, 4vw, 16px) !important;
  padding-left: clamp(12px, 4vw, 16px) !important;
}

@media (hover: hover) and (pointer: fine) {
  html.experience-v1 .report-primary-menu-grid[data-pointer-drag-ready="true"] {
    cursor: grab;
  }

  html.experience-v1 .report-primary-menu-grid.is-pointer-dragging {
    cursor: grabbing;
    scroll-snap-type: none !important;
    user-select: none;
  }
}

/* Result-home visual richness pass 77.
 * Keeps the approved information structure while giving each product layer
 * a distinct material, tone and interaction affordance. */
html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
  border: 1px solid #cfdae7 !important;
  background: #eef4fa !important;
  box-shadow: 0 14px 32px rgba(40, 70, 104, 0.09) !important;
}

html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 4px !important;
  background: #4a78b6 !important;
}

html.experience-v1 body.is-report-view .report-personality-type-label {
  color: #8f6426 !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link {
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid #c9d8e9 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #376ba8 !important;
  box-shadow: 0 5px 12px rgba(49, 84, 123, 0.055) !important;
}

html.experience-v1 body.is-report-view .report-personality-type-icon {
  border: 1px solid #c8d8ea !important;
  background: #ffffff !important;
  box-shadow:
    0 12px 24px rgba(51, 82, 118, 0.09),
    inset 0 0 0 7px #f4f7fb !important;
}

html.experience-v1 body.is-report-view .report-dashboard-head h3,
html.experience-v1 body.is-report-view .report-content-head h3 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
}

html.experience-v1 body.is-report-view .report-dashboard-head h3::before,
html.experience-v1 body.is-report-view .report-content-head h3::before {
  content: "" !important;
  display: block !important;
  width: 4px !important;
  height: 18px !important;
  border-radius: 2px !important;
  background: #4a78b6 !important;
}

html.experience-v1 body.is-report-view .report-content-head h3::before {
  background: #b17b2c !important;
}

html.experience-v1 body.is-report-view .report-analysis-menu-toggle {
  min-height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid #d4deea !important;
  border-radius: 6px !important;
  background: #f1f5fa !important;
  color: #4a6f99 !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card {
  --topic-tone: #3f72b8;
  --topic-soft: #eef4fb;
  --topic-line: #c8d9ed;
  position: relative !important;
  overflow: hidden !important;
  border-color: var(--topic-line) !important;
  background: var(--topic-soft) !important;
  box-shadow: 0 10px 24px rgba(38, 67, 99, 0.075) !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card[data-portal-tone="jade"],
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card[data-portal-tone="jade"] {
  --topic-tone: #3f806c;
  --topic-soft: #edf6f2;
  --topic-line: #c6dfd6;
}

html.experience-v1 body.is-report-view .report-primary-menu-card[data-portal-tone="amber"],
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card[data-portal-tone="amber"] {
  --topic-tone: #a87026;
  --topic-soft: #fbf4e8;
  --topic-line: #ead8b8;
}

html.experience-v1 body.is-report-view .report-primary-menu-card[data-portal-tone="coral"],
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card[data-portal-tone="coral"] {
  --topic-tone: #a85d54;
  --topic-soft: #faefec;
  --topic-line: #e7ccc6;
}

html.experience-v1 body.is-report-view .report-primary-menu-card::before,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  display: block !important;
  width: auto !important;
  height: 4px !important;
  background: var(--topic-tone) !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card::after {
  content: "" !important;
  position: absolute !important;
  right: 19px !important;
  bottom: 18px !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  border: 0 !important;
  border-right: 1.5px solid var(--topic-tone) !important;
  border-bottom: 1.5px solid var(--topic-tone) !important;
  transform: rotate(-45deg) !important;
  opacity: 0.82 !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card > .has-report-icon,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card > .has-report-icon {
  border: 1px solid var(--topic-line) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: var(--topic-tone) !important;
  box-shadow: 0 6px 14px rgba(43, 70, 96, 0.07) !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card strong,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card strong {
  color: #1b2d42 !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card small.experience-menu-description {
  color: #607184 !important;
}

html.experience-v1 body.is-report-view .report-content-feature {
  position: relative !important;
  overflow: hidden !important;
  border-color: #d7e0e9 !important;
  background: #f8fafc !important;
  box-shadow: 0 10px 24px rgba(36, 64, 91, 0.065) !important;
}

html.experience-v1 body.is-report-view .report-content-feature.is-new {
  border-color: #e4d2ae !important;
  background: #fffaf0 !important;
}

html.experience-v1 body.is-report-view .report-content-feature::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 4px !important;
  background: #7896b8 !important;
}

html.experience-v1 body.is-report-view .report-content-feature.is-new::before {
  background: #b68131 !important;
}

html.experience-v1 body.is-report-view .report-content-topic-icon {
  border: 1px solid #d3deea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #557da9 !important;
  box-shadow: 0 6px 14px rgba(42, 72, 102, 0.06) !important;
}

html.experience-v1 body.is-report-view .report-content-feature.is-new .report-content-topic-icon {
  border-color: #e3d0aa !important;
  color: #a87026 !important;
}

html.experience-v1 body.is-report-view .report-content-new-badge {
  border: 1px solid #d5a24e !important;
  border-radius: 4px !important;
  background: #fff4db !important;
  color: #8b5a12 !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
    min-height: 242px !important;
    padding: 26px 20px 22px !important;
    border: 1px solid #cfdae7 !important;
    border-radius: 8px !important;
    background: #eef4fa !important;
    box-shadow: 0 13px 28px rgba(40, 70, 104, 0.085) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy {
    width: calc(100% - 94px) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    font-size: 27px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy p {
    font-size: 13.5px !important;
    line-height: 1.66 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    right: 16px !important;
    bottom: 50px !important;
    width: 84px !important;
    height: 84px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 54px !important;
    height: 54px !important;
  }

  html.experience-v1 body.is-report-view .report-analysis-menu {
    margin-top: 24px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid {
    gap: 12px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
    flex-basis: calc(100% - 48px) !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    min-height: 146px !important;
    padding: 22px 22px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .has-report-icon,
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .report-primary-menu-icon {
    width: 58px !important;
    height: 58px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card strong {
    font-size: 19px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card small {
    max-width: 205px !important;
    color: #607184 !important;
    font-size: 12.5px !important;
  }

  html.experience-v1 body.is-report-view .report-content-board {
    margin-top: 30px !important;
  }

  html.experience-v1 body.is-report-view .report-content-feature {
    min-height: 98px !important;
    padding: 17px 18px 17px 20px !important;
  }
}

/* Daily-home product surface pass 78. */
html.experience-v1 body.is-daily-view main .daily-home-overview {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #cedbe8 !important;
  border-radius: 8px !important;
  background: #eef4fa !important;
  box-shadow: 0 14px 30px rgba(40, 70, 104, 0.085) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  display: block !important;
  height: 4px !important;
  background: var(--daily-score-color, #4f83bd) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro > p:first-child {
  color: var(--daily-score-ink, #376c9f) !important;
  font-weight: 800 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  padding: 8px 12px 10px !important;
  border: 1px solid rgba(84, 119, 158, 0.17) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 8px 20px rgba(44, 74, 108, 0.07) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus {
  overflow: hidden !important;
  border: 1px solid #d4dee8 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(37, 66, 94, 0.065) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article {
  position: relative !important;
  overflow: hidden !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article.is-good {
  background: #f2f7fc !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article.is-watch,
html.experience-v1 body.is-daily-view main .daily-home-focus article.is-caution {
  background: #fff8f2 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-focus article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  display: block !important;
  height: 3px !important;
  background: var(--daily-guidance-accent, #6689ad) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #cfe1db !important;
  border-radius: 8px !important;
  background: #f0f7f4 !important;
  box-shadow: 0 9px 22px rgba(48, 92, 79, 0.055) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 4px !important;
  background: #4b8878 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories {
  border-color: #d5dfe8 !important;
  background: #f9fbfc !important;
  box-shadow: 0 10px 24px rgba(37, 66, 94, 0.055) !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    min-height: 354px !important;
    padding: 30px 20px 22px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    max-width: 326px !important;
    font-size: 25px !important;
    line-height: 1.4 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 172px !important;
    min-width: 172px !important;
    margin-top: 20px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 142px !important;
    min-width: 142px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
    flex-basis: calc(100% - 24px) !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    gap: 7px 12px !important;
    min-height: 140px !important;
    padding: 18px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .has-report-icon,
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .report-primary-menu-icon {
    width: 54px !important;
    height: 54px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    min-height: 330px !important;
    padding: 26px 16px 18px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 154px !important;
    min-width: 154px !important;
    margin-top: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 128px !important;
    min-width: 128px !important;
  }
}

/* Detail-page editorial depth pass 79. */
html.experience-v1 body.is-detail-view .experience-domain-hero {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #cfdae7 !important;
  border-radius: 8px !important;
  background: #eef4fa !important;
  box-shadow: 0 13px 28px rgba(40, 70, 104, 0.075) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 4px !important;
  background: var(--detail-accent, #4a78b6) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-love {
  --detail-accent: #c74637;
}

html.experience-v1 body.is-detail-view .experience-domain-companion {
  border: 1px solid rgba(104, 134, 166, 0.18) !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 10px 22px rgba(46, 78, 112, 0.075) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords {
  border-color: #d5dfe9 !important;
  background: rgba(255, 255, 255, 0.74) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-story {
  position: relative !important;
  margin-top: 0 !important;
  border-color: #d9e2ea !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(38, 67, 94, 0.045) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-story:nth-of-type(even) {
  background: #f8fafc !important;
}

html.experience-v1 body.is-detail-view .experience-domain-story > span:first-child {
  color: var(--detail-accent-ink, #3d6f9f) !important;
  font-weight: 800 !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview {
  border-color: #d4dee8 !important;
  background: #f9fbfc !important;
  box-shadow: 0 10px 24px rgba(38, 67, 94, 0.055) !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero {
    min-height: 244px !important;
    padding: 25px 20px 0 !important;
    border: 1px solid #cfdae7 !important;
    border-radius: 8px !important;
    background: #eef4fa !important;
    box-shadow: 0 13px 28px rgba(40, 70, 104, 0.075) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 102px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 46px !important;
    right: 14px !important;
    width: 88px !important;
    height: 88px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords {
    margin: 18px -20px 0 !important;
    padding-inline: 20px !important;
    border-bottom: 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-story {
    padding: 24px 20px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero {
    min-height: 236px !important;
    padding-inline: 16px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - 78px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    right: 10px !important;
    width: 74px !important;
    height: 74px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords {
    margin-right: -16px !important;
    margin-left: -16px !important;
    padding-inline: 16px !important;
  }
}

/* Unified fluid phone composition pass 80.
 * 320-430px shares one layout. Only spacing and fixed-format artwork scale
 * within guarded bounds; typography and touch targets keep readable sizes. */
@media (max-width: 640px) {
  html.experience-v1 {
    --ui-page-inline: clamp(14px, 4vw, 18px);
  }

  html.experience-v1 .screen-intro,
  html.experience-v1 .screen-home,
  html.experience-v1 .screen-input,
  html.experience-v1 body.is-report-view .screen-report,
  html.experience-v1 body.is-daily-view .screen-daily,
  html.experience-v1 body.is-more-view .screen-more,
  html.experience-v1 body.is-detail-view .screen-detail {
    padding-right: var(--ui-page-inline) !important;
    padding-left: var(--ui-page-inline) !important;
  }

  html.experience-v1 .screen-intro .intro-appbar,
  html.experience-v1 .screen-home .input-appbar,
  html.experience-v1 .screen-input .input-appbar,
  html.experience-v1 body.is-report-view .report-appbar,
  html.experience-v1 body.is-daily-view .daily-page-appbar,
  html.experience-v1 body.is-more-view .more-page-appbar,
  html.experience-v1 body.is-detail-view .report-appbar,
  html.experience-v1 body.is-detail-view .report-appbar.light {
    margin-right: calc(var(--ui-page-inline) * -1) !important;
    margin-left: calc(var(--ui-page-inline) * -1) !important;
    padding-right: var(--ui-page-inline) !important;
    padding-left: var(--ui-page-inline) !important;
  }

  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
    min-height: 238px !important;
    padding: 24px clamp(16px, 4.8vw, 20px) 21px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy {
    width: calc(100% - clamp(80px, 23vw, 94px)) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    max-width: 255px !important;
    font-size: 26px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy p {
    max-width: 244px !important;
    font-size: 13.5px !important;
    line-height: 1.66 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    right: clamp(12px, 3.8vw, 16px) !important;
    bottom: 48px !important;
    width: clamp(76px, 21vw, 84px) !important;
    height: clamp(76px, 21vw, 84px) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: clamp(50px, 13.5vw, 54px) !important;
    height: clamp(50px, 13.5vw, 54px) !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card {
    flex: 0 0 calc(100% - clamp(28px, 9vw, 40px)) !important;
    grid-template-columns: minmax(0, 1fr) clamp(54px, 15vw, 64px) !important;
    gap: 8px clamp(12px, 4vw, 18px) !important;
    min-height: 144px !important;
    padding: 20px clamp(18px, 5vw, 22px) !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .has-report-icon,
  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card > .report-primary-menu-icon {
    width: clamp(52px, 14vw, 58px) !important;
    height: clamp(52px, 14vw, 58px) !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card strong {
    font-size: 18px !important;
  }

  html.experience-v1 body.is-report-view .report-primary-menu-grid > .report-primary-menu-card small {
    max-width: none !important;
    font-size: 12.5px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    min-height: 0 !important;
    padding: 28px clamp(16px, 4.8vw, 20px) 22px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    max-width: 326px !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 160px !important;
    min-width: 160px !important;
    margin-top: 18px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 136px !important;
    min-width: 136px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 50px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-focus article + article {
    border-top: 0 !important;
    border-left: 1px solid var(--ui-line) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero {
    min-height: 240px !important;
    padding: 24px clamp(16px, 4.8vw, 20px) 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: calc(100% - clamp(80px, 23vw, 102px)) !important;
    min-height: 160px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    max-width: 220px !important;
    font-size: 24px !important;
    line-height: 1.32 !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    max-width: 220px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-companion {
    top: 46px !important;
    right: clamp(10px, 3.4vw, 14px) !important;
    width: clamp(74px, 21vw, 88px) !important;
    height: clamp(74px, 21vw, 88px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords {
    margin-right: calc(clamp(16px, 4.8vw, 20px) * -1) !important;
    margin-left: calc(clamp(16px, 4.8vw, 20px) * -1) !important;
    padding-right: clamp(16px, 4.8vw, 20px) !important;
    padding-left: clamp(16px, 4.8vw, 20px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-story {
    padding: 23px clamp(18px, 5vw, 20px) !important;
  }
}

/* Utility and basis elegance pass 81.
 * The management screen reads as one workflow, while the basis screen
 * separates the chart tool from the long-form evidence reading surface. */
html.experience-v1 body.is-more-view .more-page-root {
  gap: 15px !important;
  min-height: 0 !important;
  padding-top: 26px !important;
  padding-bottom: 28px !important;
}

html.experience-v1 body.is-more-view #more-root {
  min-height: 0 !important;
}

html.experience-v1 body.is-more-view .more-page-intro {
  position: relative !important;
  display: flex !important;
  min-height: 48px !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 0 3px !important;
  padding: 0 2px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: transparent !important;
}

html.experience-v1 body.is-more-view .more-page-intro::before {
  content: "" !important;
  width: 27px !important;
  height: 2px !important;
  flex: 0 0 auto !important;
  border-radius: 2px !important;
  background: var(--ui-blue) !important;
}

html.experience-v1 body.is-more-view .more-page-intro > span {
  color: var(--ui-ink) !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

html.experience-v1 body.is-more-view .more-current-save-section,
html.experience-v1 body.is-more-view .more-saved-section,
html.experience-v1 body.is-more-view .more-input-section {
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d5dfe8 !important;
  border-radius: 8px !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 10px 24px rgba(38, 67, 94, 0.055) !important;
}

html.experience-v1 body.is-more-view .more-current-save-section {
  border-color: #c9d9e8 !important;
  background: #edf4fa !important;
  box-shadow: 0 12px 26px rgba(46, 82, 118, 0.075) !important;
}

html.experience-v1 body.is-more-view .more-current-save-button {
  min-height: 80px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 13px !important;
  padding: 15px 17px !important;
  background: transparent !important;
  transition: background-color 170ms ease, transform 170ms ease !important;
}

html.experience-v1 body.is-more-view .more-current-save-button .current-profile-save-icon {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid #bfd2e5 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 body.is-more-view .more-current-save-button .current-profile-save-copy > span {
  color: var(--ui-ink) !important;
  font-size: 15px !important;
  font-weight: 830 !important;
}

html.experience-v1 body.is-more-view .more-current-save-button .current-profile-save-copy small,
html.experience-v1 body.is-more-view .more-section-copy small,
html.experience-v1 body.is-more-view .saved-profile-copy small {
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html.experience-v1 body.is-more-view .more-current-save-button.is-saved {
  background: #e5f0f8 !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 body.is-more-view .more-section-button,
html.experience-v1 body.is-more-view .more-birth-button,
html.experience-v1 body.is-more-view .saved-profile-row {
  min-height: 74px !important;
  padding: 13px 16px !important;
  border: 0 !important;
  background: transparent !important;
}

html.experience-v1 body.is-more-view .more-section-button {
  border-bottom: 1px solid var(--ui-line) !important;
  background: #f7f9fb !important;
}

html.experience-v1 body.is-more-view .more-profile-list {
  border-top: 0 !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 body.is-more-view .saved-profile-row + .saved-profile-row {
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 body.is-more-view .more-input-section {
  margin-top: 3px !important;
  box-shadow: 0 8px 20px rgba(38, 67, 94, 0.04) !important;
}

html.experience-v1 body.is-more-view .more-input-section .more-section-icon {
  border-color: rgba(168, 112, 38, 0.22) !important;
  background: var(--ui-amber-soft) !important;
  color: var(--ui-amber) !important;
}

html.experience-v1 body.is-more-view .more-section-icon,
html.experience-v1 body.is-more-view .saved-profile-mark {
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  background: var(--ui-blue-soft) !important;
}

html.experience-v1 body.is-more-view .more-section-copy strong,
html.experience-v1 body.is-more-view .saved-profile-copy strong {
  font-size: 14.5px !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-more-view #more-root > .report-brand-continuity {
  margin-top: 25px !important;
  padding: 7px 0 14px !important;
}

@media (hover: hover) {
  html.experience-v1 body.is-more-view .more-current-save-button:hover,
  html.experience-v1 body.is-more-view .more-section-button:hover,
  html.experience-v1 body.is-more-view .more-birth-button:hover,
  html.experience-v1 body.is-more-view .saved-profile-row:hover {
    background: #f1f6fa !important;
  }
}

html.experience-v1 body.is-more-view .more-current-save-button:active,
html.experience-v1 body.is-more-view .more-section-button:active,
html.experience-v1 body.is-more-view .more-birth-button:active,
html.experience-v1 body.is-more-view .saved-profile-row:active {
  transform: scale(0.992) !important;
}

html.experience-v1 body.is-detail-view .manse-basis-card {
  position: relative !important;
  margin-top: 20px !important;
  padding-top: 0 !important;
  border-color: #cdd9e4 !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 14px 30px rgba(37, 65, 91, 0.075) !important;
}

html.experience-v1 body.is-detail-view .manse-basis-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 4px !important;
  background: var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view .manse-basis-head {
  min-height: 78px !important;
  margin: 0 !important;
  padding: 21px 20px 17px !important;
  border-bottom: 1px solid #d8e1e9 !important;
  background: #f3f7fa !important;
}

html.experience-v1 body.is-detail-view .manse-basis-head h2 {
  color: var(--ui-ink) !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .contextual-profile-save-button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-color: #bfd0e0 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #456986 !important;
  font-size: 11.5px !important;
  box-shadow: 0 3px 10px rgba(40, 69, 96, 0.045) !important;
}

html.experience-v1 body.is-detail-view .manse-pillars {
  border: 0 !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .manse-row {
  border-color: #dbe3e9 !important;
  background: var(--ui-surface) !important;
}

html.experience-v1 body.is-detail-view .manse-row-head {
  background: #eaf1f7 !important;
}

html.experience-v1 body.is-detail-view .manse-row-god {
  background: #f7f9fb !important;
}

html.experience-v1 body.is-detail-view .manse-row-hidden {
  background: #fbfcfd !important;
}

html.experience-v1 body.is-detail-view .manse-row-label {
  border-color: #dbe3e9 !important;
  background: #f7f1e7 !important;
  color: #765c33 !important;
  font-weight: 790 !important;
}

html.experience-v1 body.is-detail-view .manse-pillar-head,
html.experience-v1 body.is-detail-view .manse-cell {
  border-color: #dbe3e9 !important;
}

html.experience-v1 body.is-detail-view .manse-pillar-head b {
  color: #536979 !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-detail-view .manse-pillar-head em {
  color: #8b6b38 !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-section {
  margin-top: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-section-head {
  margin: 0 0 13px !important;
  padding: 0 2px 13px 14px !important;
  border-bottom: 1px solid var(--ui-line) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-section-head::before {
  top: 2px !important;
  bottom: 14px !important;
  width: 3px !important;
  background: var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-section-head h2 {
  font-size: 22px !important;
  font-weight: 850 !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-groups {
  overflow: hidden !important;
  border-color: #d3dee7 !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 10px 24px rgba(38, 67, 94, 0.055) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group + .contextual-evidence-group {
  border-top: 1px solid var(--ui-line) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group > summary {
  min-height: 62px !important;
  padding: 10px 44px 10px 15px !important;
  background: var(--ui-surface) !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group[open] > summary {
  background: #edf4fa !important;
  box-shadow: inset 3px 0 0 var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-summary-icon {
  width: 34px !important;
  height: 34px !important;
  border-color: #c8d8e7 !important;
  background: #f5f8fb !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-group-body,
html.experience-v1 body.is-detail-view .contextual-evidence-group.is-secondary .contextual-evidence-stack {
  padding: 16px !important;
  border-top: 1px solid #d7e1e9 !important;
  background: #f6f9fb !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-card,
html.experience-v1 body.is-detail-view .contextual-evidence-card.is-compact-evidence,
html.experience-v1 body.is-detail-view .contextual-evidence-stack.is-compact .contextual-evidence-card {
  padding: 18px 17px !important;
  border: 1px solid #dce4ea !important;
  border-radius: 7px !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 5px 14px rgba(38, 67, 94, 0.035) !important;
}

html.experience-v1 body.is-detail-view .contextual-evidence-card p {
  color: var(--ui-ink-soft) !important;
  line-height: 1.84 !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-more-view .more-page-root {
    gap: 13px !important;
    padding-top: 22px !important;
  }

  html.experience-v1 body.is-more-view .more-page-intro > span {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-more-view .more-current-save-button,
  html.experience-v1 body.is-more-view .more-section-button,
  html.experience-v1 body.is-more-view .more-birth-button,
  html.experience-v1 body.is-more-view .saved-profile-row {
    padding-right: 13px !important;
    padding-left: 13px !important;
  }

  html.experience-v1 body.is-detail-view .manse-basis-head {
    min-height: 72px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  html.experience-v1 body.is-detail-view .manse-basis-head h2 {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-evidence-group > summary {
    padding-right: 40px !important;
    padding-left: 12px !important;
  }

  html.experience-v1 body.is-detail-view .contextual-evidence-group-body,
  html.experience-v1 body.is-detail-view .contextual-evidence-group.is-secondary .contextual-evidence-stack {
    padding: 12px !important;
  }
}

/* Input flow elegance pass 82.
 * Gives each input step a distinct visual role without changing form behavior. */
html.experience-v1 .screen-home {
  padding-bottom: 42px !important;
  background: #f3f6f7 !important;
}

html.experience-v1 .screen-home .input-appbar {
  border-bottom-color: #d8e1e6 !important;
  background: rgba(255, 255, 255, 0.95) !important;
}

html.experience-v1 .screen-home .home-hero {
  padding: 30px 2px 23px !important;
}

html.experience-v1 .screen-home .home-hero .eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  color: #3f72b8 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

html.experience-v1 .screen-home .home-hero .eyebrow::before {
  width: 24px !important;
  height: 2px !important;
  flex: 0 0 auto !important;
  border-radius: 99px !important;
  background: #5a86bf !important;
  content: "" !important;
}

html.experience-v1 .screen-home .home-hero h1,
html.experience-v1 .screen-home .home-hero h1 > span {
  color: #152936 !important;
  font-size: 27px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 .screen-home .v2-form {
  gap: 14px !important;
  padding-bottom: 38px !important;
}

html.experience-v1 .screen-home .input-identity-card,
html.experience-v1 .screen-home .input-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

html.experience-v1 .screen-home .input-identity-card {
  padding: 19px 17px 17px !important;
  border-color: #c9d8e4 !important;
  background: #eef4f8 !important;
  box-shadow: 0 9px 22px rgba(37, 66, 91, 0.065) !important;
}

html.experience-v1 .screen-home .input-identity-card::before {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: #4d79b2 !important;
  content: "" !important;
}

html.experience-v1 .screen-home .input-identity-editor {
  align-items: end !important;
  gap: 17px !important;
}

html.experience-v1 .screen-home .input-identity-editor .field {
  gap: 8px !important;
}

html.experience-v1 .screen-home .input-identity-editor .field > span {
  color: #425b6c !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

html.experience-v1 .screen-home #nickname-input {
  min-height: 47px !important;
  padding-inline: 12px !important;
  border: 1px solid #cad8e3 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #152936 !important;
}

html.experience-v1 .screen-home #nickname-input:focus {
  border-color: #7da1cc !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(63, 114, 184, 0.11) !important;
}

html.experience-v1 .screen-home .segmented {
  min-height: 47px !important;
  border-color: #cad8e3 !important;
  background: rgba(221, 231, 239, 0.72) !important;
}

html.experience-v1 .screen-home .segmented label span {
  min-height: 39px !important;
  font-size: 12.5px !important;
}

html.experience-v1 .screen-home .segmented label input:checked + span {
  border: 1px solid #b9cce0 !important;
  background: #fff !important;
  color: #356ba9 !important;
  box-shadow: 0 3px 9px rgba(37, 70, 105, 0.09) !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card {
  padding: 20px 18px 18px !important;
  border-color: #cbd8e2 !important;
  background: #fff !important;
  box-shadow: 0 12px 27px rgba(37, 65, 90, 0.075) !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card::before {
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 3px !important;
  background: #4a78b6 !important;
  content: "" !important;
}

html.experience-v1 .screen-home .input-card-title-row {
  min-height: 35px !important;
  margin-bottom: 14px !important;
}

html.experience-v1 .screen-home .input-card-title-row h2 {
  color: #193140 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

html.experience-v1 .screen-home .birth-input-mode-toggle {
  min-height: 34px !important;
  padding-inline: 11px !important;
  border-color: #c4d3df !important;
  border-radius: 6px !important;
  background: #f7f9fa !important;
  color: #3d6fae !important;
  font-size: 10.5px !important;
  box-shadow: 0 2px 6px rgba(38, 68, 94, 0.035) !important;
}

html.experience-v1 .screen-home .birth-input-mode-toggle:hover,
html.experience-v1 .screen-home .birth-input-mode-toggle:focus-visible,
html.experience-v1 .screen-home .birth-input-mode-toggle[aria-expanded="true"] {
  border-color: #8eadd0 !important;
  background: #eaf2fb !important;
  color: #285f9f !important;
}

html.experience-v1 .screen-home .birth-wheel-picker {
  height: 144px !important;
  border: 1px solid #d4dfe7 !important;
  border-radius: 7px !important;
  background: #f8fafb !important;
  box-shadow: inset 0 1px 2px rgba(37, 65, 90, 0.025) !important;
}

html.experience-v1 .screen-home .birth-wheel-picker::before {
  top: 47px !important;
  height: 48px !important;
  border-color: #acc6e3 !important;
  background: #e8f1fb !important;
  box-shadow: 0 2px 8px rgba(57, 101, 151, 0.055) !important;
}

html.experience-v1 .screen-home .birth-wheel-column + .birth-wheel-column {
  border-left: 1px solid #e1e7ec !important;
}

html.experience-v1 .screen-home .birth-wheel-option {
  color: #60778a !important;
  opacity: 0.88 !important;
}

html.experience-v1 .screen-home .birth-wheel-option.is-selected {
  color: #244f82 !important;
  opacity: 1 !important;
}

html.experience-v1 .screen-home .birth-wheel-option.is-selected small {
  color: #54708d !important;
}

html.experience-v1 .screen-home .birth-direct-entry {
  min-height: 144px !important;
  padding: 24px 2px 18px !important;
  border: 1px solid #d6e0e8 !important;
  border-radius: 7px !important;
  background: #f8fafb !important;
}

html.experience-v1 .screen-home .birth-direct-entry input {
  border: 1px solid #cad7e2 !important;
  border-radius: 6px !important;
  background: #fff !important;
}

html.experience-v1 .screen-home .input-time-card {
  padding: 19px 18px 16px !important;
  border-color: #d1dce4 !important;
  background: #f8fafb !important;
  box-shadow: 0 9px 22px rgba(37, 65, 90, 0.055) !important;
}

html.experience-v1 .screen-home .birth-time-stage {
  min-height: 106px !important;
  margin-top: 2px !important;
  padding: 10px !important;
  border: 1px solid #d6e1e9 !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(37, 65, 90, 0.025) !important;
}

html.experience-v1 .screen-home .input-time-card.is-branch-mode:not(.is-time-unknown) .birth-time-stage {
  min-height: 266px !important;
}

html.experience-v1 .screen-home .birth-time-branch-picker {
  inset: 9px !important;
  width: auto !important;
  gap: 7px !important;
  padding: 0 !important;
}

html.experience-v1 .screen-home .birth-time-branch-picker > button {
  border-color: #d5e0e8 !important;
  background: #f9fbfc !important;
  box-shadow: none !important;
}

html.experience-v1 .screen-home .birth-time-branch-picker > button.is-selected {
  border-color: #6f96c4 !important;
  background: #e8f1fb !important;
  color: #285f9f !important;
  box-shadow: inset 0 0 0 1px rgba(78, 130, 189, 0.12) !important;
}

html.experience-v1 .screen-home .birth-time-divider {
  margin: 13px 0 10px !important;
  background: #dbe4ea !important;
}

html.experience-v1 .screen-home .birth-time-unknown-toggle {
  min-height: 32px !important;
  padding-inline: 2px !important;
  border-top: 0 !important;
  color: #4f6574 !important;
  font-size: 11px !important;
}

html.experience-v1 .screen-home .v2-form .gold-button {
  min-height: 54px !important;
  margin-top: 3px !important;
  border-radius: 8px !important;
  background: #356fb8 !important;
  box-shadow: 0 12px 24px rgba(46, 100, 170, 0.2) !important;
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

html.experience-v1 .screen-home .v2-form .gold-button:hover,
html.experience-v1 .screen-home .v2-form .gold-button:focus-visible {
  background: #2e65aa !important;
  box-shadow: 0 14px 27px rgba(46, 100, 170, 0.24) !important;
}

html.experience-v1 .screen-home .v2-form .gold-button:active {
  transform: translateY(1px) scale(0.995) !important;
}

@media (max-width: 640px) {
  html.experience-v1 .screen-home .home-hero {
    padding: 27px 2px 21px !important;
  }

  html.experience-v1 .screen-home .home-hero h1,
  html.experience-v1 .screen-home .home-hero h1 > span {
    font-size: 25px !important;
  }

  html.experience-v1 .screen-home .input-identity-card,
  html.experience-v1 .screen-home .input-birth-wheel-card,
  html.experience-v1 .screen-home .input-time-card {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

@media (max-width: 370px) {
  html.experience-v1 .screen-home .input-identity-editor {
    gap: 14px !important;
  }

  html.experience-v1 .screen-home .birth-time-title-actions {
    gap: 4px !important;
  }

  html.experience-v1 .screen-home .birth-time-mode-toggle {
    padding-inline: 8px !important;
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .screen-home .v2-form .gold-button {
    transition: none !important;
  }
}

/* Birth-time flat list input v3. */
html.experience-v1 .screen-home .input-time-card {
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.experience-v1 .screen-home .input-time-card .birth-time-title-row {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

html.experience-v1 .screen-home .birth-time-branch-picker {
  position: static !important;
  inset: auto !important;
  grid-area: auto !important;
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

html.experience-v1 .screen-home .birth-time-branch-field {
  min-width: 0;
  display: block;
}

html.experience-v1 .screen-home .birth-time-select-shell {
  position: relative;
  min-width: 0;
  display: block;
}

html.experience-v1 .screen-home #birth-time-select {
  width: 100%;
  min-height: 52px;
  padding: 0 44px 0 14px;
  border: 1px solid #cad8e4;
  border-radius: 7px;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  color: #304f6c;
  font: inherit;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 730;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

html.experience-v1 .screen-home #birth-time-select:hover {
  border-color: #9db8d5;
  background: #fbfdff;
}

html.experience-v1 .screen-home #birth-time-select:focus-visible {
  border-color: #5f8fc5;
  outline: none;
  box-shadow: 0 0 0 3px rgba(74, 127, 187, 0.14);
}

html.experience-v1 .screen-home #birth-time-select:disabled {
  border-color: #d6e0e8;
  background: #f3f6f8;
  color: #7b8c99;
  cursor: default;
  opacity: 1;
}

html.experience-v1 .screen-home .has-branch-selection #birth-time-select {
  border-color: #6f96c4;
  background: #edf5fd;
  color: #285f9f;
}

html.experience-v1 .screen-home .birth-time-select-shell > i {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #5b7da2;
  border-bottom: 2px solid #5b7da2;
  transform: translateY(-68%) rotate(45deg);
  pointer-events: none;
}

html.experience-v1 .screen-home .input-time-card.is-time-unknown .birth-time-branch-picker {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

html.experience-v1 .screen-home .input-time-card.is-time-unknown .birth-time-select-shell > i {
  opacity: 0.45;
}

html.experience-v1 .screen-home .birth-time-error:not([hidden]) {
  display: block;
  margin: 8px 2px 0;
  color: #a34d47;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 720;
}

html.experience-v1 .screen-home .birth-time-divider {
  margin: 8px 0 3px !important;
}

html.experience-v1 .screen-home .birth-time-unknown-toggle {
  min-height: 40px !important;
  font-size: 12px !important;
}

@media (max-width: 640px) {
  html.experience-v1 .screen-home .input-time-card {
    padding: 0 16px !important;
  }
}

@media (max-width: 370px) {
  html.experience-v1 .screen-home #birth-time-select {
    padding-left: 12px;
  }
}

/* Editorial topic-content elegance pass 83.
 * Treats light content as one composed article instead of a stack of boxes. */
html.experience-v1 body.is-detail-view .report-content-topic-detail {
  gap: 0 !important;
  background: #fff !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero {
  min-height: 238px !important;
  padding: 31px 22px 0 !important;
  border-bottom: 0 !important;
  background: #edf3f7 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero::before {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: #4d79b2 !important;
  content: "" !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero-copy {
  width: min(70%, 300px) !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero-copy > span {
  color: #8f6426 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero-copy > span::before {
  width: 22px !important;
  background: #a87026 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero h1,
html.experience-v1 body.is-detail-view .report-content-topic-hero h2 {
  margin-top: 10px !important;
  color: #152936 !important;
  font-size: 29px !important;
  line-height: 1.34 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-companion {
  top: 34px !important;
  right: 20px !important;
  width: 108px !important;
  height: 108px !important;
  border: 1px solid #d2dee7 !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  background-size: 84% !important;
  box-shadow: 0 12px 26px rgba(37, 67, 94, 0.1) !important;
  filter: contrast(1.04) saturate(0.9) !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-tags {
  margin-top: 20px !important;
  border-top-color: #cfdbe4 !important;
  border-bottom: 1px solid #d4dee6 !important;
  background: rgba(255, 255, 255, 0.76) !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-tags > span {
  min-height: 61px !important;
  color: #506674 !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-tags > span + span::before {
  top: 15px !important;
  bottom: 15px !important;
  background: #d8e1e7 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #d5dfe6 !important;
  background: #fff !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result > header {
  position: relative !important;
  padding: 27px 22px 23px !important;
  border-bottom: 1px solid #e0e4e5 !important;
  background: #f8f3ea !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result > header::before {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: #b17b2f !important;
  content: "" !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result > header small,
html.experience-v1 body.is-detail-view .report-content-personal-subtitle {
  color: #86612f !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result > header b {
  color: #596b77 !important;
  font-size: 10.5px !important;
  font-weight: 740 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result h2,
html.experience-v1 body.is-detail-view .report-content-personal-result h3 {
  margin: 12px 0 10px !important;
  gap: 4px !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result h2 > span,
html.experience-v1 body.is-detail-view .report-content-personal-result h3 > span {
  color: #5b6870 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result h2 > strong,
html.experience-v1 body.is-detail-view .report-content-personal-result h3 > strong {
  color: #172c3a !important;
  font-size: 27px !important;
  line-height: 1.32 !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-result > header > p {
  margin: 0 !important;
  color: #667782 !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  font-weight: 620 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy {
  display: block !important;
  max-width: none !important;
  padding: 26px 22px 33px !important;
  background: #fff !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy p,
html.experience-v1 body.is-detail-view .report-content-personal-copy p + p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #465e6a !important;
  font-size: 15px !important;
  line-height: 1.86 !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy p:first-child {
  margin-bottom: 22px !important;
  padding: 15px 16px !important;
  border-left: 3px solid #4d79b2 !important;
  border-radius: 0 6px 6px 0 !important;
  background: #f0f5f8 !important;
  color: #213b4a !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy p + p {
  margin-top: 18px !important;
}

html.experience-v1 body.is-detail-view .report-content-personal-copy strong {
  color: #19313f !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metrics {
  margin: 0 !important;
  padding: 30px 20px 26px !important;
  border-bottom: 1px solid #d6e0e6 !important;
  background: #f6f8f8 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metrics h3 {
  position: relative !important;
  margin: 0 0 14px !important;
  padding-left: 13px !important;
  color: #1d3442 !important;
  font-size: 16px !important;
  font-weight: 830 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metrics h3::before {
  position: absolute !important;
  top: 2px !important;
  bottom: 2px !important;
  left: 0 !important;
  width: 3px !important;
  background: #4d79b2 !important;
  content: "" !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metrics > div {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d2dde4 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 8px 19px rgba(37, 65, 90, 0.045) !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metric {
  gap: 9px !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metric + .report-content-topic-metric {
  border-top: 1px solid #dce4e9 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metric header strong {
  color: #29404e !important;
  font-size: 13.5px !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-metric header b {
  width: 38px !important;
  height: 27px !important;
  border-radius: 6px !important;
  background: #f2f6fa !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-bar {
  height: 6px !important;
  border: 0 !important;
  background: #e3e9ed !important;
}

html.experience-v1 body.is-detail-view .report-content-related-button {
  width: calc(100% - 40px) !important;
  min-height: 72px !important;
  margin: 24px 20px 30px !important;
  padding: 14px 16px !important;
  border: 1px solid #cad8e3 !important;
  border-radius: 8px !important;
  background: #eef4f8 !important;
  color: #3f72b8 !important;
  box-shadow: 0 8px 18px rgba(37, 65, 90, 0.05) !important;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

html.experience-v1 body.is-detail-view .report-content-related-button small {
  color: #6b7b84 !important;
  font-size: 10.5px !important;
}

html.experience-v1 body.is-detail-view .report-content-related-button strong {
  color: #24465e !important;
  font-size: 14.5px !important;
  font-weight: 790 !important;
}

html.experience-v1 body.is-detail-view .report-content-related-button:hover,
html.experience-v1 body.is-detail-view .report-content-related-button:focus-visible {
  border-color: #a9bfd2 !important;
  background: #e6f0f7 !important;
}

html.experience-v1 body.is-detail-view .report-content-related-button:active {
  transform: scale(0.994) !important;
}

@media (max-width: 430px) {
  html.experience-v1 body.is-detail-view .report-content-topic-hero {
    min-height: 224px !important;
    padding: 27px 18px 0 !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-hero-copy {
    width: calc(100% - 104px) !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-hero h1,
  html.experience-v1 body.is-detail-view .report-content-topic-hero h2 {
    font-size: 25px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-companion {
    top: 31px !important;
    right: 14px !important;
    width: 92px !important;
    height: 92px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-tags {
    margin-right: -18px !important;
    margin-left: -18px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-personal-result > header {
    padding: 24px 18px 21px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-personal-copy {
    padding: 23px 18px 29px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-personal-copy p,
  html.experience-v1 body.is-detail-view .report-content-personal-copy p + p {
    font-size: 14.5px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-metrics {
    padding: 27px 18px 24px !important;
  }

  html.experience-v1 body.is-detail-view .report-content-related-button {
    width: calc(100% - 36px) !important;
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 body.is-detail-view .report-content-related-button {
    transition: none !important;
  }
}

/* Consistent topic identity and representative element character pass 84.
 * Topic meaning comes from its icon and title; one day-stem element character
 * remains recognisable while only its expression changes by context. */
html.experience-v1 body.is-report-view .report-primary-menu-card,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card {
  --portal-tone: #4d79b2 !important;
  --topic-tone: #4d79b2 !important;
  --topic-soft: #f1f5f9 !important;
  --topic-line: #cedae5 !important;
  border-color: var(--topic-line) !important;
  background: var(--topic-soft) !important;
  color: #243b4b !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card::after {
  border-color: rgba(77, 121, 178, 0.2) !important;
  box-shadow: inset 0 0 0 30px rgba(77, 121, 178, 0.035) !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card > .has-report-icon,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card > .has-report-icon {
  border-color: #b9cce0 !important;
  background: #f8fbfd !important;
  color: #4d79b2 !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card:hover,
html.experience-v1 body.is-report-view .report-primary-menu-card:focus-visible,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card:hover,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card:focus-visible {
  border-color: #adc3d8 !important;
  background: #eaf1f7 !important;
}

html.experience-v1 .experience-domain-companion,
html.experience-v1 .report-content-topic-companion,
html.experience-v1 .experience-metric-guide {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html.experience-v1 .experience-domain-companion > small,
html.experience-v1 .report-content-topic-companion > small {
  position: absolute !important;
  right: 50% !important;
  bottom: -8px !important;
  min-width: max-content !important;
  padding: 3px 7px !important;
  transform: translateX(50%) !important;
  border: 1px solid #c6d6e4 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #45667f !important;
  font-family: var(--font-ui-kr) !important;
  font-size: 9.5px !important;
  font-style: normal !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 10px rgba(38, 67, 94, 0.08) !important;
}

html.experience-v1 .manse-pillars.is-label-free .manse-row {
  grid-template-columns: repeat(var(--manse-cols), minmax(0, 1fr)) !important;
}

html.experience-v1 .manse-pillars.is-label-free .manse-row > :first-child {
  border-left: 0 !important;
}

html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-pillar-head b {
  color: #355b78 !important;
  font-size: 14px !important;
  font-weight: 830 !important;
}

/* Unknown birth-time palja slot v1. */
html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-pillar-head.is-unknown,
html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-cell.is-unknown {
  background: #f4f7f9 !important;
  color: #86929b !important;
}

html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-pillar-head.is-unknown b {
  color: #657684 !important;
}

html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-pillar-head.is-unknown em,
html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-cell.is-unknown .manse-token,
html.experience-v1 body.is-detail-view .manse-pillars.is-label-free .manse-cell.is-unknown .manse-muted {
  color: #96a1a9 !important;
}

/* Circular daily score and safe artwork framing pass 85. */
html.experience-v1 body.is-daily-view main .daily-home-overview {
  grid-template-columns: minmax(0, 1fr) 192px !important;
  gap: 24px !important;
  min-height: 318px !important;
  padding: 30px 26px 104px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  position: relative !important;
  display: block !important;
  width: 190px !important;
  min-width: 190px !important;
  height: 190px !important;
  aspect-ratio: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--daily-score-color) 26%, #d8e2ec) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 45% 35%, rgba(255, 255, 255, 0.98), rgba(250, 252, 253, 0.9) 68%, rgba(238, 244, 249, 0.88)) !important;
  box-shadow:
    0 18px 34px rgba(42, 73, 106, 0.1),
    inset 0 0 0 8px rgba(255, 255, 255, 0.58) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge {
  position: absolute !important;
  inset: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  aspect-ratio: 1 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: visible !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge circle {
  fill: none !important;
  stroke-width: 8px !important;
  stroke-linecap: round !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge-value {
  transform: rotate(-90deg) !important;
  transform-origin: 50% 50% !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number {
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  transform: translateY(-8px) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
  font-size: 52px !important;
  line-height: 0.94 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label {
  position: absolute !important;
  right: 24px !important;
  bottom: 28px !important;
  left: 24px !important;
  z-index: 2 !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label span {
  font-size: 9.5px !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-report-view .report-primary-menu-card > .has-report-icon,
html.experience-v1 body.is-report-view .report-primary-menu-card > .report-primary-menu-icon,
html.experience-v1 body.is-report-view .report-analysis-menu .report-primary-menu-more-card > .has-report-icon,
html.experience-v1 body.is-report-view .report-content-feature > .report-content-topic-icon {
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #f8fbfd !important;
}

html.experience-v1 .intro-brand-mark,
html.experience-v1 .page-transition-brand-mark {
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

html.experience-v1 .intro-brand-mark img,
html.experience-v1 .page-transition-brand-mark img {
  width: 100% !important;
  height: 100% !important;
  padding: 7px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  object-fit: contain !important;
}

html.experience-v1 .experience-domain-companion,
html.experience-v1 .report-content-topic-companion,
html.experience-v1 .experience-metric-guide {
  box-sizing: border-box !important;
  overflow: visible !important;
  background-position: center !important;
  background-size: 76% auto !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    gap: 22px !important;
    min-height: 482px !important;
    padding: 30px clamp(16px, 4.8vw, 20px) 112px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro {
    width: 100% !important;
    padding-top: 0 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: clamp(178px, 47vw, 190px) !important;
    min-width: clamp(178px, 47vw, 190px) !important;
    height: clamp(178px, 47vw, 190px) !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    min-height: 456px !important;
    padding-bottom: 104px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 172px !important;
    min-width: 172px !important;
    height: 172px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 48px !important;
  }
}

/* Character-free detail composition.
 * Radar and summaries now carry the opening section without decorative figures. */
html.experience-v1 .experience-domain-companion,
html.experience-v1 .report-content-topic-companion,
html.experience-v1 .experience-metric-guide {
  display: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero {
  min-height: 0 !important;
  padding: 28px 24px 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
  width: 100% !important;
  min-height: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2,
html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
  max-width: 520px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual {
  display: block !important;
  width: min(100%, 430px) !important;
  margin: 18px auto 6px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
  width: 100% !important;
  height: 294px !important;
  min-height: 294px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
  top: 36px !important;
  width: min(74%, 272px) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords {
  margin: 12px -24px 0 !important;
  padding-inline: 24px !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero {
  min-height: 0 !important;
  padding: 31px 22px 0 !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero-copy {
  width: 100% !important;
  max-width: 560px !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-hero-copy p {
  max-width: 520px !important;
}

html.experience-v1 body.is-detail-view .report-content-topic-tags {
  margin-top: 24px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero {
    min-height: 0 !important;
    padding: 24px clamp(16px, 4.8vw, 20px) 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
    width: 100% !important;
    min-height: 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2,
  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    max-width: none !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual {
    width: 100% !important;
    margin-top: 14px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 272px !important;
    min-height: 272px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 34px !important;
    width: min(76%, 252px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords {
    margin-right: calc(clamp(16px, 4.8vw, 20px) * -1) !important;
    margin-left: calc(clamp(16px, 4.8vw, 20px) * -1) !important;
    padding-right: clamp(16px, 4.8vw, 20px) !important;
    padding-left: clamp(16px, 4.8vw, 20px) !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-hero {
    min-height: 0 !important;
    padding: 28px 18px 0 !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-hero-copy {
    width: 100% !important;
  }

  html.experience-v1 body.is-detail-view .report-content-topic-tags {
    margin-right: -18px !important;
    margin-left: -18px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 248px !important;
    min-height: 248px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 32px !important;
    width: min(76%, 226px) !important;
  }
}

/* All-visible topic menu: every domain is readable without dragging or disclosure. */
html.experience-v1 body.is-report-view .report-explore-menu .report-topic-menu-group {
  display: grid !important;
  gap: 14px !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-menu-group-head {
  min-height: 28px !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  touch-action: manipulation !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 13px !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 70px !important;
  aspect-ratio: auto !important;
  padding: 10px 11px !important;
  text-align: left !important;
  scroll-snap-align: none !important;
  touch-action: manipulation !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card:nth-child(7) {
  grid-column: 1 / -1 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card::before {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > .has-report-icon {
  align-self: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-topic-menu-copy {
  display: grid !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-topic-menu-copy strong {
  color: #1d3142 !important;
  font-size: 14.5px !important;
  line-height: 1.25 !important;
  font-weight: 820 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-topic-menu-arrow {
  width: 14px !important;
  height: 14px !important;
  color: #71869a !important;
}

/* Detail actions: one clear metric CTA, finished related content, intentional sibling navigation. */
html.experience-v1 body.is-detail-view .domain-metric-overview.is-collapsed-all {
  margin: 28px 18px 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view
  .domain-metric-overview.is-collapsed-all
  .domain-metric-overview-list {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.experience-v1 body.is-detail-view
  .domain-metric-overview-rest.is-full-disclosure {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.experience-v1 body.is-detail-view
  .domain-metric-overview-rest.is-full-disclosure
  > .domain-metric-overview-rest-toggle {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 20px !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 70px !important;
  max-height: none !important;
  padding: 12px 16px !important;
  border: 1px solid #315f9c !important;
  border-radius: 8px !important;
  background: #315f9c !important;
  color: #ffffff !important;
  text-align: left !important;
  box-shadow: 0 9px 20px rgba(36, 74, 124, 0.2) !important;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    opacity 130ms ease !important;
}

html.experience-v1 body.is-detail-view
  .domain-metric-overview-rest.is-full-disclosure
  > .domain-metric-overview-rest-toggle:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(36, 74, 124, 0.24) !important;
}

html.experience-v1 body.is-detail-view
  .domain-metric-overview-rest.is-full-disclosure
  > .domain-metric-overview-rest-toggle:focus-visible {
  outline: 3px solid rgba(49, 95, 156, 0.28) !important;
  outline-offset: 3px !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-icon {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-copy strong {
  color: #ffffff !important;
  font-size: 15.5px !important;
  line-height: 1.3 !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-copy small {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-arrow {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
}

html.experience-v1 body.is-detail-view .domain-related-content,
html.experience-v1 body.is-detail-view .personality-related-content {
  display: grid !important;
  gap: 11px !important;
  margin: 34px 18px 0 !important;
  padding: 22px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #d6e0e9 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .domain-related-content h3,
html.experience-v1 body.is-detail-view .personality-related-content h3 {
  margin: 0 !important;
  color: #263b50 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

html.experience-v1 body.is-detail-view .domain-related-content button,
html.experience-v1 body.is-detail-view .personality-related-content button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 14px !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 12px 16px !important;
  border: 1px solid #d4dee8 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #24394e !important;
  box-shadow: 0 5px 14px rgba(36, 61, 86, 0.045) !important;
}

html.experience-v1 body.is-detail-view .domain-related-content button.is-new,
html.experience-v1 body.is-detail-view .personality-related-content button.is-new {
  grid-template-columns: 36px minmax(0, 1fr) 14px !important;
}

html.experience-v1 body.is-detail-view .domain-related-content button span,
html.experience-v1 body.is-detail-view .personality-related-content button span {
  min-width: 0 !important;
  color: #24394e !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  font-weight: 730 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .domain-related-content button em,
html.experience-v1 body.is-detail-view .personality-related-content button em {
  display: inline-grid !important;
  width: 34px !important;
  height: 21px !important;
  place-items: center !important;
  border: 1px solid #bf873f !important;
  border-radius: 5px !important;
  color: #8f6228 !important;
  font-size: 8.5px !important;
  font-style: normal !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-detail-view .domain-related-content button > i,
html.experience-v1 body.is-detail-view .personality-related-content button > i {
  justify-self: end !important;
  color: #607990 !important;
}

html.experience-v1 body.is-detail-view .domain-related-content button:focus-visible,
html.experience-v1 body.is-detail-view .personality-related-content button:focus-visible {
  outline: 3px solid rgba(49, 95, 156, 0.22) !important;
  outline-offset: 2px !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 34px 18px 34px !important;
  padding-top: 22px !important;
  border-top: 1px solid #d6e0e9 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation.has-single-route {
  grid-template-columns: minmax(0, 1fr) !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 68px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 14px !important;
  border: 1px solid #d4dee8 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #24394e !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view
  .domain-sibling-navigation.has-single-route
  .domain-sibling-navigation-button.is-next {
  justify-content: space-between !important;
  text-align: left !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button small {
  color: #718195 !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  font-weight: 670 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button strong {
  overflow: hidden !important;
  color: #24394e !important;
  font-size: 14.5px !important;
  line-height: 1.3 !important;
  font-weight: 820 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-arrow {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  padding: 7px !important;
  border-radius: 50% !important;
  background: #eef4fa !important;
  color: #426b9d !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
}

html.experience-v1 body.is-detail-view .domain-sibling-navigation-button:focus-visible {
  outline: 3px solid rgba(49, 95, 156, 0.22) !important;
  outline-offset: 2px !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view
    .domain-metric-overview-rest.is-full-disclosure
    > .domain-metric-overview-rest-toggle {
    grid-template-columns: 38px minmax(0, 1fr) 18px !important;
    gap: 10px !important;
    padding-inline: 13px !important;
  }

  html.experience-v1 body.is-detail-view .domain-metric-overview-disclosure-icon {
    width: 38px !important;
    height: 38px !important;
  }

  html.experience-v1 body.is-detail-view .domain-sibling-navigation {
    gap: 7px !important;
  }

  html.experience-v1 body.is-detail-view .domain-sibling-navigation-button {
    padding-inline: 11px !important;
  }
}

/* Topic-entry harmony: center the icon and label as one navigational unit. */
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card {
  grid-template-columns: minmax(0, 1fr) 14px !important;
  gap: 4px !important;
  min-height: 72px !important;
  padding: 10px 13px !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card
  > .report-topic-menu-main {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding-left: 18px !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card
  .report-topic-menu-main
  > .has-report-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 0 !important;
  border: 1px solid rgba(57, 104, 153, 0.12) !important;
  border-radius: 11px !important;
  background: #dfeaf4 !important;
  color: #35689f !important;
  box-shadow: 0 3px 9px rgba(55, 92, 128, 0.07) !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card
  .report-topic-menu-main
  > .has-report-icon
  .report-category-icon {
  width: 27px !important;
  height: 27px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card
  .report-topic-menu-copy {
  display: block !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card
  .report-topic-menu-copy strong {
  display: block !important;
  color: #243b50 !important;
  font-size: 14.25px !important;
  line-height: 1.25 !important;
  font-weight: 780 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card
  .report-topic-menu-arrow {
  justify-self: end !important;
  width: 14px !important;
  height: 14px !important;
  color: #6f8498 !important;
  opacity: 0.86 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card:hover
  .report-topic-menu-main
  > .has-report-icon,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-primary-menu-card:focus-visible
  .report-topic-menu-main
  > .has-report-icon {
  background: #d5e4f1 !important;
  color: #285b93 !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-primary-menu-card {
    grid-template-columns: minmax(0, 1fr) 12px !important;
    gap: 3px !important;
    min-height: 66px !important;
    padding-inline: 8px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-primary-menu-card
    > .report-topic-menu-main {
    gap: 7px !important;
    padding-left: 15px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-primary-menu-card
    .report-topic-menu-main
    > .has-report-icon {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-primary-menu-card
    .report-topic-menu-main
    > .has-report-icon
    .report-category-icon {
    width: 24px !important;
    height: 24px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-primary-menu-card
    .report-topic-menu-copy strong {
    font-size: 12.75px !important;
  }
}

/* Daily main final layout: keep the overview compact after all legacy passes. */
html.experience-v1 body.is-daily-view main .daily-home-overview {
  grid-template-columns: minmax(0, 1fr) 172px !important;
  align-items: center !important;
  gap: 26px !important;
  min-height: 238px !important;
  padding: 26px 24px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  width: 172px !important;
  min-width: 172px !important;
  height: 172px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge {
  inset: 9px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
  font-size: 48px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label {
  right: 20px !important;
  bottom: 24px !important;
  left: 20px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 132px !important;
    justify-items: stretch !important;
    gap: 12px !important;
    min-height: 208px !important;
    padding: 22px 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    max-width: 100% !important;
    font-size: 22px !important;
    line-height: 1.38 !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 132px !important;
    min-width: 132px !important;
    height: 132px !important;
    margin: 0 !important;
    justify-self: end !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge {
    inset: 7px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge circle {
    stroke-width: 7px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number {
    gap: 3px !important;
    transform: translateY(-13px) !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 40px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number small {
    font-size: 11px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-label {
    right: 14px !important;
    bottom: 29px !important;
    left: 14px !important;
    font-size: 11px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-label span {
    font-size: 8.5px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-label strong {
    min-width: 38px !important;
    padding: 2px 8px !important;
    font-size: 10.5px !important;
  }

  html.experience-v1 body.is-daily-view main
    .daily-home-categories
    .daily-fortune-disclosure
    > summary {
    grid-template-columns: 38px minmax(0, 1fr) 18px !important;
    column-gap: 11px !important;
    width: 100% !important;
    padding: 10px 13px 10px 14px !important;
  }

  html.experience-v1 body.is-daily-view main
    .daily-home-categories
    .daily-fortune-row-main {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    width: 100% !important;
    padding-right: 0 !important;
  }

  html.experience-v1 body.is-daily-view main
    .daily-home-categories
    .daily-fortune-row-chevron {
    right: 13px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 124px !important;
    gap: 9px !important;
    min-height: 198px !important;
    padding-inline: 14px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 20px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 124px !important;
    min-width: 124px !important;
    height: 124px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 37px !important;
  }

  html.experience-v1 body.is-daily-view main
    .daily-home-categories
    .daily-fortune-disclosure
    > summary {
    grid-template-columns: 34px minmax(0, 1fr) 16px !important;
    column-gap: 8px !important;
    padding-inline: 11px !important;
  }

  html.experience-v1 body.is-daily-view main
    .daily-home-categories
    .daily-fortune-row-main {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}

/* Daily guidance consolidation: one advice surface with emphasized context. */
html.experience-v1 body.is-daily-view main .daily-home-guidance {
  display: block !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 15px !important;
  padding: 19px 18px 17px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-heading {
  display: grid !important;
  gap: 8px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-heading .daily-guidance-label {
  margin: 0 !important;
  color: #397b72 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-primary {
  color: var(--ui-ink) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 780 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points {
  display: grid !important;
  border-top: 1px solid #d6e2df !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points > p {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 13px 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points > p + p {
  border-top: 1px solid #dfe8e5 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points strong {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 850 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points .is-strong strong {
  color: #3f72a5 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points .is-watch strong,
html.experience-v1 body.is-daily-view main .daily-home-action-points .is-caution strong {
  color: #9a6039 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points span {
  color: color-mix(in srgb, var(--ui-ink) 72%, white) !important;
  font-size: 13px !important;
  line-height: 1.68 !important;
  font-weight: 570 !important;
  word-break: keep-all !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-daily-view main .daily-home-action {
    padding: 17px 15px 15px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-action-points > p {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
  }
}

/* Production topic-menu restoration: compact four-up cards, timing menu unchanged. */
html.experience-v1 body.is-report-view
  .report-explore-menu
  > .report-dashboard-head {
  display: flex !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-analysis-menu-toggle {
  display: inline-flex !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  padding: 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  color: #8d6734 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-analysis-menu-toggle
  .report-analysis-menu-chevron {
  width: 15px !important;
  height: 15px !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group {
  display: grid !important;
  gap: 0 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-grid,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(39px, 1fr) auto !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 82px !important;
  aspect-ratio: auto !important;
  padding: 8px 4px 8px !important;
  border-color: #d7e0e8 !important;
  background: #fbfcfe !important;
  text-align: center !important;
  box-shadow: 0 5px 14px rgba(41, 70, 98, 0.055) !important;
  scroll-snap-align: none !important;
  touch-action: manipulation !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:hover,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:focus-visible {
  border-color: #c7d5e2 !important;
  background: #f7fafc !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:nth-child(7) {
  grid-column: auto !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card::before,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card
  > .has-report-icon {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(65, 105, 149, 0.12) !important;
  border-radius: 9px !important;
  background: #e8eff6 !important;
  color: #3d6fa3 !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card
  > .has-report-icon
  .report-category-icon {
  width: 26px !important;
  height: 26px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.05 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card
  > strong {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  color: #31475c !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
  font-weight: 740 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: normal !important;
  align-self: end !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more {
  width: 100% !important;
  margin-top: 0 !important;
  padding-inline: 0 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu.is-expanded
  .report-topic-menu-group
  .report-primary-menu-more {
  margin-top: 8px !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd) {
  grid-column: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(39px, 1fr) auto !important;
  justify-items: center !important;
  min-height: 82px !important;
  padding: 8px 4px 8px !important;
  background: #fbfcfe !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > .has-report-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > strong {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  justify-self: center !important;
  width: 100% !important;
  text-align: center !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-grid,
  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-more-grid {
    gap: 6px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card {
    min-height: 78px !important;
    grid-template-rows: minmax(36px, 1fr) auto !important;
    gap: 3px !important;
    padding: 7px 2px 7px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-more-grid
    > .report-primary-menu-more-card:last-child:nth-child(odd) {
    grid-template-rows: minmax(36px, 1fr) auto !important;
    min-height: 78px !important;
    padding: 7px 2px 7px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card
    > .has-report-icon {
    width: 35px !important;
    height: 35px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card
    > .has-report-icon
    .report-category-icon {
    width: 23px !important;
    height: 23px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card
    > strong {
    font-size: 10.7px !important;
  }
}

/* Daily score breathing room: enlarge the circle without changing its score. */
html.experience-v1 body.is-daily-view main .daily-home-overview {
  grid-template-columns: minmax(0, 1fr) 184px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  width: 184px !important;
  min-width: 184px !important;
  height: 184px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge {
  inset: 10px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
  font-size: 50px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 144px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 144px !important;
    min-width: 144px !important;
    height: 144px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge {
    inset: 8px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
    font-size: 43px !important;
  }
}

@media (max-width: 350px) {
  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 136px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 136px !important;
    min-width: 136px !important;
    height: 136px !important;
  }
}

/* Domain main screen reference layout.
 * Keeps every calculated value intact while matching the approved airy card,
 * large six-axis radar, three-row interpretation, and profiling action. */
html.experience-v1 body.is-detail-view .experience-domain-hero {
  box-sizing: border-box !important;
  min-height: 0 !important;
  margin: 18px 0 0 !important;
  padding: 38px 36px 24px !important;
  overflow: hidden !important;
  border: 1px solid #dedfdf !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(38, 52, 66, 0.07) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero::before {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy {
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy > span {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: var(--detail-accent, #c74a3a) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy > span::before {
  width: 36px !important;
  height: 2px !important;
  flex: 0 0 36px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
  max-width: none !important;
  margin: 16px 0 0 !important;
  color: #102641 !important;
  font-size: 40px !important;
  line-height: 1.16 !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
  max-width: none !important;
  margin: 20px 0 0 !important;
  color: #34465a !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual {
  display: block !important;
  width: min(100%, 560px) !important;
  margin: 24px auto 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
  position: relative !important;
  width: 100% !important;
  height: 516px !important;
  min-height: 516px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section::before {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
  position: absolute !important;
  top: 52px !important;
  left: 50% !important;
  display: block !important;
  width: min(88%, 490px) !important;
  height: auto !important;
  aspect-ratio: 6 / 5 !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: translateX(-50%) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption {
  position: absolute !important;
  z-index: 2 !important;
  display: grid !important;
  width: 136px !important;
  min-width: 0 !important;
  justify-items: center !important;
  gap: 8px !important;
  color: #142a45 !important;
  pointer-events: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-0 {
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-1 {
  top: 91px !important;
  right: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-2 {
  right: 0 !important;
  bottom: 83px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-3 {
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-4 {
  bottom: 83px !important;
  left: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-5 {
  top: 91px !important;
  left: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-label {
  display: grid !important;
  min-height: 20px !important;
  justify-items: center !important;
  color: #142a45 !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
  text-align: center !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-label > span {
  display: block !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-grade-bg {
  display: grid !important;
  width: auto !important;
  min-width: 46px !important;
  height: 34px !important;
  padding: 0 9px !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--metric-bar-color, #5d91d4) 58%, #d5e2f2) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--metric-bar-color, #5d91d4) 8%, #fff) !important;
  box-shadow: 0 2px 7px rgba(53, 94, 143, 0.08) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-grade {
  color: var(--metric-bar-color, #386fba) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  text-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-grid polygon,
html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-grid line {
  stroke: #a9c3e4 !important;
  stroke-width: 0.72px !important;
  stroke-dasharray: 2.4 2.4 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-area {
  fill: rgba(75, 138, 224, 0.16) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-stroke {
  stroke: #347fdc !important;
  stroke-width: 1.35px !important;
  filter: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-point {
  fill: #347fdc !important;
  stroke: #fff !important;
  stroke-width: 0.9px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core {
  margin: 6px 0 0 !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #dfe4e9 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core > h3 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 11px !important;
  color: #182c46 !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core > h3 > i {
  position: relative !important;
  display: block !important;
  width: 20px !important;
  height: 17px !important;
  flex: 0 0 20px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core > h3 > i > span {
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #58a7d6 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core > h3 > i > span:first-child {
  top: 1px !important;
  left: 1px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core > h3 > i > span:last-child {
  right: 1px !important;
  bottom: 1px !important;
  width: 8px !important;
  height: 8px !important;
  opacity: 0.72 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1.2fr) 58px minmax(112px, 0.88fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 50px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e3e7eb !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div:last-child {
  border-bottom: 0 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div + div::before {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords .domain-metric-overview-icon {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #edf4fd !important;
  color: #4c83c7 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords .metric-caution .domain-metric-overview-icon {
  background: #fff1ec !important;
  color: #d06048 !important;
}

html.experience-v1 body.is-detail-view .experience-domain-keywords .domain-metric-overview-icon svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords b {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #172b44 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords em {
  position: static !important;
  display: grid !important;
  min-width: 54px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  place-items: center !important;
  justify-self: start !important;
  border: 1px solid color-mix(in srgb, var(--metric-bar-color, #5d91d4) 48%, #d9e4f1) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--metric-bar-color, #5d91d4) 7%, #fff) !important;
  color: var(--metric-bar-color, #386fba) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 820 !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords .metric-caution em {
  border-color: #e8a091 !important;
  background: #fff7f4 !important;
  color: #d04f3a !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div > span:last-child {
  min-width: 0 !important;
  margin: 0 !important;
  color: #405268 !important;
  font-size: 16px !important;
  line-height: 1.42 !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

/* Profile entry CTA: reference-proportioned typography and spacing. */
html.experience-v1 body.is-detail-view .domain-profile-entry {
  margin: 30px 0 14px !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-button {
  grid-template-columns: 80px minmax(0, 1fr) 30px !important;
  gap: 24px !important;
  min-height: 150px !important;
  padding: 26px 30px !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  color: #173c72 !important;
  box-shadow: 0 12px 30px rgba(50, 77, 108, 0.08) !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-icon {
  width: 80px !important;
  height: 80px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f0f6fd !important;
  color: #2d72d6 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-icon svg {
  width: 42px !important;
  height: 42px !important;
  stroke-width: 2 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-copy {
  gap: 10px !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
  color: #2874dc !important;
  font-size: 19px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
  color: #0d223e !important;
  font-size: 25px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .domain-profile-entry-arrow {
  width: 30px !important;
  height: 30px !important;
  stroke: #8094af !important;
  stroke-width: 2 !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero {
    margin-top: 14px !important;
    padding: 28px 22px 16px !important;
    border-radius: 22px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy > span {
    gap: 10px !important;
    font-size: 13px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy > span::before {
    width: 26px !important;
    flex-basis: 26px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    margin-top: 12px !important;
    font-size: 31px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual {
    width: 100% !important;
    margin-top: 18px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 350px !important;
    min-height: 350px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 30px !important;
    width: min(103%, 356px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption {
    width: 92px !important;
    gap: 5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-1,
  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-5 {
    top: 67px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-2,
  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-4 {
    bottom: 62px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-label {
    min-height: 17px !important;
    font-size: 12px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-grade-bg {
    min-width: 38px !important;
    height: 28px !important;
    padding-inline: 7px !important;
    border-radius: 7px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-grade {
    font-size: 13px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-core {
    padding-top: 17px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-core > h3 {
    margin-bottom: 9px !important;
    font-size: 15px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div {
    grid-template-columns: 32px minmax(108px, 1fr) 42px minmax(100px, 0.86fr) !important;
    gap: 6px !important;
    min-height: 36px !important;
    padding-block: 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords .domain-metric-overview-icon {
    width: 30px !important;
    height: 30px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords .domain-metric-overview-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords b {
    font-size: 13.5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords em {
    min-width: 40px !important;
    height: 28px !important;
    padding-inline: 5px !important;
    font-size: 13.5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div > span:last-child {
    font-size: 11.7px !important;
    line-height: 1.34 !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry {
    margin-top: 24px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-button {
    grid-template-columns: 54px minmax(0, 1fr) 18px !important;
    gap: 10px !important;
    min-height: 112px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy {
    gap: 5px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    overflow: visible !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-arrow {
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 440px) {
  html.experience-v1 body.is-detail-view .domain-profile-entry-button {
    grid-template-columns: 50px minmax(0, 1fr) 16px !important;
    gap: 8px !important;
    min-height: 104px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-icon {
    width: 50px !important;
    height: 50px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-icon svg {
    width: 28px !important;
    height: 28px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 11px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    font-size: 12px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-arrow {
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .domain-profile-entry-button {
    grid-template-columns: 44px minmax(0, 1fr) 14px !important;
    gap: 7px !important;
    min-height: 94px !important;
    padding: 12px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-icon {
    width: 44px !important;
    height: 44px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-icon svg {
    width: 25px !important;
    height: 25px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 10px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    font-size: 9.5px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero {
    padding-inline: 17px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 326px !important;
    min-height: 326px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 48px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div {
    grid-template-columns: 36px minmax(0, 1fr) 42px !important;
    min-height: 68px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div > span:last-child {
    grid-column: 2 / 4 !important;
    margin-top: -4px !important;
  }
}

/* Result archetype hero: reference-led white card composition. */
html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 640px !important;
  min-height: 252px !important;
  margin: 20px auto 0 !important;
  padding: 32px 34px 26px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid #d9e1e9 !important;
  border-radius: 16px !important;
  background: #fffefd !important;
  box-shadow: 0 18px 42px rgba(38, 61, 89, 0.075) !important;
}

html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard::before {
  content: none !important;
  display: none !important;
}

html.experience-v1 body.is-report-view .report-personality-copy {
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: calc(100% - 164px) !important;
}

html.experience-v1 body.is-report-view .report-personality-type-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  color: #92641f !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-report-view .report-personality-type-label::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

html.experience-v1 body.is-report-view .report-personality-copy h2 {
  max-width: none !important;
  margin: 12px 0 0 !important;
  overflow: visible !important;
  color: #0b203c !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-personality-copy p {
  max-width: 350px !important;
  margin: 14px 0 0 !important;
  overflow: visible !important;
  color: #586b80 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  font-weight: 520 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-personality-actions {
  margin-top: 14px !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link {
  min-width: 0 !important;
  min-height: 40px !important;
  gap: 13px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #276bd1 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link:hover,
html.experience-v1 body.is-report-view .report-personality-detail-link:focus-visible {
  background: transparent !important;
  color: #1859bb !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link i {
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
  border-width: 2px 2px 0 0 !important;
}

html.experience-v1 body.is-report-view .report-personality-type-icon {
  position: absolute !important;
  top: 50% !important;
  right: 34px !important;
  bottom: auto !important;
  display: grid !important;
  place-items: center !important;
  width: 132px !important;
  height: 132px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f4f8fd !important;
  color: #2d6fd4 !important;
  box-shadow: inset 0 0 28px rgba(65, 125, 210, 0.035) !important;
  opacity: 1 !important;
  transform: translateY(-50%) !important;
}

html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
  width: 72px !important;
  height: 72px !important;
  stroke-width: 1.8 !important;
  transform: none !important;
}

html.experience-v1 body.is-report-view .report-profile-save-button.report-personality-save-control {
  top: 22px !important;
  right: 30px !important;
  min-height: 36px !important;
  color: #6c7e91 !important;
  font-size: 12px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
    min-height: 220px !important;
    margin: 14px auto 0 !important;
    padding: 22px 20px 18px !important;
    border: 1px solid #d9e1e9 !important;
    border-radius: 16px !important;
    background: #fffefd !important;
    box-shadow: 0 14px 34px rgba(38, 61, 89, 0.07) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy {
    width: auto !important;
    max-width: calc(100% - 96px) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-label {
    gap: 9px !important;
    font-size: 12px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-label::before {
    width: 7px !important;
    height: 7px !important;
    flex-basis: 7px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    margin-top: 9px !important;
    font-size: 25px !important;
    line-height: 1.28 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy p {
    max-width: 225px !important;
    margin-top: 10px !important;
    font-size: 13.5px !important;
    line-height: 1.54 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-actions {
    margin-top: 10px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-detail-link {
    min-height: 36px !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 13.5px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    top: 52% !important;
    right: 20px !important;
    bottom: auto !important;
    width: 88px !important;
    height: 88px !important;
    border: 0 !important;
    background: #f4f8fd !important;
    box-shadow: inset 0 0 22px rgba(65, 125, 210, 0.035) !important;
    transform: translateY(-50%) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 50px !important;
    height: 50px !important;
  }

  html.experience-v1 body.is-report-view .report-profile-save-button.report-personality-save-control {
    top: 17px !important;
    right: 20px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
    min-height: 212px !important;
    padding: 20px 16px 16px !important;
    border-radius: 16px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy {
    max-width: calc(100% - 76px) !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy p {
    max-width: 198px !important;
    font-size: 12.5px !important;
    line-height: 1.52 !important;
  }

  html.experience-v1 body.is-report-view .report-personality-detail-link {
    font-size: 13.5px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    right: 14px !important;
    width: 76px !important;
    height: 76px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 43px !important;
    height: 43px !important;
  }
}

/* Result menu surfaces: one soft-white card system and clean forward arrows. */
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd) {
  background: #fffefd !important;
}

html.experience-v1 body.is-report-view .report-period-menu-card {
  background: #ffffff !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:hover,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:focus-visible,
html.experience-v1 body.is-report-view .report-period-menu-card:hover,
html.experience-v1 body.is-report-view .report-period-menu-card:focus-visible {
  background: #ffffff !important;
}

html.experience-v1 body.is-report-view
  .report-content-feature
  > .report-content-topic-icon,
html.experience-v1 body.is-report-view
  .report-content-feature.is-new
  > .report-content-topic-icon {
  background: #ffffff !important;
}

html.experience-v1 body.is-report-view .report-content-feature > i {
  display: block !important;
  width: 9px !important;
  height: 9px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-top: 1.75px solid #607994 !important;
  border-right: 1.75px solid #607994 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
}

/* Detailed profiling v2: segmented reference composition. */
html.experience-v1 body.is-profile-view .screen-profile {
  padding-right: 0 !important;
  padding-left: 0 !important;
  background: #fbfcfe !important;
}

html.experience-v1 body.is-profile-view .profile-appbar,
html.experience-v1 body.is-profile-view .profile-appbar.light {
  min-height: 62px !important;
  grid-template-columns: minmax(92px, 1fr) minmax(0, 1.8fr) minmax(92px, 1fr) !important;
  margin: 0 !important;
  padding: max(10px, env(safe-area-inset-top)) 22px 10px !important;
  border-bottom: 1px solid #dde5ee !important;
  background: rgba(255, 255, 255, 0.97) !important;
}

html.experience-v1 body.is-profile-view .profile-appbar > strong {
  color: #122d4e !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-profile-view .profile-appbar .back-button,
html.experience-v1 body.is-profile-view .profile-appbar .share-button {
  font-size: 14.5px !important;
  font-weight: 650 !important;
}

html.experience-v1 body.is-profile-view .profile-root {
  min-height: calc(100vh - 62px - env(safe-area-inset-top)) !important;
  padding: 24px 0 42px !important;
  background: #fbfcfe !important;
}

html.experience-v1 .domain-profile-shell {
  width: 100% !important;
  max-width: 552px !important;
  margin: 0 auto !important;
}

html.experience-v1 .domain-profile-progress {
  min-height: 20px !important;
  display: block !important;
  margin: 0 30px 13px !important;
}

html.experience-v1 .domain-profile-progress > span {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 6px !important;
  overflow: visible !important;
  border-radius: 999px !important;
  background: #e5ebf2 !important;
}

html.experience-v1 .domain-profile-progress > span::after {
  background: #2678eb !important;
}

html.experience-v1 .domain-profile-progress > span::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: var(--profile-progress) !important;
  z-index: 2 !important;
  width: 18px !important;
  height: 18px !important;
  box-sizing: border-box !important;
  transform: translate(-50%, -50%) !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  background: #2678eb !important;
  box-shadow: 0 2px 7px rgba(38, 120, 235, 0.3) !important;
}

html.experience-v1 .domain-profile-metric-navigation {
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 31px 24px !important;
}

html.experience-v1 .domain-profile-metric-navigation > button {
  min-width: 0 !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #405b77 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 620 !important;
  white-space: nowrap !important;
}

html.experience-v1 .domain-profile-metric-navigation > button.is-previous {
  justify-self: start !important;
}

html.experience-v1 .domain-profile-metric-navigation > button.is-next {
  justify-self: end !important;
}

html.experience-v1 .domain-profile-metric-navigation > button:disabled {
  opacity: 0.4 !important;
  cursor: default !important;
}

html.experience-v1 .domain-profile-metric-navigation svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
}

html.experience-v1 .domain-profile-metric-navigation .is-previous svg {
  transform: rotate(180deg) !important;
}

html.experience-v1 .domain-profile-metric-navigation > b {
  color: #122d4e !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  font-variant-numeric: tabular-nums !important;
}

html.experience-v1 .domain-profile-viewport {
  min-height: 0 !important;
  display: block !important;
  padding: 0 22px !important;
  touch-action: pan-y !important;
}

html.experience-v1 .domain-profile-card {
  min-height: 0 !important;
  display: grid !important;
  gap: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #122d4e !important;
  box-shadow: none !important;
}

html.experience-v1 .domain-profile-summary-card,
html.experience-v1 .domain-profile-interpretation {
  border: 1px solid #d8e2ec !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 11px 28px rgba(42, 75, 110, 0.055) !important;
}

html.experience-v1 .domain-profile-summary-card {
  padding: 31px 31px 29px !important;
}

html.experience-v1 .domain-profile-card-head {
  grid-template-columns: minmax(0, 1fr) 86px !important;
  gap: 18px !important;
  padding-bottom: 25px !important;
  border-bottom: 1px solid #dfe7ef !important;
}

html.experience-v1 .domain-profile-card-head > div > span {
  margin-bottom: 9px !important;
  color: #2678eb !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 720 !important;
}

html.experience-v1 .domain-profile-card-head h1 {
  color: #102b4d !important;
  font-size: 34px !important;
  line-height: 1.18 !important;
  font-weight: 860 !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge {
  width: 86px !important;
  min-width: 86px !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 36px !important;
  background: #e8f2ff !important;
  color: #2870d6 !important;
  box-shadow: none !important;
  font-size: 31px !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
  color: inherit !important;
  font-size: 31px !important;
  font-weight: 820 !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-card-head .metric-level-badge,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-card-head .metric-level-badge {
  background: #fff0e9 !important;
  color: #c56245 !important;
}

html.experience-v1 .domain-profile-score-line {
  margin: 20px 0 0 !important;
}

html.experience-v1 .domain-profile-result-head {
  margin-bottom: 10px !important;
}

html.experience-v1 .domain-profile-result-head strong,
html.experience-v1 .domain-profile-result-head span {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 680 !important;
}

html.experience-v1 .domain-profile-score-line .metric-bar {
  height: 8px !important;
}

html.experience-v1 .domain-profile-definition {
  margin-top: 28px !important;
  padding: 24px 25px !important;
  border-radius: 17px !important;
  background: #f2f7fd !important;
}

html.experience-v1 .domain-profile-definition p {
  color: #183657 !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
  font-weight: 510 !important;
}

html.experience-v1 .domain-profile-interpretation-frame {
  position: relative !important;
  min-width: 0 !important;
  touch-action: pan-y !important;
}

html.experience-v1 .domain-profile-interpretation {
  min-height: 320px !important;
  display: block !important;
  margin: 0 !important;
  padding: 31px 31px 38px !important;
}

html.experience-v1 .domain-profile-interpretation-head {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html.experience-v1 .domain-profile-interpretation-head h2 {
  min-width: 0 !important;
  margin: 0 !important;
  color: #173454 !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 790 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

html.experience-v1 .domain-profile-copy-status {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
}

html.experience-v1 .domain-profile-copy-status > b {
  color: #173c6b !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
}

html.experience-v1 .domain-profile-copy-status > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

html.experience-v1 .domain-profile-copy-status i {
  width: 22px !important;
  height: 7px !important;
  display: block !important;
  border-radius: 999px !important;
  background: #e1e8f0 !important;
}

html.experience-v1 .domain-profile-copy-status i.is-active {
  background: #2678eb !important;
}

html.experience-v1 .domain-profile-copy {
  display: block !important;
  padding: 29px 8px 0 !important;
}

html.experience-v1 .domain-profile-copy p,
html.experience-v1 .domain-profile-copy p:first-child,
html.experience-v1 .domain-profile-copy p:nth-child(2) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #183657 !important;
  font-size: 17px !important;
  line-height: 1.88 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

html.experience-v1 .domain-profile-copy p + p,
html.experience-v1 .domain-profile-copy p:first-child + p {
  margin-top: 21px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html.experience-v1 .domain-profile-copy strong {
  color: #2678eb !important;
  font-weight: 800 !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-copy strong,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-copy strong {
  color: #c05f43 !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 5 !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border: 1px solid #d2deea !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #2678eb !important;
  box-shadow: 0 7px 18px rgba(49, 79, 109, 0.1) !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-previous {
  left: -22px !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-next {
  right: -22px !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:disabled {
  visibility: visible !important;
  opacity: 0.38 !important;
  pointer-events: none !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow svg {
  width: 21px !important;
  height: 21px !important;
}

@media (max-width: 440px) {
  html.experience-v1 body.is-profile-view .profile-appbar,
  html.experience-v1 body.is-profile-view .profile-appbar.light {
    min-height: 58px !important;
    grid-template-columns: minmax(82px, 1fr) minmax(0, 1.65fr) minmax(82px, 1fr) !important;
    padding: max(8px, env(safe-area-inset-top)) 16px 8px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar > strong {
    font-size: 14.5px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .back-button,
  html.experience-v1 body.is-profile-view .profile-appbar .share-button {
    font-size: 13.5px !important;
  }

  html.experience-v1 body.is-profile-view .profile-root {
    padding-top: 21px !important;
  }

  html.experience-v1 .domain-profile-progress {
    min-height: 6px !important;
    margin-right: 25px !important;
    margin-bottom: 9px !important;
    margin-left: 25px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation {
    min-height: 34px !important;
    margin-right: 23px !important;
    margin-bottom: 16px !important;
    margin-left: 23px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation > button {
    min-height: 34px !important;
    font-size: 14px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation > b {
    font-size: 17px !important;
  }

  html.experience-v1 .domain-profile-viewport {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  html.experience-v1 .domain-profile-card {
    gap: 22px !important;
  }

  html.experience-v1 .domain-profile-summary-card {
    padding: 27px 23px 25px !important;
    border-radius: 19px !important;
  }

  html.experience-v1 .domain-profile-card-head {
    grid-template-columns: minmax(0, 1fr) 68px !important;
    gap: 14px !important;
    padding-bottom: 18px !important;
  }

  html.experience-v1 .domain-profile-card-head > div > span {
    font-size: 15px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 27px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge {
    width: 68px !important;
    min-width: 68px !important;
    height: 54px !important;
    min-height: 54px !important;
    font-size: 25px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
    font-size: 25px !important;
  }

  html.experience-v1 .domain-profile-score-line {
    margin-top: 16px !important;
  }

  html.experience-v1 .domain-profile-result-head {
    margin-bottom: 8px !important;
  }

  html.experience-v1 .domain-profile-result-head strong,
  html.experience-v1 .domain-profile-result-head span {
    font-size: 15.5px !important;
  }

  html.experience-v1 .domain-profile-definition {
    margin-top: 21px !important;
    padding: 18px 20px !important;
  }

  html.experience-v1 .domain-profile-definition p,
  html.experience-v1 .domain-profile-copy p,
  html.experience-v1 .domain-profile-copy p:first-child,
  html.experience-v1 .domain-profile-copy p:nth-child(2) {
    font-size: 16px !important;
  }

  html.experience-v1 .domain-profile-definition p {
    line-height: 1.72 !important;
  }

  html.experience-v1 .domain-profile-interpretation {
    min-height: 296px !important;
    padding: 27px 23px 30px !important;
    border-radius: 19px !important;
  }

  html.experience-v1 .domain-profile-interpretation-head h2 {
    font-size: 18px !important;
  }

  html.experience-v1 .domain-profile-copy-status {
    gap: 9px !important;
  }

  html.experience-v1 .domain-profile-copy-status > b {
    font-size: 15px !important;
  }

  html.experience-v1 .domain-profile-copy-status i {
    width: 18px !important;
    height: 6px !important;
  }

  html.experience-v1 .domain-profile-copy {
    padding: 25px 2px 0 !important;
  }

  html.experience-v1 .domain-profile-copy p:first-child strong:first-child {
    display: block !important;
    margin-bottom: 14px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
    width: 42px !important;
    height: 42px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-previous {
    left: -20px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-next {
    right: -20px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-profile-view .profile-appbar,
  html.experience-v1 body.is-profile-view .profile-appbar.light {
    grid-template-columns: minmax(72px, 1fr) minmax(0, 1.55fr) minmax(72px, 1fr) !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar > strong {
    font-size: 13px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .back-button,
  html.experience-v1 body.is-profile-view .profile-appbar .share-button {
    font-size: 12.5px !important;
  }

  html.experience-v1 .domain-profile-progress {
    margin-right: 22px !important;
    margin-left: 22px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation {
    gap: 8px !important;
    margin-right: 18px !important;
    margin-left: 18px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation > button {
    gap: 4px !important;
    font-size: 12.5px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation > b {
    font-size: 15px !important;
  }

  html.experience-v1 .domain-profile-viewport {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html.experience-v1 .domain-profile-summary-card {
    padding: 24px 18px 23px !important;
  }

  html.experience-v1 .domain-profile-card-head {
    grid-template-columns: minmax(0, 1fr) 68px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 26px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge {
    width: 68px !important;
    min-width: 68px !important;
    height: 56px !important;
    min-height: 56px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge,
  html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
    font-size: 25px !important;
  }

  html.experience-v1 .domain-profile-definition {
    padding: 19px 17px !important;
  }

  html.experience-v1 .domain-profile-definition p,
  html.experience-v1 .domain-profile-copy p,
  html.experience-v1 .domain-profile-copy p:first-child,
  html.experience-v1 .domain-profile-copy p:nth-child(2) {
    font-size: 16px !important;
  }

  html.experience-v1 .domain-profile-interpretation {
    min-height: 300px !important;
    padding: 25px 18px 31px !important;
  }

  html.experience-v1 .domain-profile-interpretation-head {
    gap: 9px !important;
  }

  html.experience-v1 .domain-profile-interpretation-head h2 {
    font-size: 17px !important;
  }

  html.experience-v1 .domain-profile-copy-status > b {
    font-size: 14px !important;
  }

  html.experience-v1 .domain-profile-copy-status > span {
    gap: 3px !important;
  }

  html.experience-v1 .domain-profile-copy-status i {
    width: 13px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
    width: 38px !important;
    height: 38px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-previous {
    left: -17px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-next {
    right: -17px !important;
  }
}

/* Detailed profiling v3: centered reading with footer controls. */
html.experience-v1 .domain-profile-footer-controls {
  width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 0 0 4px !important;
}

html.experience-v1 .domain-profile-footer-controls .domain-profile-metric-navigation {
  margin: 0 31px 13px !important;
}

html.experience-v1 .domain-profile-footer-controls .domain-profile-progress {
  min-height: 18px !important;
  margin: 0 30px !important;
}

html.experience-v1 .domain-profile-summary-card {
  padding: 25px 28px 23px !important;
}

html.experience-v1 .domain-profile-card-head {
  grid-template-columns: minmax(0, 1fr) 80px !important;
  gap: 16px !important;
  padding-bottom: 18px !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge {
  width: 80px !important;
  min-width: 80px !important;
  height: 60px !important;
  min-height: 60px !important;
  font-size: 29px !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
  font-size: 29px !important;
}

html.experience-v1 .domain-profile-score-line {
  margin-top: 15px !important;
}

html.experience-v1 .domain-profile-result-head {
  margin-bottom: 8px !important;
}

html.experience-v1 .domain-profile-definition {
  margin-top: 18px !important;
  padding: 18px 22px !important;
}

html.experience-v1 .domain-profile-definition p {
  line-height: 1.72 !important;
}

@media (max-width: 440px) {
  html.experience-v1 .domain-profile-footer-controls {
    margin-top: 18px !important;
    padding-bottom: 2px !important;
  }

  html.experience-v1 .domain-profile-footer-controls .domain-profile-metric-navigation {
    margin: 0 23px 10px !important;
  }

  html.experience-v1 .domain-profile-footer-controls .domain-profile-progress {
    min-height: 16px !important;
    margin: 0 25px !important;
  }

  html.experience-v1 .domain-profile-summary-card {
    padding: 21px 23px 20px !important;
  }

  html.experience-v1 .domain-profile-card-head {
    grid-template-columns: minmax(0, 1fr) 64px !important;
    gap: 13px !important;
    padding-bottom: 14px !important;
  }

  html.experience-v1 .domain-profile-card-head > div > span {
    margin-bottom: 6px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 26px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge {
    width: 64px !important;
    min-width: 64px !important;
    height: 50px !important;
    min-height: 50px !important;
    font-size: 24px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
    font-size: 24px !important;
  }

  html.experience-v1 .domain-profile-score-line {
    margin-top: 12px !important;
  }

  html.experience-v1 .domain-profile-result-head {
    margin-bottom: 7px !important;
  }

  html.experience-v1 .domain-profile-definition {
    margin-top: 16px !important;
    padding: 15px 19px !important;
  }

  html.experience-v1 .domain-profile-definition p {
    line-height: 1.68 !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 .domain-profile-footer-controls .domain-profile-metric-navigation {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }

  html.experience-v1 .domain-profile-footer-controls .domain-profile-progress {
    margin-right: 22px !important;
    margin-left: 22px !important;
  }

  html.experience-v1 .domain-profile-summary-card {
    padding: 20px 18px 19px !important;
  }
}

/* Detailed profiling v4: 15 percent denser without narrowing the content column. */
html.experience-v1 body.is-profile-view .profile-appbar,
html.experience-v1 body.is-profile-view .profile-appbar.light {
  min-height: 54px !important;
  padding: max(8px, env(safe-area-inset-top)) 20px 8px !important;
}

html.experience-v1 body.is-profile-view .profile-appbar > strong {
  font-size: 14px !important;
}

html.experience-v1 body.is-profile-view .profile-appbar .back-button,
html.experience-v1 body.is-profile-view .profile-appbar .share-button {
  font-size: 13px !important;
}

html.experience-v1 body.is-profile-view .profile-root {
  padding-top: 20px !important;
  padding-bottom: 34px !important;
}

html.experience-v1 .domain-profile-card {
  gap: 20px !important;
}

html.experience-v1 .domain-profile-summary-card,
html.experience-v1 .domain-profile-interpretation {
  border-radius: 17px !important;
}

html.experience-v1 .domain-profile-summary-card {
  padding: 21px 24px 20px !important;
}

html.experience-v1 .domain-profile-card-head {
  grid-template-columns: minmax(0, 1fr) 68px !important;
  gap: 14px !important;
  padding-bottom: 15px !important;
}

html.experience-v1 .domain-profile-card-head > div > span {
  margin-bottom: 7px !important;
  font-size: 13.5px !important;
}

html.experience-v1 .domain-profile-card-head h1 {
  font-size: 29px !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge {
  width: 68px !important;
  min-width: 68px !important;
  height: 51px !important;
  min-height: 51px !important;
  padding-right: 7px !important;
  padding-left: 7px !important;
  border-radius: 28px !important;
  font-size: 25px !important;
}

html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
  font-size: 25px !important;
}

html.experience-v1 .domain-profile-score-line {
  margin-top: 13px !important;
}

html.experience-v1 .domain-profile-result-head {
  margin-bottom: 7px !important;
}

html.experience-v1 .domain-profile-result-head strong,
html.experience-v1 .domain-profile-result-head span {
  font-size: 14px !important;
}

html.experience-v1 .domain-profile-score-line .metric-bar {
  height: 7px !important;
}

html.experience-v1 .domain-profile-definition {
  margin-top: 15px !important;
  padding: 15px 19px !important;
  border-radius: 14px !important;
}

html.experience-v1 .domain-profile-definition p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html.experience-v1 .domain-profile-interpretation {
  min-height: 272px !important;
  padding: 26px 26px 31px !important;
}

html.experience-v1 .domain-profile-interpretation-head {
  min-height: 28px !important;
  gap: 13px !important;
}

html.experience-v1 .domain-profile-interpretation-head h2 {
  font-size: 16.5px !important;
}

html.experience-v1 .domain-profile-copy-status {
  gap: 11px !important;
}

html.experience-v1 .domain-profile-copy-status > b {
  font-size: 14px !important;
}

html.experience-v1 .domain-profile-copy-status > span {
  gap: 4px !important;
}

html.experience-v1 .domain-profile-copy-status i {
  width: 18px !important;
  height: 6px !important;
}

html.experience-v1 .domain-profile-copy {
  padding: 24px 7px 0 !important;
}

html.experience-v1 .domain-profile-copy p,
html.experience-v1 .domain-profile-copy p:first-child,
html.experience-v1 .domain-profile-copy p:nth-child(2) {
  font-size: 15px !important;
  line-height: 1.8 !important;
}

html.experience-v1 .domain-profile-copy p + p,
html.experience-v1 .domain-profile-copy p:first-child + p {
  margin-top: 18px !important;
}

html.experience-v1 .domain-profile-copy p:first-child strong:first-child {
  margin-bottom: 12px !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
  width: 38px !important;
  height: 38px !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-previous {
  left: -19px !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-next {
  right: -19px !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow svg {
  width: 18px !important;
  height: 18px !important;
}

html.experience-v1 .domain-profile-footer-controls {
  margin-top: 16px !important;
}

html.experience-v1 .domain-profile-footer-controls .domain-profile-metric-navigation {
  min-height: 34px !important;
  margin-bottom: 10px !important;
}

html.experience-v1 .domain-profile-metric-navigation > button {
  min-height: 34px !important;
  gap: 7px !important;
  font-size: 13px !important;
}

html.experience-v1 .domain-profile-metric-navigation > b {
  font-size: 15.5px !important;
}

html.experience-v1 .domain-profile-metric-navigation svg {
  width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;
}

html.experience-v1 .domain-profile-footer-controls .domain-profile-progress {
  min-height: 16px !important;
}

html.experience-v1 .domain-profile-progress > span {
  height: 5px !important;
}

html.experience-v1 .domain-profile-progress > span::before {
  width: 15px !important;
  height: 15px !important;
  border-width: 2px !important;
}

@media (max-width: 440px) {
  html.experience-v1 body.is-profile-view .profile-appbar,
  html.experience-v1 body.is-profile-view .profile-appbar.light {
    min-height: 52px !important;
    padding: max(7px, env(safe-area-inset-top)) 14px 7px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar > strong {
    font-size: 13px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .back-button,
  html.experience-v1 body.is-profile-view .profile-appbar .share-button {
    font-size: 12.2px !important;
  }

  html.experience-v1 body.is-profile-view .profile-root {
    padding-top: 17px !important;
    padding-bottom: 30px !important;
  }

  html.experience-v1 .domain-profile-card {
    gap: 18px !important;
  }

  html.experience-v1 .domain-profile-summary-card {
    padding: 18px 20px 17px !important;
  }

  html.experience-v1 .domain-profile-card-head {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    gap: 11px !important;
    padding-bottom: 12px !important;
  }

  html.experience-v1 .domain-profile-card-head > div > span {
    margin-bottom: 5px !important;
    font-size: 12.8px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 23px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge {
    width: 56px !important;
    min-width: 56px !important;
    height: 43px !important;
    min-height: 43px !important;
    font-size: 21px !important;
  }

  html.experience-v1 .domain-profile-card-head .metric-level-badge > span {
    font-size: 21px !important;
  }

  html.experience-v1 .domain-profile-score-line {
    margin-top: 10px !important;
  }

  html.experience-v1 .domain-profile-result-head {
    margin-bottom: 6px !important;
  }

  html.experience-v1 .domain-profile-result-head strong,
  html.experience-v1 .domain-profile-result-head span {
    font-size: 13.5px !important;
  }

  html.experience-v1 .domain-profile-definition {
    margin-top: 13px !important;
    padding: 13px 16px !important;
  }

  html.experience-v1 .domain-profile-definition p {
    font-size: 14.3px !important;
    line-height: 1.67 !important;
  }

  html.experience-v1 .domain-profile-interpretation {
    min-height: 252px !important;
    padding: 23px 20px 25px !important;
  }

  html.experience-v1 .domain-profile-interpretation-head h2 {
    font-size: 15.5px !important;
  }

  html.experience-v1 .domain-profile-copy-status {
    gap: 8px !important;
  }

  html.experience-v1 .domain-profile-copy-status > b {
    font-size: 13px !important;
  }

  html.experience-v1 .domain-profile-copy-status i {
    width: 15px !important;
    height: 5px !important;
  }

  html.experience-v1 .domain-profile-copy {
    padding: 21px 0 0 !important;
  }

  html.experience-v1 .domain-profile-copy p,
  html.experience-v1 .domain-profile-copy p:first-child,
  html.experience-v1 .domain-profile-copy p:nth-child(2) {
    font-size: 14.4px !important;
    line-height: 1.78 !important;
  }

  html.experience-v1 .domain-profile-copy p:first-child strong:first-child {
    margin-bottom: 12px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
    width: 38px !important;
    height: 38px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-previous {
    left: -19px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-next {
    right: -19px !important;
  }

  html.experience-v1 .domain-profile-footer-controls {
    margin-top: 15px !important;
  }

  html.experience-v1 .domain-profile-footer-controls .domain-profile-metric-navigation {
    min-height: 30px !important;
    margin-bottom: 8px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation > button {
    min-height: 30px !important;
    gap: 5px !important;
    font-size: 12.5px !important;
  }

  html.experience-v1 .domain-profile-metric-navigation > b {
    font-size: 15px !important;
  }

  html.experience-v1 .domain-profile-footer-controls .domain-profile-progress {
    min-height: 14px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 .domain-profile-summary-card {
    padding: 17px 16px 16px !important;
  }

  html.experience-v1 .domain-profile-card-head h1 {
    font-size: 22px !important;
  }

  html.experience-v1 .domain-profile-definition p,
  html.experience-v1 .domain-profile-copy p,
  html.experience-v1 .domain-profile-copy p:first-child,
  html.experience-v1 .domain-profile-copy p:nth-child(2) {
    font-size: 14px !important;
  }
}

/* Detailed profiling v5: readable definition and interpretation copy. */
html.experience-v1 .domain-profile-definition p {
  color: #142f4d !important;
  line-height: 1.74 !important;
  font-weight: 540 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

html.experience-v1 .domain-profile-copy p,
html.experience-v1 .domain-profile-copy p:first-child,
html.experience-v1 .domain-profile-copy p:nth-child(2) {
  color: #173452 !important;
  line-height: 1.84 !important;
  font-weight: 510 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

html.experience-v1 .domain-profile-copy p + p,
html.experience-v1 .domain-profile-copy p:first-child + p {
  margin-top: 19px !important;
}

html.experience-v1 .domain-profile-copy strong {
  color: #1f6fd8 !important;
  font-weight: 790 !important;
}

html.experience-v1 .domain-profile-card.metric-caution .domain-profile-copy strong,
html.experience-v1 .domain-profile-card.metric-risk .domain-profile-copy strong {
  color: #b85a3e !important;
}

@media (max-width: 440px) {
  html.experience-v1 .domain-profile-definition p {
    line-height: 1.72 !important;
  }

  html.experience-v1 .domain-profile-copy p,
  html.experience-v1 .domain-profile-copy p:first-child,
  html.experience-v1 .domain-profile-copy p:nth-child(2) {
    line-height: 1.82 !important;
  }

  html.experience-v1 .domain-profile-copy p + p,
  html.experience-v1 .domain-profile-copy p:first-child + p {
    margin-top: 17px !important;
  }
}

/* Detailed profiling v6: plain state labels without secondary verdict copy. */
html.experience-v1 .domain-profile-result-head {
  justify-content: flex-start !important;
}

html.experience-v1
  .domain-profile-card[data-profile-basic-state="normal"]
  .domain-profile-result-head
  strong {
  color: #536b84 !important;
}

/* Domain radar card compact v1: preserve width while shortening the vertical path. */
html.experience-v1 body.is-detail-view .experience-domain-hero {
  padding-top: 32px !important;
  padding-bottom: 20px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
  margin-top: 14px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
  margin-top: 16px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual {
  margin-top: 18px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
  height: 462px !important;
  min-height: 462px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
  top: 40px !important;
  width: min(82%, 455px) !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-1,
html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-5 {
  top: 80px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-2,
html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-4 {
  bottom: 74px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-core {
  margin-top: 2px !important;
  padding-top: 16px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero {
    padding-top: 24px !important;
    padding-bottom: 14px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy h2 {
    margin-top: 10px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero-copy p {
    margin-top: 10px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual {
    margin-top: 12px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 318px !important;
    min-height: 318px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 24px !important;
    width: min(94%, 326px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-1,
  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-5 {
    top: 58px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-2,
  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-4 {
    bottom: 54px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-core {
    margin-top: 2px !important;
    padding-top: 12px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 302px !important;
    min-height: 302px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 28px !important;
    width: min(94%, 282px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-1,
  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-5 {
    top: 55px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-2,
  html.experience-v1 body.is-detail-view .experience-domain-visual .report-radar-caption.is-axis-4 {
    bottom: 50px !important;
  }
}

/* Core summary mobile row layout v1: keep icon, label, grade, and state in distinct cells. */
@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div {
    grid-template-columns: 32px minmax(94px, 1.1fr) 42px minmax(92px, 0.95fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    min-height: 52px !important;
    padding: 5px 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords .domain-metric-overview-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords em {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div > span:last-child {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div {
    grid-template-columns: 32px minmax(0, 1fr) 42px !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    min-height: 62px !important;
    padding: 6px 0 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-keywords .domain-metric-overview-icon {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords b {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords em {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-hero .experience-domain-keywords > div > span:last-child {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    margin: 0 !important;
  }
}

/* Final metric glance sizing and mobile profile-entry legibility. */
html.experience-v1 body.is-detail-view .experience-domain-metric-board {
  margin-top: 2px !important;
  padding-top: 12px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-board-head {
  margin-bottom: 7px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px 6px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card {
  min-height: 45px !important;
  padding: 7px 8px !important;
  column-gap: 6px !important;
  row-gap: 5px !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-label {
  font-size: 12.5px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-card > .metric-level-badge {
  min-width: 32px !important;
  height: 22px !important;
  padding-inline: 5px !important;
  font-size: 11.5px !important;
}

html.experience-v1 body.is-detail-view .experience-domain-metric-bar .metric-bar {
  height: 4px !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    overflow: visible !important;
    font-size: 10.5px !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card {
    min-height: 52px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section {
    height: 286px !important;
    min-height: 286px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-visual > .domain-radar-section > .report-radar-plot {
    top: 18px !important;
    width: min(90%, 292px) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-board-head h3 {
    font-size: 15px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-card {
    min-height: 43px !important;
    padding: 6px 7px !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    font-size: 10.5px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    font-size: 15px !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .experience-domain-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.experience-v1 body.is-detail-view .experience-domain-metric-label {
    font-size: 11.5px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small {
    font-size: 12px !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    font-size: 13.5px !important;
  }
}

/* Final grade-cleanup and profile-arrow contrast overrides. */
html.experience-v1 body.is-detail-view .experience-domain-metric-card {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "label"
    "bar" !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow {
  border-color: #b8d2f3 !important;
  background: #edf5ff !important;
  color: #1f6fd7 !important;
  box-shadow: 0 7px 18px rgba(37, 103, 184, 0.14) !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:hover,
html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:focus-visible {
  border-color: #8db7ec !important;
  background: #e4f0ff !important;
  color: #155fbe !important;
}

html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow:disabled {
  border-color: #d5e1ee !important;
  background: #f4f7fb !important;
  color: #91a9c3 !important;
  opacity: 0.72 !important;
}

/* Annual page density and hierarchy polish v2. */
html.experience-v1 body.is-detail-view .annual-detail {
  align-content: start !important;
}

html.experience-v1 body.is-detail-view .annual-experience-intro {
  margin-top: 12px !important;
  padding: 16px 18px !important;
}

html.experience-v1 body.is-detail-view .annual-experience-intro > div:first-child {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
}

html.experience-v1 body.is-detail-view .annual-experience-intro > div:first-child > span {
  flex: 0 0 auto !important;
}

html.experience-v1 body.is-detail-view .annual-experience-intro h2 {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
}

html.experience-v1 body.is-detail-view .annual-glance {
  margin-top: 18px !important;
  padding-top: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-breakdown-head {
  margin-bottom: 10px !important;
}

html.experience-v1 body.is-detail-view .annual-overview-title {
  font-size: 20px !important;
}

html.experience-v1 body.is-detail-view .annual-group-head {
  grid-template-columns: minmax(0, 1fr) auto 20px !important;
  gap: 12px !important;
  min-height: 66px !important;
  padding: 0 15px !important;
  transition: background-color 180ms ease !important;
}

html.experience-v1 body.is-detail-view .annual-group-head > strong {
  font-size: 14.5px !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-detail-view .annual-group-summary {
  display: flex !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-group-bar {
  display: none !important;
}

html.experience-v1 body.is-detail-view .annual-group-head .annual-score-status {
  min-width: 39px !important;
  height: 28px !important;
  padding-inline: 8px !important;
  border-radius: 7px !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-detail-view .annual-group-chevron {
  width: 18px !important;
  height: 18px !important;
  color: #607b99 !important;
  stroke-width: 2.1 !important;
}

html.experience-v1 body.is-detail-view .annual-metric-group[open] > .annual-group-head {
  background: rgba(63, 114, 184, 0.045) !important;
}

html.experience-v1 body.is-detail-view .annual-metric-group[open] > .annual-group-head .annual-group-chevron {
  color: var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view .annual-metric-group.is-overall > .annual-group-head {
  background: rgba(63, 114, 184, 0.065) !important;
}

html.experience-v1 body.is-detail-view .annual-metric-group.is-overall > .annual-group-head > strong {
  color: #284f7a !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-detail-view .annual-metric-group.is-overall[open] > .annual-group-head {
  background: rgba(63, 114, 184, 0.1) !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .annual-group-head {
    grid-template-columns: minmax(0, 1fr) auto 18px !important;
    gap: 9px !important;
    padding-inline: 12px !important;
  }

  html.experience-v1 body.is-detail-view .annual-group-head > strong {
    font-size: 14px !important;
  }
}

/* Annual overview banner and grade-free category index v3. */
html.experience-v1 body.is-detail-view .annual-radar-section {
  margin: 12px 0 0 !important;
  padding: 20px 14px 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(63, 114, 184, 0.18) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(239, 246, 252, 0.92), rgba(255, 255, 255, 0.98) 46%) !important;
  box-shadow: 0 12px 28px rgba(31, 58, 70, 0.075) !important;
}

html.experience-v1 body.is-detail-view .annual-radar-head {
  padding: 0 6px !important;
}

html.experience-v1 body.is-detail-view .annual-radar-head h2 {
  margin: 0 !important;
  color: var(--ui-ink) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 830 !important;
  letter-spacing: -0.018em !important;
}

html.experience-v1 body.is-detail-view .annual-radar-chart {
  width: min(100%, 430px) !important;
  margin: 3px auto 0 !important;
}

html.experience-v1 body.is-detail-view .annual-radar-chart > svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

html.experience-v1 body.is-detail-view .annual-radar-grid polygon,
html.experience-v1 body.is-detail-view .annual-radar-grid line {
  fill: none !important;
  stroke: #a9c3e4 !important;
  stroke-width: 0.72px !important;
  stroke-dasharray: 2.4 2.4 !important;
  vector-effect: non-scaling-stroke !important;
}

html.experience-v1 body.is-detail-view .annual-radar-area {
  fill: rgba(75, 138, 224, 0.16) !important;
}

html.experience-v1 body.is-detail-view .annual-radar-stroke {
  fill: none !important;
  stroke: #347fdc !important;
  stroke-width: 1.35px !important;
  stroke-linejoin: round !important;
  filter: none !important;
  vector-effect: non-scaling-stroke !important;
}

html.experience-v1 body.is-detail-view .annual-radar-point {
  fill: #347fdc !important;
  stroke: #ffffff !important;
  stroke-width: 0.9px !important;
  vector-effect: non-scaling-stroke !important;
}

html.experience-v1 body.is-detail-view .annual-radar-axis-name {
  fill: #334d5d !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  text-anchor: middle !important;
}

html.experience-v1 body.is-detail-view .annual-radar-axis-score {
  fill: #3f72b8 !important;
  font-size: 12px !important;
  font-weight: 840 !important;
  text-anchor: middle !important;
}

html.experience-v1 body.is-detail-view .annual-radar-axis-score.is-very-good,
html.experience-v1 body.is-detail-view .annual-radar-status.is-very-good {
  fill: #245b9f !important;
}

html.experience-v1 body.is-detail-view .annual-radar-axis-score.is-good,
html.experience-v1 body.is-detail-view .annual-radar-status.is-good {
  fill: #4679b8 !important;
}

html.experience-v1 body.is-detail-view .annual-radar-axis-score.is-normal,
html.experience-v1 body.is-detail-view .annual-radar-status.is-normal {
  fill: #5f6d7b !important;
}

html.experience-v1 body.is-detail-view .annual-radar-axis-score.is-bad,
html.experience-v1 body.is-detail-view .annual-radar-status.is-bad {
  fill: #9f5a35 !important;
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .annual-radar-section {
    padding: 18px 8px 10px !important;
  }

  html.experience-v1 body.is-detail-view .annual-radar-head {
    padding-inline: 10px !important;
  }

  html.experience-v1 body.is-detail-view .annual-radar-head h2 {
    font-size: 19px !important;
  }

  html.experience-v1 body.is-detail-view .annual-radar-axis-name,
  html.experience-v1 body.is-detail-view .annual-radar-axis-score {
    font-size: 11.5px !important;
  }
}

html.experience-v1 body.is-detail-view .annual-overall-section {
  margin: 12px 0 0 !important;
}

html.experience-v1 body.is-detail-view .annual-overall-inline {
  margin-top: 22px !important;
  padding: 0 2px !important;
}

html.experience-v1 body.is-detail-view .annual-overall-inline-head {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 2px 11px !important;
}

html.experience-v1 body.is-detail-view .annual-overall-inline-head::after {
  content: "" !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(82, 111, 141, 0.22), rgba(82, 111, 141, 0.03)) !important;
}

html.experience-v1 body.is-detail-view .annual-overall-inline-head > h3 {
  margin: 0 !important;
  color: var(--ui-ink) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
  letter-spacing: -0.018em !important;
}

html.experience-v1 body.is-detail-view .annual-overall-inline > .annual-metric-glance {
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(63, 114, 184, 0.24) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(63, 114, 184, 0.13), rgba(255, 255, 255, 0.98) 58%, rgba(63, 128, 108, 0.1)) !important;
  box-shadow: 0 14px 32px rgba(31, 58, 70, 0.1) !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-head {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 128px !important;
  padding: 22px 20px !important;
  overflow: hidden !important;
  list-style: none !important;
  cursor: pointer !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-head::-webkit-details-marker {
  display: none !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-head::marker {
  content: "" !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-head::after {
  content: "" !important;
  position: absolute !important;
  right: -48px !important;
  bottom: -84px !important;
  width: 188px !important;
  height: 188px !important;
  border: 1px solid rgba(63, 114, 184, 0.15) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 34px rgba(63, 128, 108, 0.035) !important;
  pointer-events: none !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-copy {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-copy > small {
  display: block !important;
  color: var(--ui-blue) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
  letter-spacing: 0.02em !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-copy > h2 {
  max-width: 390px !important;
  margin: 7px 0 0 !important;
  color: var(--ui-ink) !important;
  font-size: clamp(22px, 5.2vw, 27px) !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-chevron {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 7px !important;
  border: 1px solid rgba(63, 114, 184, 0.18) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #4b6f95 !important;
  stroke-width: 2.1px !important;
  transition: transform 180ms ease, color 180ms ease, background-color 180ms ease !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner[open] > .annual-overall-banner-head {
  border-bottom: 1px solid rgba(39, 70, 82, 0.12) !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner[open] .annual-overall-banner-chevron {
  transform: rotate(90deg) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--ui-blue) !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-body {
  padding: 14px 14px 18px !important;
  background: rgba(255, 255, 255, 0.74) !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-body .annual-group-overview {
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-overall-banner-body .annual-group-overview-list {
  background: rgba(255, 255, 255, 0.92) !important;
}

html.experience-v1 body.is-detail-view .annual-glance {
  margin-top: 24px !important;
}

html.experience-v1 body.is-detail-view .annual-overview-title {
  font-size: 21px !important;
  font-weight: 820 !important;
}

html.experience-v1 body.is-detail-view .annual-group-head {
  grid-template-columns: minmax(0, 1fr) 20px !important;
  gap: 12px !important;
  min-height: 64px !important;
}

html.experience-v1 body.is-detail-view .annual-glance .annual-group-summary,
html.experience-v1 body.is-detail-view .annual-glance .annual-score-status {
  display: none !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view .annual-overall-banner-head {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    min-height: 122px !important;
    padding: 20px 17px !important;
  }

  html.experience-v1 body.is-detail-view .annual-overall-banner-copy > h2 {
    font-size: 22px !important;
  }

  html.experience-v1 body.is-detail-view .annual-group-head {
    grid-template-columns: minmax(0, 1fr) 18px !important;
    padding-inline: 12px !important;
  }
}

/* Annual compact metric grid and note layer v1. */
html.experience-v1 body.is-detail-view .annual-detail-modal {
  position: relative !important;
  width: min(calc(100vw - 24px), 680px) !important;
  height: auto !important;
  max-height: min(82dvh, 680px) !important;
  margin: auto !important;
  border-radius: 20px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal-panel.annual-detail {
  height: auto !important;
  max-height: min(82dvh, 680px) !important;
  border: 1px solid rgba(63, 114, 184, 0.18) !important;
  border-radius: 20px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal-header {
  min-height: 70px !important;
  padding: 12px 13px 11px 17px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal-heading > small {
  font-size: 10.5px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal-heading > h2 {
  margin-top: 3px !important;
  font-size: clamp(19px, 4vw, 22px) !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal-close {
  width: 38px !important;
  height: 38px !important;
  padding: 9px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal-body {
  max-height: calc(min(82dvh, 680px) - 70px) !important;
  padding: 10px !important;
  overflow-y: auto !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-metric-glance {
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-glance-item {
  display: grid !important;
  min-width: 0 !important;
  min-height: 56px !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
  grid-template-rows: minmax(24px, auto) 4px !important;
  grid-template-areas:
    "label grade"
    "bar bar" !important;
  align-items: center !important;
  gap: 7px 6px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  appearance: none !important;
  border: 1px solid rgba(39, 70, 82, 0.13) !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--ui-ink) !important;
  box-shadow: 0 4px 12px rgba(40, 65, 79, 0.045) !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-glance-item:hover {
  border-color: color-mix(in srgb, var(--metric-bar-color, var(--ui-blue)) 42%, transparent) !important;
  background: color-mix(in srgb, var(--metric-bar-color, var(--ui-blue)) 4%, #fff) !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-glance-item:active {
  transform: translateY(1px) !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-glance-item:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--metric-bar-color, var(--ui-blue)) 24%, transparent) !important;
  outline-offset: 2px !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-label {
  display: flex !important;
  min-width: 0 !important;
  grid-area: label !important;
  align-items: center !important;
  gap: 4px !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-label > strong {
  display: -webkit-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--ui-ink) !important;
  font-size: 11.25px !important;
  line-height: 1.28 !important;
  font-weight: 720 !important;
  letter-spacing: -0.015em !important;
  word-break: keep-all !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-label > small {
  display: grid !important;
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  place-items: center !important;
  border: 1px solid rgba(73, 103, 117, 0.24) !important;
  border-radius: 50% !important;
  color: #6f8792 !important;
  font-family: Georgia, serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-item > .metric-level-badge {
  width: 34px !important;
  min-width: 34px !important;
  height: 24px !important;
  grid-area: grade !important;
  justify-self: end !important;
  font-size: 9.5px !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-item > .metric-level-badge[class*="metric-grade-"] {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-bar {
  min-width: 0 !important;
  grid-area: bar !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-bar > .metric-bar {
  width: 100% !important;
  height: 4px !important;
  margin: 0 !important;
}

html.experience-v1 .annual-metric-note-modal:not([open]) {
  display: none !important;
}

html.experience-v1 .annual-metric-note-modal {
  position: fixed !important;
  z-index: 5 !important;
  inset: 0 !important;
  display: grid !important;
  width: min(calc(100vw - 24px), 460px) !important;
  height: fit-content !important;
  max-width: none !important;
  max-height: min(88dvh, 720px) !important;
  margin: auto !important;
  padding: 0 !important;
  place-items: stretch !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 .annual-metric-note-modal::backdrop {
  background: rgba(18, 37, 49, 0.58) !important;
  backdrop-filter: blur(7px) !important;
  animation: annual-detail-backdrop-in 160ms ease both;
}

html.experience-v1 .annual-metric-note-panel {
  display: grid !important;
  width: 100% !important;
  max-height: min(88dvh, 720px) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(63, 114, 184, 0.18) !important;
  border-radius: 17px !important;
  background: #fff !important;
  color: var(--ui-ink) !important;
  box-shadow: 0 22px 60px rgba(18, 37, 49, 0.28) !important;
  animation: annual-metric-note-panel-in 190ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.experience-v1 .annual-metric-note-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 14px 12px 18px !important;
  border-bottom: 1px solid rgba(39, 70, 82, 0.11) !important;
}

html.experience-v1 .annual-metric-note-header > div {
  min-width: 0 !important;
}

html.experience-v1 .annual-metric-note-header small {
  display: block !important;
  overflow: hidden !important;
  color: var(--ui-blue) !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  font-weight: 760 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 .annual-metric-note-header h2 {
  margin: 4px 0 0 !important;
  color: var(--ui-ink) !important;
  font-size: clamp(18px, 4.4vw, 21px) !important;
  line-height: 1.3 !important;
  font-weight: 830 !important;
  letter-spacing: -0.02em !important;
  word-break: keep-all !important;
}

html.experience-v1 .annual-metric-note-close {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 9px !important;
  place-items: center !important;
  appearance: none !important;
  border: 1px solid rgba(63, 114, 184, 0.16) !important;
  border-radius: 50% !important;
  background: #f4f7fb !important;
  color: #526f8d !important;
  cursor: pointer !important;
}

html.experience-v1 .annual-metric-note-close svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
}

html.experience-v1 .annual-metric-note-close:focus-visible {
  outline: 3px solid rgba(63, 114, 184, 0.2) !important;
  outline-offset: 2px !important;
}

html.experience-v1 .annual-metric-note-visual {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 18px 0 !important;
}

html.experience-v1 .annual-metric-note-bar > .metric-bar {
  width: 100% !important;
  height: 6px !important;
  margin: 0 !important;
}

html.experience-v1 .annual-metric-note-visual > .metric-level-badge {
  width: 38px !important;
  min-width: 38px !important;
  height: 28px !important;
}

html.experience-v1 .annual-metric-note-body {
  min-height: 0 !important;
  padding: 14px 18px 19px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

html.experience-v1 .annual-metric-note-body p {
  margin: 0 0 11px !important;
  color: var(--ui-ink-soft) !important;
  font-size: 13px !important;
  line-height: 1.78 !important;
  word-break: keep-all !important;
}

html.experience-v1 .annual-metric-note-body p:last-child {
  margin-bottom: 0 !important;
}

html.experience-v1 .annual-metric-note-body strong {
  color: var(--ui-ink) !important;
  font-weight: 760 !important;
}

@keyframes annual-metric-note-panel-in {
  from {
    opacity: 0;
    transform: translateY(7px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 480px) {
  html.experience-v1 body.is-detail-view .annual-detail-modal {
    width: calc(100vw - 16px) !important;
  }

  html.experience-v1 body.is-detail-view .annual-metric-glance-grid {
    gap: 6px !important;
  }

  html.experience-v1 body.is-detail-view button.annual-metric-glance-item {
    min-height: 54px !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    gap: 6px 4px !important;
    padding: 7px 8px !important;
  }

  html.experience-v1 body.is-detail-view .annual-metric-glance-label > strong {
    font-size: 10.5px !important;
  }

  html.experience-v1 body.is-detail-view .annual-metric-glance-label > small {
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
    font-size: 8.5px !important;
  }

  html.experience-v1 body.is-detail-view .annual-metric-glance-item > .metric-level-badge {
    width: 30px !important;
    min-width: 30px !important;
    height: 22px !important;
    font-size: 9px !important;
  }

  html.experience-v1 .annual-metric-note-modal {
    width: calc(100vw - 20px) !important;
  }

  html.experience-v1 .annual-metric-note-header {
    padding-left: 15px !important;
  }

  html.experience-v1 .annual-metric-note-body {
    padding-inline: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .annual-metric-note-modal,
  html.experience-v1 .annual-metric-note-panel {
    animation-duration: 1ms !important;
  }
}

/* Annual personalized field summary preview v5. */
html.experience-v1 body.is-detail-view .annual-detail-modal[data-annual-has-summary="true"],
html.experience-v1 body.is-detail-view .annual-detail-modal[data-annual-has-summary="true"] .annual-detail-modal-panel.annual-detail {
  max-height: min(90dvh, 780px) !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal[data-annual-has-summary="true"] .annual-detail-modal-body {
  max-height: calc(min(90dvh, 780px) - 70px) !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-card {
  display: grid !important;
  width: 100% !important;
  min-height: 132px !important;
  height: auto !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 18px auto auto !important;
  grid-template-areas:
    "kicker action"
    "heading heading"
    "preview preview" !important;
  align-items: center !important;
  gap: 4px 12px !important;
  margin: 0 0 8px !important;
  padding: 10px 14px !important;
  overflow: hidden !important;
  appearance: none !important;
  border: 1px solid rgba(63, 114, 184, 0.2) !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(116, 164, 224, 0.15), transparent 42%),
    linear-gradient(135deg, #f5f8fd 0%, #fbfcfe 72%) !important;
  color: var(--ui-ink) !important;
  box-shadow: 0 5px 16px rgba(40, 65, 79, 0.055) !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-card:hover {
  border-color: rgba(63, 114, 184, 0.36) !important;
  background-color: #f5f8fd !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-card:active {
  transform: translateY(1px) !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-card:focus-visible {
  outline: 3px solid rgba(63, 114, 184, 0.2) !important;
  outline-offset: 2px !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-kicker {
  grid-area: kicker !important;
  color: var(--ui-blue) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-kicker::before {
  content: "✦" !important;
  margin-right: 5px !important;
  color: #6c95c7 !important;
  font-size: 9px !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-action {
  grid-area: action !important;
  color: #526f8d !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  font-weight: 730 !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-action::after {
  content: "›" !important;
  margin-left: 4px !important;
  font-size: 14px !important;
  line-height: 0 !important;
  vertical-align: -1px !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-heading {
  grid-area: heading !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #263f50 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
  letter-spacing: -0.022em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-detail-view .annual-field-summary-preview {
  display: block !important;
  min-width: 0 !important;
  grid-area: preview !important;
  overflow: visible !important;
  color: #344d5c !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 570 !important;
  letter-spacing: -0.018em !important;
  word-break: keep-all !important;
  text-wrap: pretty !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-heading {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 2px 9px !important;
  color: #526f8d !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: -0.012em !important;
}

html.experience-v1 body.is-detail-view .annual-metric-glance-heading::after {
  content: "" !important;
  height: 1px !important;
  flex: 1 1 auto !important;
  background: linear-gradient(90deg, rgba(82, 111, 141, 0.22), rgba(82, 111, 141, 0.04)) !important;
}

html.experience-v1 .annual-metric-note-modal[data-annual-note-kind="summary"] .annual-metric-note-panel {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

html.experience-v1 .annual-metric-note-modal[data-annual-note-kind="summary"] .annual-metric-note-visual {
  display: none !important;
}

html.experience-v1 .annual-metric-note-modal[data-annual-note-kind="summary"] .annual-metric-note-body {
  padding: 20px 21px 24px !important;
}

html.experience-v1 .annual-metric-note-body .annual-field-summary-source-title {
  margin: 0 0 14px !important;
  color: #263f50 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 830 !important;
  letter-spacing: -0.025em !important;
  word-break: keep-all !important;
  text-wrap: pretty !important;
}

html.experience-v1 .annual-metric-note-body .annual-field-summary-full-text {
  margin: 0 !important;
  color: #344d5c !important;
  font-size: 14px !important;
  line-height: 1.78 !important;
  font-weight: 530 !important;
  letter-spacing: -0.012em !important;
  word-break: keep-all !important;
  text-wrap: pretty !important;
}

html.experience-v1 .annual-metric-note-body .annual-field-summary-full-text > strong {
  color: #263f50 !important;
  font-weight: 790 !important;
}

html.experience-v1 .annual-metric-note-body .annual-field-summary-full-text + .annual-field-summary-full-text {
  margin-top: 14px !important;
}

@media (max-width: 480px) {
  html.experience-v1 body.is-detail-view .annual-detail-modal[data-annual-has-summary="true"],
  html.experience-v1 body.is-detail-view .annual-detail-modal[data-annual-has-summary="true"] .annual-detail-modal-panel.annual-detail {
    max-height: min(88dvh, 736px) !important;
  }

  html.experience-v1 body.is-detail-view .annual-detail-modal[data-annual-has-summary="true"] .annual-detail-modal-body {
    max-height: calc(min(88dvh, 736px) - 70px) !important;
  }

  html.experience-v1 body.is-detail-view .annual-field-summary-card {
    min-height: 132px !important;
    height: auto !important;
    padding-inline: 12px !important;
  }

  html.experience-v1 body.is-detail-view .annual-field-summary-preview {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  html.experience-v1 .annual-metric-note-modal[data-annual-note-kind="summary"] .annual-metric-note-body {
    padding-inline: 16px !important;
  }
}

/* Annual detail modal radar and continuous summary preview v1. */
html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-section {
  margin: 0 0 10px !important;
  padding: 14px 8px 4px !important;
  border-radius: 15px !important;
  background:
    linear-gradient(180deg, rgba(239, 246, 252, 0.94), rgba(255, 255, 255, 0.99) 48%) !important;
  box-shadow: 0 6px 18px rgba(31, 58, 70, 0.06) !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-section .annual-radar-head {
  padding-inline: 8px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-section .annual-radar-head h2 {
  font-size: 16px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.018em !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-chart {
  width: min(100%, 400px) !important;
  margin-top: -2px !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-axis .annual-radar-axis-name {
  font-size: 10.75px !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-axis .annual-radar-axis-score {
  font-size: 10.5px !important;
  font-weight: 830 !important;
}

html.experience-v1 body.is-detail-view .annual-detail-modal .annual-field-summary-card {
  margin-bottom: 10px !important;
}

@media (max-width: 380px) {
  html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-section {
    padding: 12px 2px 2px !important;
  }

  html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-section .annual-radar-head {
    padding-inline: 10px !important;
  }

  html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-section .annual-radar-head h2 {
    font-size: 15px !important;
  }

  html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-axis .annual-radar-axis-name {
    font-size: 12.25px !important;
  }

  html.experience-v1 body.is-detail-view .annual-detail-modal .annual-detail-radar-axis .annual-radar-axis-score {
    font-size: 11.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 body.is-detail-view .annual-field-summary-card {
    transition-duration: 1ms !important;
  }
}

/* Annual category action cards v2. */
html.experience-v1 body.is-detail-view .annual-glance .annual-group-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 16px 0 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head {
  --annual-group-accent: #4b78b6;
  display: grid !important;
  min-height: 58px !important;
  grid-template-columns: 36px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 9px 11px !important;
  border: 1px solid color-mix(in srgb, var(--annual-group-accent) 18%, #d8e1e8) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 0% 50%, color-mix(in srgb, var(--annual-group-accent) 8%, transparent), transparent 46%),
    #fff !important;
  box-shadow: 0 5px 15px rgba(40, 65, 79, 0.05) !important;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease !important;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="career"] {
  --annual-group-accent: #4b78b6;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="money"] {
  --annual-group-accent: #2f8b80;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="social"] {
  --annual-group-accent: #6676a8;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="love"] {
  --annual-group-accent: #b66e7d;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="marriage"] {
  --annual-group-accent: #a47a4c;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="honor"] {
  --annual-group-accent: #526f9f;
}

html.experience-v1 body.is-detail-view button.annual-group-head[data-annual-group-key="condition"] {
  --annual-group-accent: #4f8876;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head > strong {
  min-width: 0 !important;
  color: #273f4e !important;
  font-size: 14.5px !important;
  line-height: 1.3 !important;
  font-weight: 780 !important;
  letter-spacing: -0.012em !important;
}

html.experience-v1 body.is-detail-view .annual-group-icon,
html.experience-v1 body.is-detail-view .annual-group-action {
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: 0 !important;
  margin-left: 0 !important;
  color: var(--annual-group-accent) !important;
}

html.experience-v1 body.is-detail-view .annual-group-icon {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  border: 1px solid color-mix(in srgb, var(--annual-group-accent) 22%, transparent) !important;
  border-radius: 11px !important;
  background: color-mix(in srgb, var(--annual-group-accent) 9%, #fff) !important;
}

html.experience-v1 body.is-detail-view .annual-group-icon-svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html.experience-v1 body.is-detail-view .annual-group-action {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  justify-self: end !important;
  border: 1px solid color-mix(in srgb, var(--annual-group-accent) 18%, transparent) !important;
  border-radius: 50% !important;
  background: color-mix(in srgb, var(--annual-group-accent) 5%, #fff) !important;
}

html.experience-v1 body.is-detail-view .annual-group-action .annual-group-chevron {
  width: 14px !important;
  height: 14px !important;
  color: inherit !important;
  stroke-width: 2.25 !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:hover {
  border-color: color-mix(in srgb, var(--annual-group-accent) 36%, #d8e1e8) !important;
  background:
    radial-gradient(circle at 0% 50%, color-mix(in srgb, var(--annual-group-accent) 12%, transparent), transparent 52%),
    #fff !important;
  box-shadow: 0 8px 20px rgba(40, 65, 79, 0.08) !important;
  transform: translateY(-1px) !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:active {
  box-shadow: 0 3px 10px rgba(40, 65, 79, 0.055) !important;
  transform: translateY(1px) !important;
}

html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--annual-group-accent) 22%, transparent) !important;
  outline-offset: 2px !important;
  box-shadow: 0 5px 15px rgba(40, 65, 79, 0.07) !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head {
    grid-template-columns: 34px minmax(0, 1fr) 28px !important;
    gap: 9px !important;
    padding-inline: 9px !important;
  }

  html.experience-v1 body.is-detail-view .annual-group-icon {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 body.is-detail-view button.annual-metric-group.annual-group-head {
    transition-duration: 1ms !important;
  }
}

/* Birth input two-step redesign v1.
 * Keeps the existing birth-date and birth-time contracts while reducing each
 * decision screen to one clear task. */
html.experience-v1 .screen-home {
  --birth-input-blue: #346fba;
  --birth-input-blue-strong: #285f9f;
  --birth-input-ink: #172f40;
  --birth-input-copy: #607384;
  --birth-input-line: #d7e2ea;
  min-height: 100dvh !important;
  padding: 0 22px 48px !important;
  background:
    radial-gradient(circle at 82% 7%, rgba(83, 142, 204, 0.12), transparent 29%),
    linear-gradient(180deg, #f4f8fb 0%, #edf4f8 56%, #f7f9fa 100%) !important;
}

html.experience-v1 .screen-home .input-appbar {
  position: sticky !important;
  z-index: 12 !important;
  top: 0 !important;
  height: 60px !important;
  margin: 0 -22px !important;
  border-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.93) !important;
  box-shadow: 0 1px 0 rgba(65, 92, 112, 0.1) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}

html.experience-v1 .screen-home .input-appbar .internal-brand-lockup {
  width: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
  color: #263f50 !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  letter-spacing: -0.025em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.experience-v1 .screen-home .input-brand-short {
  display: none !important;
}

html.experience-v1 .screen-home .input-page-back {
  left: 16px !important;
  color: #526c7d !important;
  font-size: 12px !important;
}

html.experience-v1 .screen-home .birth-step-indicator {
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  color: #63809a !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  transform: translateY(-50%) !important;
}

html.experience-v1 .screen-home .birth-step-progress {
  position: relative !important;
  height: 3px !important;
  margin: 0 -22px !important;
  overflow: hidden !important;
  background: #dce7ee !important;
}

html.experience-v1 .screen-home .birth-step-progress > i {
  --birth-step-progress: 50%;
  width: var(--birth-step-progress) !important;
  height: 100% !important;
  display: block !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(90deg, #6096cf, var(--birth-input-blue)) !important;
  box-shadow: 0 0 12px rgba(52, 111, 186, 0.24) !important;
  transition: width 240ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.experience-v1 .screen-home .v2-form {
  width: min(100%, 446px) !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 0 30px !important;
}

html.experience-v1 .screen-home .birth-input-step {
  display: grid !important;
  gap: 16px !important;
  animation: birthInputStepReveal 260ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html.experience-v1 .screen-home .birth-input-step[hidden] {
  display: none !important;
}

html.experience-v1 .screen-home .birth-step-hero {
  min-height: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 0 !important;
  padding: 32px 2px 8px !important;
}

html.experience-v1 .screen-home .birth-step-hero::after {
  content: none !important;
  display: none !important;
}

html.experience-v1 .screen-home .birth-step-hero .eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 11px !important;
  color: var(--birth-input-blue) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
}

html.experience-v1 .screen-home .birth-step-hero .eyebrow::before {
  width: 19px !important;
  height: 2px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #6e9ac8 !important;
  content: "" !important;
}

html.experience-v1 .screen-home .birth-step-hero h1 {
  max-width: none !important;
  margin: 0 !important;
  color: var(--birth-input-ink) !important;
  font-size: clamp(26px, 7.4vw, 31px) !important;
  line-height: 1.27 !important;
  font-weight: 880 !important;
  letter-spacing: -0.035em !important;
  word-break: keep-all !important;
  text-wrap: balance !important;
}

html.experience-v1 .screen-home .birth-step-hero .hero-copy {
  max-width: 34em !important;
  margin: 11px 0 0 !important;
  color: var(--birth-input-copy) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  font-weight: 540 !important;
  letter-spacing: -0.018em !important;
  word-break: keep-all !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card {
  gap: 0 !important;
  padding: 21px 19px 20px !important;
  overflow: visible !important;
  border: 1px solid rgba(154, 178, 197, 0.46) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 17px 42px rgba(48, 82, 108, 0.1) !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card::before {
  content: none !important;
  display: none !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card .input-card-title-row {
  min-height: 34px !important;
  margin: 0 0 14px !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card .input-card-title-row h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #294454 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card .input-card-title-row h2 small {
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  border: 1px solid #d7e3ed !important;
  border-radius: 999px !important;
  background: #f3f7fb !important;
  color: #66819a !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}

html.experience-v1 .screen-home .birth-input-mode-toggle {
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 1px solid #cfdee9 !important;
  border-radius: 999px !important;
  background: #f7fafc !important;
  color: #4b7399 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html.experience-v1 .screen-home .birth-input-mode-toggle:hover,
html.experience-v1 .screen-home .birth-input-mode-toggle:focus-visible {
  border-color: #86acd2 !important;
  background: #edf5fc !important;
  color: var(--birth-input-blue-strong) !important;
}

html.experience-v1 .screen-home .birth-direct-entry {
  min-height: 130px !important;
  display: none !important;
  grid-template-columns: minmax(0, 1.3fr) auto minmax(0, 0.82fr) auto minmax(0, 0.82fr) !important;
  align-items: end !important;
  gap: 7px !important;
  padding: 18px 14px !important;
  border: 1px solid #dce7ef !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #f8fbfd, #f3f8fb) !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card.is-direct-entry .birth-direct-entry {
  display: grid !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card.is-direct-entry .birth-wheel-picker {
  display: none !important;
}

html.experience-v1 .screen-home .birth-direct-entry > label {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

html.experience-v1 .screen-home .birth-direct-entry > label > span {
  padding-left: 2px !important;
  color: #718594 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

html.experience-v1 .screen-home .birth-direct-entry > i {
  align-self: end !important;
  padding-bottom: 21px !important;
  color: #91a5b4 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 650 !important;
}

html.experience-v1 .screen-home .birth-direct-entry input {
  width: 100% !important;
  min-width: 0 !important;
  height: 62px !important;
  padding: 0 7px !important;
  border: 1px solid #c9d9e5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #1f4056 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  box-shadow: 0 3px 10px rgba(57, 90, 115, 0.045) !important;
}

html.experience-v1 .screen-home .birth-direct-entry input::placeholder {
  color: #b0bec8 !important;
  opacity: 1 !important;
}

html.experience-v1 .screen-home .birth-direct-entry input:focus {
  border-color: #6595c6 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(74, 126, 181, 0.13) !important;
}

html.experience-v1 .screen-home .birth-direct-entry input[aria-invalid="true"] {
  border-color: #cb776d !important;
  background: #fffaf9 !important;
  color: #984f48 !important;
  box-shadow: 0 0 0 4px rgba(190, 91, 80, 0.1) !important;
}

html.experience-v1 .screen-home .birth-wheel-picker {
  height: 156px !important;
  border: 1px solid #dbe5ec !important;
  border-radius: 15px !important;
  background: #f7fafc !important;
}

html.experience-v1 .screen-home .birth-step-assurance {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  color: #708494 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  font-weight: 620 !important;
}

html.experience-v1 .screen-home .birth-step-assurance svg {
  width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: #6d90ae !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html.experience-v1 .screen-home .v2-form .gold-button {
  min-height: 56px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #3d7bc5, #316aae) !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: -0.018em !important;
  box-shadow: 0 13px 25px rgba(44, 101, 164, 0.23) !important;
}

html.experience-v1 .screen-home .v2-form .gold-button:hover,
html.experience-v1 .screen-home .v2-form .gold-button:focus-visible {
  background: linear-gradient(180deg, #3474bf, #285e9e) !important;
  box-shadow: 0 16px 29px rgba(44, 101, 164, 0.27) !important;
}

html.experience-v1 .screen-home .birth-step-next {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
}

html.experience-v1 .screen-home .birth-step-next > i {
  font-size: 17px !important;
  line-height: 1 !important;
  font-style: normal !important;
  transform: translateY(-1px) !important;
}

html.experience-v1 .screen-home .birth-selected-date {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 14px !important;
  border: 1px solid #cedeeb !important;
  border-radius: 13px !important;
  background: rgba(242, 248, 252, 0.94) !important;
  color: #355a73 !important;
  font: inherit !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 790 !important;
  font-variant-numeric: tabular-nums !important;
  cursor: pointer !important;
}

html.experience-v1 .screen-home .birth-selected-date > i {
  flex: 0 0 auto !important;
  color: var(--birth-input-blue) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

html.experience-v1 .screen-home .birth-selected-date:hover,
html.experience-v1 .screen-home .birth-selected-date:focus-visible {
  border-color: #8eafd0 !important;
  background: #edf5fc !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(72, 125, 180, 0.1) !important;
}

html.experience-v1 .screen-home .birth-details-card {
  display: grid !important;
  gap: 0 !important;
  padding: 21px 19px 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(154, 178, 197, 0.46) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 17px 42px rgba(48, 82, 108, 0.1) !important;
}

html.experience-v1 .screen-home .birth-details-card .input-identity-card {
  display: block !important;
  padding: 0 0 21px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 .screen-home .birth-details-card .input-identity-card::before {
  content: none !important;
  display: none !important;
}

html.experience-v1 .screen-home .birth-details-card .input-identity-editor {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 17px !important;
}

html.experience-v1 .screen-home .birth-details-card .input-identity-editor .field {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

html.experience-v1 .screen-home .birth-details-card .input-identity-editor .field > span,
html.experience-v1 .screen-home .birth-details-card .input-time-card h2 {
  color: #365063 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 820 !important;
}

html.experience-v1 .screen-home .birth-details-card #nickname-input {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 14px !important;
  border: 1px solid #cddce7 !important;
  border-radius: 12px !important;
  background: #fbfdfe !important;
  color: #203e51 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

html.experience-v1 .screen-home .birth-details-card #nickname-input:focus {
  border-color: #6897c7 !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(74, 126, 181, 0.12) !important;
}

html.experience-v1 .screen-home .birth-details-card .segmented {
  min-height: 54px !important;
  padding: 4px !important;
  border: 1px solid #d2dfe8 !important;
  border-radius: 12px !important;
  background: #f2f6f9 !important;
}

html.experience-v1 .screen-home .birth-details-card .segmented label span {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #647989 !important;
  font-size: 13px !important;
  font-weight: 740 !important;
}

html.experience-v1 .screen-home .birth-details-card .segmented label input:checked + span {
  border: 1px solid #c1d5e6 !important;
  background: #fff !important;
  color: var(--birth-input-blue-strong) !important;
  box-shadow: 0 4px 11px rgba(43, 81, 110, 0.09) !important;
}

html.experience-v1 .screen-home .birth-details-card .input-time-card {
  display: block !important;
  padding: 20px 0 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid #e0e8ed !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 .screen-home .birth-details-card .input-time-card .birth-time-title-row {
  margin: 0 0 8px !important;
}

html.experience-v1 .screen-home .birth-details-card #birth-time-select {
  min-height: 54px !important;
  padding: 0 44px 0 14px !important;
  border: 1px solid #cddce7 !important;
  border-radius: 12px !important;
  background: #fbfdfe !important;
  color: #304f63 !important;
  font-size: 15px !important;
  font-weight: 690 !important;
}

html.experience-v1 .screen-home .birth-details-card #birth-time-select:focus-visible {
  border-color: #6897c7 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(74, 126, 181, 0.12) !important;
}

html.experience-v1 .screen-home .birth-details-card .has-branch-selection #birth-time-select {
  border-color: #8eb2d4 !important;
  background: #f2f8fd !important;
  color: #285f91 !important;
}

html.experience-v1 .screen-home .birth-details-card .birth-time-divider {
  margin: 12px 0 3px !important;
  background: #e1e9ef !important;
}

html.experience-v1 .screen-home .birth-details-card .birth-time-unknown-toggle {
  min-height: 45px !important;
  padding: 2px 1px 0 !important;
  color: #586f80 !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}

html.experience-v1 .screen-home .birth-step-actions {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 10px !important;
}

html.experience-v1 .screen-home .birth-step-previous {
  min-height: 56px !important;
  border: 1px solid #cfdee8 !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #597184 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 790 !important;
  cursor: pointer !important;
}

html.experience-v1 .screen-home .birth-step-previous:hover,
html.experience-v1 .screen-home .birth-step-previous:focus-visible {
  border-color: #9eb9ce !important;
  background: #fff !important;
  color: #355d7b !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(72, 125, 180, 0.09) !important;
}

html.experience-v1 .screen-home .birth-input-step[data-birth-step="details"] .input-trust-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 3px 8px !important;
  margin: -2px 0 0 !important;
  color: #768896 !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}

html.experience-v1 .screen-home .birth-input-step[data-birth-step="details"] .input-trust-note a {
  color: #567898 !important;
  text-decoration: underline !important;
  text-decoration-color: #b7c8d5 !important;
  text-underline-offset: 2px !important;
}

html.experience-v1 .screen-home .birth-input-step .blog-entry-button {
  display: none !important;
}

@keyframes birthInputStepReveal {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 370px) {
  html.experience-v1 .screen-home {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html.experience-v1 .screen-home .input-appbar,
  html.experience-v1 .screen-home .birth-step-progress {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }

  html.experience-v1 .screen-home .input-appbar .internal-brand-lockup {
    width: 100% !important;
    max-width: none !important;
    font-size: 12px !important;
  }

  html.experience-v1 .screen-home .input-brand-short {
    display: inline !important;
  }

  html.experience-v1 .screen-home .input-brand-full {
    display: none !important;
  }

  html.experience-v1 .screen-home .birth-step-indicator {
    right: 14px !important;
  }

  html.experience-v1 .screen-home .birth-step-hero {
    padding-top: 27px !important;
  }

  html.experience-v1 .screen-home .birth-step-hero h1 {
    font-size: 25px !important;
  }

  html.experience-v1 .screen-home .input-birth-wheel-card,
  html.experience-v1 .screen-home .birth-details-card {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  html.experience-v1 .screen-home .birth-direct-entry {
    gap: 4px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  html.experience-v1 .screen-home .birth-direct-entry input {
    height: 58px !important;
    padding-inline: 4px !important;
    font-size: 22px !important;
  }

  html.experience-v1 .screen-home .birth-direct-entry > i {
    padding-bottom: 20px !important;
    font-size: 14px !important;
  }

  html.experience-v1 .screen-home .birth-step-actions {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .screen-home .birth-input-step {
    animation: none !important;
  }

  html.experience-v1 .screen-home .birth-step-progress > i {
    transition: none !important;
  }
}

/* Loading viewport compaction v1.
 * Removes the redundant top brand row and brings the analysis stages and
 * progress track into the first mobile viewport. */
html.experience-v1 .screen-loading {
  min-height: 100dvh !important;
  align-content: start !important;
  gap: 0 !important;
  padding-top: max(18px, env(safe-area-inset-top)) !important;
  padding-bottom: 22px !important;
}

html.experience-v1 .screen-loading .loading-intro {
  padding: 10px 0 17px !important;
}

html.experience-v1 .screen-loading .loading-intro h1 {
  margin: 7px 0 9px !important;
  font-size: 27px !important;
  line-height: 1.3 !important;
}

html.experience-v1 .screen-loading .loading-intro p {
  margin: 0 !important;
  line-height: 1.55 !important;
}

html.experience-v1 .screen-loading .loading-report-sheet {
  min-height: 60px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

html.experience-v1 .screen-loading .loading-report-icon {
  width: 32px !important;
  height: 32px !important;
}

html.experience-v1 .screen-loading .loading-panel {
  margin-top: 18px !important;
}

html.experience-v1 .screen-loading .loading-auto-note {
  margin-top: 14px !important;
}

html.experience-v1 .screen-loading .report-brand-continuity {
  margin-top: 18px !important;
}

@media (max-width: 360px), (max-height: 720px) {
  html.experience-v1 .screen-loading {
    padding-top: max(12px, env(safe-area-inset-top)) !important;
    padding-bottom: 16px !important;
  }

  html.experience-v1 .screen-loading .loading-intro {
    padding: 6px 0 13px !important;
  }

  html.experience-v1 .screen-loading .loading-intro h1 {
    margin: 6px 0 8px !important;
    font-size: 25px !important;
  }

  html.experience-v1 .screen-loading .loading-report-sheet {
    min-height: 56px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  html.experience-v1 .screen-loading .loading-panel {
    margin-top: 14px !important;
  }

  html.experience-v1 .screen-loading .loading-auto-note,
  html.experience-v1 .screen-loading .report-brand-continuity {
    margin-top: 10px !important;
  }
}

/* Direct-only birth date and detail-step cleanup v1. */
html.experience-v1 .screen-home .birth-calendar-basis {
  min-height: 29px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 9px !important;
  border: 1px solid #c8d8e4 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #607c94 !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

html.experience-v1 .screen-home .birth-input-mode-toggle,
html.experience-v1 .screen-home .birth-wheel-picker {
  display: none !important;
}

html.experience-v1 .screen-home .input-birth-wheel-card .birth-direct-entry,
html.experience-v1 .screen-home .input-birth-wheel-card.is-direct-entry .birth-direct-entry {
  display: grid !important;
}

html.experience-v1 .screen-home .birth-input-step[data-birth-step="details"] .birth-step-hero h1 {
  font-size: clamp(20px, 5.8vw, 23px) !important;
  line-height: 1.34 !important;
  letter-spacing: -0.038em !important;
}

html.experience-v1 .screen-home .birth-input-step[data-birth-step="details"] .birth-step-hero h1 > span {
  display: block !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: normal !important;
}

html.experience-v1 .screen-home .birth-input-step[data-birth-step="details"] .birth-step-hero h1 > span + span {
  margin-top: 2px !important;
}

html.experience-v1 .screen-home p.birth-selected-date {
  justify-content: flex-start !important;
  margin: 0 !important;
  cursor: default !important;
}

html.experience-v1 .screen-home p.birth-selected-date:hover {
  border-color: #cedeeb !important;
  background: rgba(242, 248, 252, 0.94) !important;
  box-shadow: none !important;
}

html.experience-v1 .screen-home .birth-details-card .birth-time-branch-picker {
  transition: opacity 180ms ease !important;
}

html.experience-v1 .screen-home .birth-details-card .input-time-card.is-time-unknown .birth-time-branch-picker {
  opacity: 0.48 !important;
  pointer-events: none !important;
}

html.experience-v1 .screen-home .birth-details-card .input-time-card.is-time-unknown #birth-time-select {
  border-color: #dbe3e8 !important;
  background: #f3f5f6 !important;
  color: #87959f !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

html.experience-v1 .screen-home .birth-details-card .input-time-card.is-time-unknown .birth-time-select-shell > i {
  opacity: 0.3 !important;
}

@media (max-width: 350px) {
  html.experience-v1 .screen-home .birth-input-step[data-birth-step="details"] .birth-step-hero h1 {
    font-size: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 .screen-home .birth-details-card .birth-time-branch-picker {
    transition: none !important;
  }
}

/* Input date-step hero logo v2.
 * Places the established mark beside the main prompt and offsets the original
 * copy as one readable text column. */
html.experience-v1 .screen-home .birth-date-hero-layout {
  width: min(100%, 360px) !important;
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 15px !important;
  margin: 0 auto !important;
}

html.experience-v1 .screen-home .birth-date-hero-logo {
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
  margin-top: 38px !important;
  border: 1px solid rgba(119, 151, 174, 0.2) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 8px 22px rgba(42, 78, 105, 0.13) !important;
}

html.experience-v1 .screen-home .birth-date-hero-logo img {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  border-radius: 12px !important;
  object-fit: contain !important;
}

html.experience-v1 .screen-home .birth-date-hero-text {
  min-width: 0 !important;
}

html.experience-v1 .screen-home .birth-date-hero-text h1 {
  font-size: clamp(25px, 7vw, 29px) !important;
  line-height: 1.28 !important;
}

html.experience-v1 .screen-home .birth-date-hero-text .hero-copy {
  margin-top: 9px !important;
  font-size: 13.5px !important;
}

@media (max-width: 350px) {
  html.experience-v1 .screen-home .birth-date-hero-layout {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html.experience-v1 .screen-home .birth-date-hero-logo {
    width: 52px !important;
    height: 52px !important;
    margin-top: 37px !important;
    border-radius: 13px !important;
  }

  html.experience-v1 .screen-home .birth-date-hero-logo img {
    width: 47px !important;
    height: 47px !important;
    border-radius: 10px !important;
  }

  html.experience-v1 .screen-home .birth-date-hero-text h1 {
    font-size: 25px !important;
  }
}

/* Refined report home v1.
 * Applies the approved main-page composition while preserving the existing
 * report routes, saved-profile action, disclosure state, and icon system. */
html.experience-v1 body.is-report-view .screen-report {
  background: #f2f7fa !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-appbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border-bottom: 1px solid #dce6ec !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-appbar .back-button,
html.experience-v1 body.is-report-view .screen-report > .report-appbar .share-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #536d80 !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-appbar .back-button > span,
html.experience-v1 body.is-report-view .screen-report > .report-appbar .share-button-label {
  display: none !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-appbar .back-button > svg,
html.experience-v1 body.is-report-view .screen-report > .report-appbar .share-button > svg {
  width: 20px !important;
  height: 20px !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-appbar .appbar-actions {
  width: 44px !important;
  display: grid !important;
  justify-self: end !important;
}

html.experience-v1 body.is-report-view .report-appbar-brand {
  min-width: 0 !important;
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-report-view .report-appbar-brand > img {
  width: 56px !important;
  height: 56px !important;
  display: block !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  object-fit: contain !important;
}

html.experience-v1 body.is-report-view .report-root {
  width: min(100%, 676px) !important;
  display: grid !important;
  gap: 26px !important;
  margin: 0 auto !important;
  padding: 20px 18px 28px !important;
  box-sizing: border-box !important;
}

html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(37, 67, 88, 0.11) !important;
}

html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard::before,
html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view .report-personality-type-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  color: #a06e18 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

html.experience-v1 body.is-report-view .report-personality-type-label::before {
  width: 18px !important;
  height: 2px !important;
  flex: 0 0 18px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: currentColor !important;
  content: "" !important;
}

html.experience-v1 body.is-report-view .report-personality-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: center !important;
  gap: 20px !important;
}

html.experience-v1 body.is-report-view .report-personality-copy {
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: none !important;
}

html.experience-v1 body.is-report-view .report-personality-copy h2 {
  max-width: none !important;
  margin: 0 0 10px !important;
  overflow: visible !important;
  color: #183247 !important;
  font-size: 28px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-personality-copy p {
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #657b8c !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 540 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-personality-type-icon {
  position: static !important;
  inset: auto !important;
  width: 112px !important;
  height: 112px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #edf5fb !important;
  color: #3477ba !important;
  box-shadow: inset 0 0 22px rgba(65, 125, 210, 0.04) !important;
  opacity: 1 !important;
  transform: none !important;
}

html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
  width: 62px !important;
  height: 62px !important;
  stroke-width: 1.8 !important;
  transform: none !important;
}

html.experience-v1 body.is-report-view .report-personality-actions {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link,
html.experience-v1 body.is-report-view .report-profile-save-button.report-personality-save-control {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 720 !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link {
  border: 1px solid #3477ba !important;
  background: #3477ba !important;
  color: #ffffff !important;
}

html.experience-v1 body.is-report-view .report-personality-detail-link:hover,
html.experience-v1 body.is-report-view .report-personality-detail-link:focus-visible {
  border-color: #2869a8 !important;
  background: #2869a8 !important;
  color: #ffffff !important;
}

html.experience-v1 body.is-report-view .report-profile-save-button.report-personality-save-control {
  min-width: 74px !important;
  border: 1px solid #d7e2e9 !important;
  background: transparent !important;
  color: #536d80 !important;
}

html.experience-v1 body.is-report-view .report-profile-save-button.report-personality-save-control.is-saved {
  border-color: #9ebed8 !important;
  background: #edf5fb !important;
  color: #2f6fae !important;
}

html.experience-v1 body.is-report-view .report-personality-dashboard.is-shared-result .report-personality-actions {
  grid-template-columns: minmax(0, 1fr) !important;
}

html.experience-v1 body.is-report-view .report-today-banner {
  width: 100% !important;
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 15px 17px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #285f96, #3e82c4) !important;
  color: #ffffff !important;
  text-align: left !important;
  box-shadow: 0 11px 25px rgba(38, 82, 119, 0.17) !important;
}

html.experience-v1 body.is-report-view .report-today-banner-icon {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

html.experience-v1 body.is-report-view .report-today-banner-icon .report-category-icon,
html.experience-v1 body.is-report-view .report-today-banner-arrow {
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
}

html.experience-v1 body.is-report-view .report-today-banner-copy small,
html.experience-v1 body.is-report-view .report-today-banner-copy strong {
  display: block !important;
}

html.experience-v1 body.is-report-view .report-today-banner-copy small {
  margin-bottom: 3px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

html.experience-v1 body.is-report-view .report-today-banner-copy strong {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
}

html.experience-v1 body.is-report-view .report-analysis-menu,
html.experience-v1 body.is-report-view .report-content-board {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu > .report-dashboard-head {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu > .report-dashboard-head h3,
html.experience-v1 body.is-report-view .report-content-board .report-content-head h3,
html.experience-v1 body.is-report-view .report-period-menu-group .report-menu-group-head h4 {
  margin: 0 !important;
  color: #183247 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
  letter-spacing: -0.02em !important;
}

html.experience-v1 body.is-report-view .report-explore-menu > .report-dashboard-head h3::before,
html.experience-v1 body.is-report-view .report-content-board .report-content-head h3::before,
html.experience-v1 body.is-report-view .report-period-menu-group .report-menu-group-head h4::before {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-analysis-menu-toggle {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  color: #8f672c !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-analysis-menu-chevron {
  width: 16px !important;
  height: 16px !important;
  transform: rotate(180deg) !important;
  transition: transform 180ms ease !important;
}

html.experience-v1 body.is-report-view .report-explore-menu.is-expanded .report-analysis-menu-chevron {
  transform: rotate(0deg) !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-topic-menu-group {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-grid,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  text-align: left !important;
  box-shadow: none !important;
  scroll-snap-align: none !important;
  touch-action: manipulation !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card:hover,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card:focus-visible {
  border-color: #b8cfdf !important;
  background: #f9fcfe !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card::before,
html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > .has-report-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #e8eff6 !important;
  color: #3d6fa3 !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > .has-report-icon .report-category-icon {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.05 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  min-width: 0 !important;
  color: #31475c !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 740 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more {
  width: 100% !important;
  display: grid !important;
  grid-template-rows: 0fr !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transition: grid-template-rows 200ms ease, opacity 160ms ease, margin-top 200ms ease !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-grid {
  min-height: 0 !important;
  overflow: hidden !important;
}

html.experience-v1 body.is-report-view .report-explore-menu.is-expanded .report-primary-menu-more {
  grid-template-rows: 1fr !important;
  margin-top: 10px !important;
  opacity: 1 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more-grid > .report-primary-menu-more-card:last-child:nth-child(odd) {
  width: calc(50% - 5px) !important;
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}

html.experience-v1 body.is-report-view .report-period-menu-group {
  margin: 26px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-group .report-menu-group-head {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-card {
  width: 100% !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  text-align: left !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .report-period-menu-card.is-current-year {
  min-height: 82px !important;
  border-color: #7dacd7 !important;
  background: #eaf3fb !important;
}

html.experience-v1 body.is-report-view .report-period-menu-icon {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #e8eff6 !important;
  color: #3d6fa3 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-card.is-current-year .report-period-menu-icon {
  background: rgba(255, 255, 255, 0.7) !important;
}

html.experience-v1 body.is-report-view .report-period-menu-icon .report-category-icon {
  width: 24px !important;
  height: 24px !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy {
  min-width: 0 !important;
  display: block !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy strong,
html.experience-v1 body.is-report-view .report-period-menu-copy small {
  display: block !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy strong {
  color: #31475c !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy small {
  margin-top: 3px !important;
  color: #657b8c !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 570 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy .report-period-current-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 3px !important;
  color: #a06e18 !important;
  font-weight: 660 !important;
}

html.experience-v1 body.is-report-view .report-period-menu-copy .report-period-current-meta::before {
  width: 18px !important;
  height: 2px !important;
  flex: 0 0 18px !important;
  border-radius: 2px !important;
  background: currentColor !important;
  content: "" !important;
}

html.experience-v1 body.is-report-view .report-period-menu-arrow {
  width: 20px !important;
  height: 20px !important;
  color: #607994 !important;
}

html.experience-v1 body.is-report-view .report-content-board .report-content-head {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 body.is-report-view .report-content-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.experience-v1 body.is-report-view .report-content-feature {
  width: 100% !important;
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  text-align: left !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .report-content-feature > .report-content-topic-icon,
html.experience-v1 body.is-report-view .report-content-feature.is-new > .report-content-topic-icon {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #e8eff6 !important;
  color: #3d6fa3 !important;
}

html.experience-v1 body.is-report-view .report-content-topic-icon .report-category-icon {
  width: 24px !important;
  height: 24px !important;
}

html.experience-v1 body.is-report-view .report-content-feature-copy {
  min-width: 0 !important;
}

html.experience-v1 body.is-report-view .report-content-feature-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 3px !important;
}

html.experience-v1 body.is-report-view .report-content-feature-meta small {
  color: #657b8c !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 570 !important;
}

html.experience-v1 body.is-report-view .report-content-new-badge {
  margin: 0 !important;
  color: #9b6a17 !important;
  background: transparent !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-report-view .report-content-feature strong {
  display: block !important;
  color: #31475c !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 740 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-brand-continuity {
  display: none !important;
}

html.experience-v1 body.is-report-view .bottom-nav {
  min-height: 66px !important;
  border-top: 1px solid #dce6ec !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html.experience-v1 body.is-report-view .report-personality-body {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 16px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    font-size: 25px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    width: 88px !important;
    height: 88px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view .screen-report > .report-appbar {
    min-height: 68px !important;
  }

  html.experience-v1 body.is-report-view .report-appbar-brand > img {
    width: 52px !important;
    height: 52px !important;
  }

  html.experience-v1 body.is-report-view .report-root {
    gap: 24px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  html.experience-v1 body.is-report-view .report-hero.report-personality-dashboard {
    padding: 18px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-body {
    grid-template-columns: minmax(0, 1fr) 76px !important;
    gap: 14px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy {
    display: contents !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy h2 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 !important;
    font-size: 22px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-copy p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
    font-size: 13px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 76px !important;
    height: 76px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-type-icon-svg {
    width: 43px !important;
    height: 43px !important;
  }

  html.experience-v1 body.is-report-view .report-personality-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-report-view .report-today-banner {
    gap: 11px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > .has-report-icon {
    width: 30px !important;
    height: 30px !important;
  }

  html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > .has-report-icon .report-category-icon {
    width: 22px !important;
    height: 22px !important;
  }

  html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-card > strong {
    font-size: 12.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.experience-v1 body.is-report-view .report-explore-menu .report-primary-menu-more,
  html.experience-v1 body.is-report-view .report-explore-menu .report-analysis-menu-chevron {
    transition: none !important;
  }
}

/* Refined report home v1: specificity lock against earlier production cards. */
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-grid,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 11px !important;
  padding: 14px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  text-align: left !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card
  > .has-report-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 36px !important;
  height: 36px !important;
  align-self: center !important;
  justify-self: center !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #e8eff6 !important;
  color: #3d6fa3 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card
  > .has-report-icon
  .report-category-icon {
  width: 25px !important;
  height: 25px !important;
  color: #3d6fa3 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card
  > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  color: #31475c !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 740 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more {
  display: grid !important;
  grid-template-rows: 0fr !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu.is-expanded
  .report-topic-menu-group
  .report-primary-menu-more {
  grid-template-rows: 1fr !important;
  margin-top: 10px !important;
  opacity: 1 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd) {
  height: 78px !important;
  width: calc(50% - 5px) !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  justify-self: center !important;
  justify-items: stretch !important;
  min-height: 78px !important;
  padding: 14px !important;
}

/* Expanded honor menu card: one line and the same height as sibling cards. */
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > .has-report-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-more-grid
  > .report-primary-menu-more-card:last-child:nth-child(odd)
  > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  text-align: left !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-report-view .report-content-feature::before,
html.experience-v1 body.is-report-view .report-content-feature.is-new::before {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-report-view .report-content-feature,
html.experience-v1 body.is-report-view .report-content-feature.is-new {
  border-color: #d7e2e9 !important;
  background: #ffffff !important;
}

html.experience-v1 body.is-report-view .report-today-banner-icon .report-category-icon {
  color: #ffffff !important;
}

html.experience-v1 body.is-report-view .report-period-menu-icon .report-category-icon {
  color: #3d6fa3 !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card
    > .has-report-icon {
    width: 30px !important;
    height: 30px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card
    > .has-report-icon
    .report-category-icon {
    width: 22px !important;
    height: 22px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-card
    > strong {
    font-size: 12.5px !important;
  }

  html.experience-v1 body.is-report-view
    .report-explore-menu
    .report-topic-menu-group
    .report-primary-menu-more-grid
    > .report-primary-menu-more-card:last-child:nth-child(odd) {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
  }
}

html.experience-v1 body.is-report-view .screen.screen-report.is-active {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html.experience-v1 body.is-report-view .screen-report > .report-appbar {
  padding-top: calc(7px + env(safe-area-inset-top)) !important;
}

html.experience-v1 body.is-report-view #report-root.report-root {
  width: min(100%, 676px) !important;
}

html.experience-v1 body.is-report-view .report-content-new-badge {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-report-view .report-explore-menu {
  display: block !important;
  gap: 0 !important;
}

html.experience-v1 body.is-report-view .report-explore-menu > .report-dashboard-head {
  margin-bottom: 9.5px !important;
}

html.experience-v1 body.is-report-view .report-content-board {
  display: block !important;
  gap: 0 !important;
}

html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:hover,
html.experience-v1 body.is-report-view
  .report-explore-menu
  .report-topic-menu-group
  .report-primary-menu-card:focus-visible {
  border-color: #b8cfdf !important;
  background: #f9fcfe !important;
}

html.experience-v1 body.is-report-view #report-root.report-root {
  padding: 20px 18px 28px !important;
}

@media (max-width: 360px) {
  html.experience-v1 body.is-report-view #report-root.report-root {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

/* Today page: approved compact overview, two-column category cards and full detail dialog. */
html.experience-v1 body.is-daily-view.is-daily-category-modal-open {
  overflow: hidden !important;
}

html.experience-v1 body.is-daily-view .screen-daily.is-active {
  min-height: 100dvh !important;
  padding-right: 0 !important;
  padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  padding-left: 0 !important;
  background: #f2f7fa !important;
}

/* Today appbar: complete controls and precisely centered brand. */
html.experience-v1 body.is-daily-view .daily-page-appbar {
  min-height: calc(72px + env(safe-area-inset-top)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  margin: 0 !important;
  padding: calc(7px + env(safe-area-inset-top)) 14px 7px !important;
  border-bottom: 1px solid #dce6ec !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

html.experience-v1 body.is-daily-view .daily-page-back,
html.experience-v1 body.is-daily-view .daily-page-appbar .share-button {
  width: auto !important;
  min-width: 80px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #24445b !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view .daily-page-back {
  justify-content: flex-start !important;
  justify-self: start !important;
}

html.experience-v1 body.is-daily-view .daily-page-appbar .appbar-actions,
html.experience-v1 body.is-daily-view .daily-page-appbar .share-button {
  justify-self: end !important;
}

html.experience-v1 body.is-daily-view .daily-page-appbar .appbar-actions {
  min-width: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
}

html.experience-v1 body.is-daily-view .daily-page-appbar .share-button {
  justify-content: flex-end !important;
}

html.experience-v1 body.is-daily-view .daily-page-back svg,
html.experience-v1 body.is-daily-view .daily-page-appbar .share-button svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  flex: 0 0 20px !important;
}

html.experience-v1 body.is-daily-view .daily-page-back-label,
html.experience-v1 body.is-daily-view .daily-page-appbar .share-button-label {
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  position: static !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  color: inherit !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 680 !important;
  letter-spacing: -0.015em !important;
  white-space: nowrap !important;
}

html.experience-v1 body.is-daily-view .daily-page-appbar .share-button-label {
  order: 1 !important;
}

html.experience-v1 body.is-daily-view .daily-page-appbar .share-button svg {
  order: 2 !important;
}

html.experience-v1 body.is-daily-view .daily-page-logo {
  width: 56px !important;
  height: 56px !important;
  display: block !important;
  justify-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-daily-view .daily-page-logo img {
  width: 56px !important;
  height: 56px !important;
  display: block !important;
  border-radius: 9px !important;
  object-fit: contain !important;
}

html.experience-v1 body.is-daily-view #daily-root.daily-home-root {
  width: min(100%, 676px) !important;
  display: grid !important;
  gap: 24px !important;
  margin: 0 auto !important;
  padding: 20px 18px 28px !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation {
  width: 100% !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 4px !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button,
html.experience-v1 body.is-daily-view main .daily-date-navigation button:first-child,
html.experience-v1 body.is-daily-view main .daily-date-navigation button:nth-child(2),
html.experience-v1 body.is-daily-view main .daily-date-navigation button:last-child {
  min-width: 0 !important;
  min-height: 48px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #657b8c !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button.is-active,
html.experience-v1 body.is-daily-view main .daily-date-navigation button[aria-pressed="true"] {
  background: #e8f3fb !important;
  color: #245d91 !important;
  font-weight: 760 !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button span {
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: inherit !important;
}

html.experience-v1 body.is-daily-view main .daily-date-navigation button small {
  color: inherit !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  opacity: 0.78 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 10px !important;
  margin: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(37, 67, 88, 0.1) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-overview::before,
html.experience-v1 body.is-daily-view main .daily-home-overview::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro {
  min-width: 0 !important;
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro > p:first-child {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #a06e18 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro > p:first-child::before {
  width: 18px !important;
  height: 2px !important;
  flex: 0 0 18px !important;
  border-radius: 2px !important;
  background: currentColor !important;
  content: "" !important;
}

html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #183247 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 620 !important;
  letter-spacing: -0.025em !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-card {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 96px !important;
  min-width: 96px !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  justify-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge {
  width: 92px !important;
  height: 92px !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: conic-gradient(
    var(--daily-score-color, #3477ba) 0 var(--daily-score-percent, 75%),
    #dce7ee var(--daily-score-percent, 75%) 100%
  ) !important;
  box-shadow: 0 8px 20px rgba(36, 93, 145, 0.12) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
  display: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-gauge::before {
  width: 74px !important;
  height: 74px !important;
  position: absolute !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  content: "" !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number {
  display: grid !important;
  place-items: center !important;
  gap: 0 !important;
  position: absolute !important;
  inset: auto !important;
  color: var(--daily-score-ink, #2c6ca5) !important;
  z-index: 1 !important;
  transform: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number strong {
  color: inherit !important;
  font-size: 14pt !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-number small {
  color: #657b8c !important;
  font-size: 12pt !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label {
  width: auto !important;
  display: block !important;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--daily-score-ink, #2c6ca5) !important;
  background: transparent !important;
}

html.experience-v1 body.is-daily-view main .daily-home-score-label strong {
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-guidance {
  display: block !important;
  margin: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action::before,
html.experience-v1 body.is-daily-view main .daily-home-action::after {
  display: none !important;
  content: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-heading {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-guidance-icon {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #edf7f1 !important;
  color: #39745a !important;
}

html.experience-v1 body.is-daily-view main .daily-guidance-icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-heading h2 {
  margin: 0 !important;
  color: #39745a !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: 560 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points {
  display: grid !important;
  margin: 0 !important;
  border-top: 1px solid #dce6ec !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points > p {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points > p + p {
  border-top: 1px solid #dce6ec !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points strong {
  color: #39745a !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points .is-watch strong,
html.experience-v1 body.is-daily-view main .daily-home-action-points .is-caution strong {
  color: #9a6039 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-action-points span {
  color: #4d6576 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 460 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories > header {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories > header h2 {
  margin: 0 !important;
  color: #183247 !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

html.experience-v1 body.is-daily-view main .daily-home-categories .daily-fortune-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card {
  min-width: 0 !important;
  min-height: 104px !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #183247 !important;
  font: inherit !important;
  text-align: left !important;
  box-shadow: none !important;
  appearance: none !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card:hover {
  border-color: #8db9dc !important;
  box-shadow: 0 8px 20px rgba(36, 93, 145, 0.1) !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card:focus-visible,
html.experience-v1 body.is-daily-view .daily-page-back:focus-visible,
html.experience-v1 body.is-daily-view .daily-page-appbar .share-button:focus-visible {
  outline: 3px solid rgba(52, 119, 186, 0.24) !important;
  outline-offset: 2px !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-head {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-icon {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #edf5fb !important;
  color: var(--daily-score-ink, #3477ba) !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card.daily-score-steady .daily-fortune-card-icon {
  background: #edf7f1 !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card.daily-score-caution .daily-fortune-card-icon {
  background: #fff4eb !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-icon .report-category-icon {
  width: 18px !important;
  height: 18px !important;
  color: inherit !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-head > strong {
  min-width: 0 !important;
  color: #183247 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  word-break: keep-all !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-metric {
  display: grid !important;
  align-self: end !important;
  gap: 7px !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-score {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-score strong {
  color: #183247 !important;
  font-size: 15.5px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-score small {
  color: var(--daily-score-ink, #3477ba) !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-bar,
.daily-category-modal .daily-category-modal-score-bar,
.daily-category-modal .daily-category-target-bar {
  width: 100% !important;
  height: 4px !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 5px !important;
  background: #e4edf2 !important;
}

html.experience-v1 body.is-daily-view main .daily-fortune-card-bar i,
.daily-category-modal .daily-category-modal-score-bar i,
.daily-category-modal .daily-category-target-bar i {
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
  background: var(--daily-score-color, #3477ba) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale {
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid #cbddea !important;
  border-radius: 14px !important;
  background: #f5fafe !important;
  box-shadow: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale > summary {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  color: #183247 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  list-style: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale > summary::-webkit-details-marker {
  display: none !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale-copy {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale-icon {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  border-radius: 9px !important;
  background: #edf5fb !important;
  color: #3477ba !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale-icon svg,
html.experience-v1 body.is-daily-view main .daily-home-rationale-chevron {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale-title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale-summary-meta {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  color: #58748a !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale[open] .daily-home-rationale-chevron {
  transform: rotate(90deg) !important;
}

html.experience-v1 body.is-daily-view main .daily-home-rationale-body {
  border-top: 1px solid #dce6ec !important;
  background: #ffffff !important;
}

html.experience-v1 body.is-daily-view main .daily-rationale-flow,
html.experience-v1 body.is-daily-view main .daily-rationale-overall {
  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  background: transparent !important;
}

html.experience-v1 body.is-daily-view main .daily-rationale-flow + .daily-rationale-flow,
html.experience-v1 body.is-daily-view main .daily-rationale-overall {
  border-top: 1px solid #e1e9ee !important;
}

html.experience-v1 body.is-daily-view .screen-daily > .report-brand-continuity {
  width: min(100%, 676px) !important;
  margin: 0 auto !important;
  padding: 4px 18px 26px !important;
}

.daily-category-modal {
  width: min(calc(100% - 32px), 430px) !important;
  max-width: 430px !important;
  max-height: min(720px, calc(100dvh - 32px)) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #183247 !important;
  box-shadow: 0 24px 70px rgba(24, 50, 71, 0.24) !important;
}

.daily-category-modal::backdrop {
  background: rgba(24, 50, 71, 0.42) !important;
  backdrop-filter: blur(2px) !important;
}

.daily-category-modal[open] {
  display: block !important;
}

.daily-category-modal-panel {
  max-height: min(720px, calc(100dvh - 32px)) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.daily-category-modal-header {
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 8px 12px 8px 18px !important;
  border-bottom: 1px solid #dce6ec !important;
  background: #ffffff !important;
}

.daily-category-modal-heading {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.daily-category-modal-heading small {
  color: #718593 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
}

.daily-category-modal-heading h2 {
  margin: 0 !important;
  color: #183247 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
}

.daily-category-modal-close {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #355166 !important;
}

.daily-category-modal-close svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

.daily-category-modal-close:focus-visible,
.daily-category-modal-footer button:focus-visible {
  outline: 3px solid rgba(52, 119, 186, 0.24) !important;
  outline-offset: 2px !important;
}

.daily-category-modal-body {
  min-height: 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.daily-category-modal-overview {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 13px 14px !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 14px !important;
  background: #f7fafc !important;
}

.daily-category-modal-icon {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: #edf5fb !important;
  color: var(--daily-score-ink, #3477ba) !important;
}

.daily-category-modal-overview.daily-score-steady .daily-category-modal-icon {
  background: #edf7f1 !important;
}

.daily-category-modal-overview.daily-score-caution .daily-category-modal-icon {
  background: #fff4eb !important;
}

.daily-category-modal-icon .report-category-icon {
  width: 24px !important;
  height: 24px !important;
  color: inherit !important;
}

.daily-category-modal-score-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.daily-category-modal-score-copy > small {
  color: #718593 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
}

.daily-category-modal-score-copy p {
  display: flex !important;
  align-items: baseline !important;
  gap: 3px !important;
  margin: 0 !important;
}

.daily-category-modal-score-copy strong {
  color: #183247 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
}

.daily-category-modal-score-copy p > span {
  color: #718593 !important;
  font-size: 12px !important;
}

.daily-category-modal-score-copy em {
  margin-left: auto !important;
  color: var(--daily-score-ink, #3477ba) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 780 !important;
}

.daily-category-modal-score-bar {
  grid-column: 1 / -1 !important;
  height: 6px !important;
  margin-top: 2px !important;
}

.daily-category-modal-metrics,
.daily-category-modal-interpretation {
  display: grid !important;
  gap: 8px !important;
}

.daily-category-modal-metrics h3,
.daily-category-modal-interpretation h3 {
  margin: 0 !important;
  color: #183247 !important;
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  font-weight: 780 !important;
}

.daily-category-target-list {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
}

html.experience-v1 .daily-category-modal .daily-category-target-list.daily-target-score-list {
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dde6eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.daily-category-modal .daily-category-target.daily-target-score {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

.daily-category-modal .daily-category-target.daily-target-score + .daily-category-target.daily-target-score {
  border-top: 1px solid #e3eaee !important;
}

.daily-category-modal .daily-category-target.daily-target-score > .daily-category-target-heading {
  width: 100% !important;
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.daily-category-target-heading > strong {
  min-width: 0 !important;
  color: #2c465a !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 720 !important;
  word-break: keep-all !important;
}

.daily-category-modal .daily-category-target.daily-target-score > .daily-category-target-bar {
  width: 100% !important;
  grid-column: 1 / -1 !important;
}

.daily-category-target-heading > span {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

.daily-category-target-heading b {
  color: #183247 !important;
  font-size: 14.5px !important;
  line-height: 1.2 !important;
  font-weight: 780 !important;
}

.daily-category-target-heading em {
  color: var(--daily-score-ink, #3477ba) !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  font-style: normal !important;
  font-weight: 760 !important;
}

.daily-category-target-fallback {
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 12px !important;
  background: #f4f8fa !important;
  color: #4d6576 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.daily-category-modal-interpretation-copy {
  padding: 13px 14px !important;
  border-radius: 12px !important;
  background: #f1f7fb !important;
}

.daily-category-modal-interpretation p,
html.experience-v1 .daily-category-modal .daily-category-modal-interpretation p.daily-fortune-row-summary {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #4d6576 !important;
  font-size: 13.5px !important;
  line-height: 1.68 !important;
  font-weight: 560 !important;
  word-break: keep-all !important;
}

html.experience-v1 .daily-category-modal .daily-category-modal-interpretation p.daily-fortune-row-summary + p.daily-fortune-row-summary {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(116, 145, 164, 0.2) !important;
}

.daily-category-modal-footer {
  padding: 10px 18px calc(10px + env(safe-area-inset-bottom)) !important;
  border-top: 1px solid #dce6ec !important;
  background: #ffffff !important;
}

.daily-category-modal-footer button {
  width: 100% !important;
  min-height: 46px !important;
  padding: 10px 16px !important;
  border: 1px solid #3477ba !important;
  border-radius: 11px !important;
  background: #3477ba !important;
  color: #ffffff !important;
  font: inherit !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 760 !important;
}

@media (max-width: 380px) {
  html.experience-v1 body.is-daily-view .daily-page-appbar {
    min-height: calc(68px + env(safe-area-inset-top)) !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  html.experience-v1 body.is-daily-view .daily-page-back,
  html.experience-v1 body.is-daily-view .daily-page-appbar .share-button {
    min-width: 78px !important;
    gap: 4px !important;
  }

  html.experience-v1 body.is-daily-view .daily-page-back-label,
  html.experience-v1 body.is-daily-view .daily-page-appbar .share-button-label {
    font-size: 12.5px !important;
  }

  html.experience-v1 body.is-daily-view .daily-page-logo,
  html.experience-v1 body.is-daily-view .daily-page-logo img {
    width: 52px !important;
    height: 52px !important;
  }

  html.experience-v1 body.is-daily-view #daily-root.daily-home-root {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-overview {
    grid-template-columns: minmax(0, 1fr) 84px !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    padding: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 14.5px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-score-card {
    width: 84px !important;
    min-width: 84px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge,
  html.experience-v1 body.is-daily-view main .daily-home-gauge svg {
    width: 82px !important;
    height: 82px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-gauge::before {
    width: 66px !important;
    height: 66px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-action {
    padding: 16px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-action-points > p {
    grid-template-columns: 68px minmax(0, 1fr) !important;
  }

  .daily-category-modal {
    width: calc(100% - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
  }

  .daily-category-modal-panel {
    max-height: calc(100dvh - 28px) !important;
  }

  .daily-category-modal-body {
    padding: 14px !important;
  }

  .daily-category-modal-footer {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

@media (max-width: 340px) {
  html.experience-v1 body.is-daily-view main .daily-home-intro h1 {
    font-size: 14px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-home-categories .daily-fortune-list {
    gap: 8px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-fortune-card {
    padding: 11px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-fortune-card-icon {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  html.experience-v1 body.is-daily-view main .daily-fortune-card-head > strong {
    font-size: 12.5px !important;
  }
}

/* Small-screen fit guard v2: keep long profile CTAs and controls inside the viewport. */
@media (max-width: 440px) {
  html.experience-v1 body.is-detail-view .domain-profile-entry-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.experience-v1 body.is-detail-view .domain-profile-entry-copy small,
  html.experience-v1 body.is-detail-view .domain-profile-entry-copy strong {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
  }
}

@media (max-width: 360px) {
  html.experience-v1 body.is-profile-view .profile-appbar,
  html.experience-v1 body.is-profile-view .profile-appbar.light {
    min-height: 56px !important;
    grid-template-columns: 72px minmax(0, 1fr) 72px !important;
    column-gap: 4px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar > strong {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 12.2px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .back-button,
  html.experience-v1 body.is-profile-view .profile-appbar .share-button {
    width: 72px !important;
    min-width: 0 !important;
    max-width: 72px !important;
    gap: 3px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    font-size: 11.5px !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .back-button span,
  html.experience-v1 body.is-profile-view .profile-appbar .share-button-label {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .appbar-actions {
    width: 72px !important;
    min-width: 0 !important;
    justify-self: end !important;
  }

  html.experience-v1 body.is-profile-view .profile-appbar .back-button svg,
  html.experience-v1 body.is-profile-view .profile-appbar .share-button svg {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-previous {
    left: -14px !important;
  }

  html.experience-v1 .domain-profile-interpretation-frame .domain-profile-arrow.is-next {
    right: -14px !important;
  }
}