:root {
  --result-ink: #261a14;
  --result-brown: #38271f;
  --result-ivory: #fbf7ee;
  --result-paper: #fffdf8;
  --result-mint: #e7f0e9;
  --result-mint-dark: #5d8f78;
  --result-yellow: #f5d575;
  --result-line: #e2d5c3;
}

.tba-view-result { background: var(--result-ivory); color: var(--result-ink); }
.tba-view-result .site-main,
.result-page-v2 { overflow: clip; }
.result-page-v2__app { min-height: 70vh; }
.result-v2-container { width: min(1180px,calc(100% - 48px)); margin-inline: auto; }
.result-page-loading,
.result-page-missing { min-height: 55vh; display: grid; place-content: center; justify-items: center; gap: 16px; padding: 64px 24px; text-align: center; }
.result-page-loading__paw { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--result-mint); color: var(--result-mint-dark); animation: result-pulse 1.2s ease-in-out infinite; }
.result-page-missing a { min-height: 48px; display: inline-flex; align-items: center; padding: 0 24px; border-radius: 999px; background: var(--result-brown); color: #fff; text-decoration: none; }
@keyframes result-pulse { 50% { transform: scale(1.12); opacity: .65; } }

/* Result-page header: compact editorial navigation that stays secondary to the result. */
.tba-view-result .site-header__inner {
  min-height: 74px;
  gap: 30px;
}

.tba-view-result .site-brand { flex-basis: 190px; }
.tba-view-result .site-nav { gap: clamp(28px,2vw,32px); }
.tba-view-result .site-nav .site-nav__cta {
  min-height: 44px;
  padding-inline: 17px;
  font-size: .79rem;
}

/* Hero: the supplied comp is the layout source of truth. */
.result-v2-hero { position: relative; width: min(1280px,calc(100% - 36px)); margin: 12px auto 0; border: 1px solid #dfc69d; border-radius: 20px; background: linear-gradient(125deg,#fffdf8,#fbf5ea); }
.admin-bar .result-page-v2 { padding-top: 0; }
.admin-bar .result-v2-hero {
  margin-top: 0;
  margin-bottom: 48px;
  transform: translateY(48px);
}
.result-v2-hero::before,
.result-v2-hero::after { content: '✦'; position: absolute; color: #e2b95d; opacity: .7; }
.result-v2-hero::before { left: 51%; top: 22%; font-size: 19px; }
.result-v2-hero::after { right: 5%; bottom: 18%; font-size: 23px; }
.result-v2-hero__grid { min-height: 560px; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); align-items: center; gap: 38px; padding-block: 40px; }
.result-v2-hero__copy { position: relative; z-index: 2; padding-left: 28px; }
.result-v2-hero__lead { margin: 0 0 14px; font-size: 19px; font-weight: 700; }
.result-v2-hero h1 { margin: 0; font-size: clamp(54px,5.3vw,74px); line-height: 1.05; letter-spacing: -.035em; white-space: nowrap; }
.result-v2-code { display: flex; align-items: center; gap: 20px; margin: 17px 0 9px; font-size: clamp(25px,3vw,36px); font-weight: 700; letter-spacing: .16em; }
.result-v2-code span { width: 88px; height: 1px; background: #857b72; }
.result-v2-catch { margin: 0 0 20px; font-size: clamp(20px,2vw,27px); font-weight: 700; }
.result-v2-summary { max-width: 620px; margin: 26px 0 0; color: #4c423a; font-size: 15px; line-height: 1.85; }
.result-v2-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.result-v2-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 24px; border: 1px solid var(--result-brown); border-radius: 999px; font: inherit; font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; }
.result-v2-button--dark { background: var(--result-brown); color: #fff; }
.result-v2-button--light { background: rgba(255,255,255,.76); color: var(--result-brown); }
.result-v2-button:focus-visible,
.result-v2-book__button:focus-visible,
.result-v2-sticky__button:focus-visible { outline: 3px solid #2d6f59; outline-offset: 3px; }
.result-v2-hero__visual { position: relative; z-index: 1; min-width: 0; display: grid; place-items: center; }
.result-v2-hero__emblem { width: min(100%,520px); height: auto; filter: drop-shadow(0 15px 17px rgba(64,46,29,.08)); }
.result-v2-hero__animal-frame { position: relative; width: min(95%,470px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #e3cfae; border-radius: 50%; background: radial-gradient(circle,#fffdf7 0 57%,#f5e5cc 58% 70%,transparent 71%); }
.result-v2-hero__animal-frame::before { content: ''; position: absolute; inset: 7%; border: 1px dashed #d9b879; border-radius: 50%; }
.result-v2-hero__animal-frame > img { position: relative; z-index: 1; width: 76%; height: 76%; object-fit: contain; }
.result-v2-hero__spark { position: absolute; right: 7%; top: 12%; color: var(--result-yellow); font-size: 34px; }
.result-v2-hero__ribbon { position: absolute; z-index: 2; left: 8%; right: 8%; bottom: 0; padding: 13px; transform: rotate(-2deg); border-radius: 8px 8px 28px 28px; background: #6b9a82; box-shadow: 0 6px 0 #4f7965; color: #fff; text-align: center; font-weight: 700; letter-spacing: .14em; }
.result-v2-hero__ribbon small { font-size: .7em; }

.result-v2-main { display: grid; gap: 24px; padding-block: 24px 90px; }
.result-v2-section-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.result-v2-section-heading > span { color: #7eac95; font-size: 11px; }
.result-v2-section-heading h2 { margin: 0; font-size: clamp(24px,2.7vw,34px); line-height: 1.3; }
.result-v2-section-heading--center { justify-content: center; text-align: center; }
.result-v2-section-heading--center span { color: #d3aa57; font-size: 18px; }
.result-v2-eyebrow { margin: 0 0 4px; color: var(--result-mint-dark); font-size: 11px; font-weight: 700; letter-spacing: .12em; }

/* Business style and strengths are one large comp-aligned panel. */
.result-v2-performance { overflow: hidden; border: 1px solid #cbdacf; border-radius: 20px; background: linear-gradient(125deg,rgba(233,242,235,.88),rgba(255,253,248,.96)); }
.result-v2-style { padding: 28px 30px 18px; }
.result-v2-style__dashboard { display: grid; grid-template-columns: minmax(320px,.76fr) minmax(0,1.24fr); align-items: center; gap: 36px; }
.result-v2-radar { position: relative; width: min(100%,360px); aspect-ratio: 1; margin: 0 auto; }
.result-v2-radar svg { width: 100%; height: 100%; overflow: visible; }
.result-v2-radar__grid polygon,
.result-v2-radar__grid line { fill: none; stroke: #d7cfbf; stroke-width: 1; }
.result-v2-radar__value { fill: rgba(104,153,130,.45); stroke: #588d73; stroke-width: 2; }
.result-v2-radar__label { position: absolute; display: grid; justify-items: center; gap: 2px; font-size: 13px; font-weight: 700; }
.result-v2-radar__label strong { font-size: 16px; }
.result-v2-radar__label--top { left: 50%; top: -2px; transform: translateX(-50%); }
.result-v2-radar__label--right { right: -8px; top: 50%; transform: translateY(-50%); }
.result-v2-radar__label--bottom { left: 50%; bottom: -2px; transform: translateX(-50%); }
.result-v2-radar__label--left { left: -8px; top: 50%; transform: translateY(-50%); }
.result-v2-gauges { display: grid; padding: 12px 24px; border: 1px solid #e1d6c6; border-radius: 14px; background: rgba(255,255,255,.74); }
.result-v2-gauge { min-width: 0; display: grid; grid-template-columns: 48px minmax(155px,.55fr) minmax(120px,1fr) 58px; align-items: center; gap: 14px; padding: 15px 0; border-bottom: 1px solid #dfd5c6; }
.result-v2-gauge:last-child { border-bottom: 0; }
.result-v2-gauge > img { width: 42px; height: 42px; object-fit: contain; }
.result-v2-gauge__heading { min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; }
.result-v2-gauge__heading strong { padding-right: 12px; border-right: 1px solid #7ca38f; font-size: 19px; white-space: nowrap; }
.result-v2-gauge__heading span { color: #62574e; font-size: 12px; line-height: 1.5; }
.result-v2-gauge__track { height: 12px; overflow: hidden; border-radius: 999px; background: #eee7dc; }
.result-v2-gauge__track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#5e9479,#91b9a6); }
.result-v2-gauge__value { font-size: 22px; text-align: right; }
.result-v2-score-fallback { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 30px; border: 1px dashed #8bad9d; border-radius: 16px; background: rgba(255,255,255,.72); }
.result-v2-score-fallback p { margin: 0; line-height: 1.7; }
.result-v2-score-fallback a { flex: 0 0 auto; padding: 12px 22px; border-radius: 999px; background: var(--result-brown); color: #fff; font-weight: 700; text-decoration: none; }

.result-v2-strengths { padding: 16px 30px 28px; border-top: 1px solid #d5e0d8; }
.result-v2-strengths__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.result-v2-strength-card { min-height: 126px; display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: center; gap: 14px; padding: 18px; border: 1px solid #e2d8ca; border-radius: 14px; background: #fffdfa; }
.result-v2-strength-card img { width: 50px; height: 50px; object-fit: contain; }
.result-v2-strength-card h3 { margin: 0 0 7px; font-size: 18px; line-height: 1.35; }
.result-v2-strength-card p { margin: 0; color: #5f554d; font-size: 12px; line-height: 1.6; }

.result-v2-analysis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.result-v2-analysis > article { min-width: 0; min-height: 310px; padding: 28px; border: 1px solid #e0d4c5; border-radius: 16px; background: #fffdf9; }
.result-v2-analysis h2 { margin: 0 0 18px; font-size: 23px; line-height: 1.4; }
.result-v2-analysis p { line-height: 1.75; }
.result-v2-analysis ul { display: grid; gap: 9px; margin: 16px 0; padding: 0; list-style: none; }
.result-v2-analysis li { position: relative; padding-left: 24px; line-height: 1.65; }
.result-v2-analysis li::before { content: '✓'; position: absolute; left: 0; color: #3f7c65; font-weight: 700; }
.result-v2-analysis__style { background: #fffdf9; }
.result-v2-analysis__scenes { background: #f4f6ef !important; }
.result-v2-analysis__overheat { position: relative; background: #f8efe5 !important; }
.result-v2-analysis__overheat::before { content: ''; position: absolute; left: 24px; top: -7px; width: 48px; height: 18px; transform: rotate(-4deg); background: rgba(236,201,117,.55); }
.result-v2-analysis__overheat::after { content: ''; position: absolute; right: 0; bottom: 0; width: 58px; height: 58px; border-radius: 0 0 15px; background: linear-gradient(135deg,transparent 49%,#ead8c6 50%); }

.result-v2-team-row { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1.65fr); gap: 18px; }
.result-v2-role,
.result-v2-partners { min-width: 0; border: 1px solid #dfd2c1; border-radius: 16px; background: #fffdf8; }
.result-v2-role { display: grid; grid-template-columns: 86px minmax(0,1fr); align-content: center; align-items: start; gap: 18px; padding: 28px 24px; }
.result-v2-role > img { width: 76px; height: 76px; object-fit: contain; }
.result-v2-role h2 { margin: 0 0 18px; font-size: 23px; }
.result-v2-role h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.4; }
.result-v2-role p { margin: 0; font-size: 13px; line-height: 1.75; }
.result-v2-partners { padding: 24px; }
.result-v2-partners .result-v2-section-heading { margin-bottom: 16px; }
.result-v2-partners .result-v2-section-heading h2 { font-size: 24px; }
.result-v2-partners__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.result-v2-partners__grid a { min-width: 0; display: grid; justify-items: center; align-content: start; padding: 14px 12px 16px; border: 1px solid #dfc9aa; border-radius: 14px; background: #fff; color: inherit; text-align: center; text-decoration: none; }
.result-v2-partners__grid img { width: 112px; height: 100px; object-fit: contain; }
.result-v2-partners__grid h3 { margin: 6px 0; font-size: 15px; line-height: 1.45; }
.result-v2-partners__grid h3 small { color: #7a6c60; font-size: 11px; }
.result-v2-partners__grid p { margin: 0; color: #5d524a; font-size: 11px; line-height: 1.5; }
.result-v2-partners__copy { margin-top: 14px; color: #665a50; font-size: 12px; line-height: 1.65; text-align: center; }

.result-v2-quest { position: relative; padding: 24px 30px 28px; border: 1px solid #d3dfd6; border-radius: 16px; background: linear-gradient(120deg,#eaf2eb,#f7f8ed); }
.result-v2-quest__title { margin-bottom: 18px; text-align: center; }
.result-v2-quest__title h2 { margin: 0; color: #4f816b; font-size: 25px; letter-spacing: .03em; }
.result-v2-quest__title h2 span { font-size: .82em; }
.result-v2-quest__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.result-v2-quest article { min-width: 0; min-height: 128px; display: grid; grid-template-columns: 70px minmax(0,1fr); align-items: center; gap: 14px; padding: 18px; border: 1px solid #c8d8cd; border-radius: 14px; background: rgba(255,255,255,.82); }
.result-v2-quest img { width: 60px; height: 60px; object-fit: contain; }
.result-v2-quest h3 { margin: 0 0 5px; color: #50735f; font-size: 12px; letter-spacing: .08em; }
.result-v2-quest article p { margin: 0; font-size: 13px; font-weight: 700; line-height: 1.6; }

.result-v2-details details { overflow: hidden; border: 1px solid #dfd2c1; border-radius: 16px; background: var(--result-paper); }
.result-v2-details summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 24px; list-style: none; cursor: pointer; font-size: 19px; font-weight: 700; }
.result-v2-details summary::-webkit-details-marker { display: none; }
.result-v2-details summary i { font-style: normal; font-size: 26px; transition: transform .2s ease; }
.result-v2-details details[open] summary i { transform: rotate(45deg); }
.result-v2-details__body {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 0 34px;
  padding: 4px 34px 38px;
  border-top: 1px dashed #d9c6ad;
  background: linear-gradient(180deg,#fffdf8 0,#fff 42%,#fffdf8 100%);
}
.result-v2-detail {
  position: relative;
  min-width: 0;
  align-self: stretch;
  padding: 36px 2px 40px;
  border-bottom: 1px solid #e4d7c6;
}
.result-v2-detail:nth-child(1) { grid-column: 1 / span 7; }
.result-v2-detail:nth-child(2) { grid-column: 8 / -1; }
.result-v2-detail:nth-child(3) { grid-column: 1 / span 5; }
.result-v2-detail:nth-child(4) { grid-column: 6 / -1; }
.result-v2-detail:nth-child(5) { grid-column: 1 / span 6; border-bottom: 0; }
.result-v2-detail:nth-child(6) { grid-column: 7 / -1; border-bottom: 0; }
.result-v2-detail__heading {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  grid-template-areas: "number category" "number title";
  align-items: start;
  column-gap: 14px;
}
.result-v2-detail__number {
  grid-area: number;
  color: #76a58e;
  font-size: 36px;
  font-weight: 500;
  line-height: .95;
  letter-spacing: -.05em;
}
.result-v2-detail__category {
  grid-area: category;
  margin: 0 0 5px;
  color: #92745d;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .16em;
}
.result-v2-detail__heading h2 {
  grid-area: title;
  margin: 0;
  font-size: clamp(20px,2vw,25px);
  line-height: 1.42;
}
.result-v2-detail__content { margin-top: 24px; }
.result-v2-detail__content p {
  margin: 0 0 16px;
  color: #51473f;
  line-height: 1.95;
}
.result-v2-detail__content p:last-child { margin-bottom: 0; }
.result-v2-detail__content ul {
  display: grid;
  gap: 0;
  margin: 21px 0;
  padding: 0;
  list-style: none;
}
.result-v2-detail__content li { position: relative; line-height: 1.75; }
.result-v2-detail--profile {
  padding-inline: 20px 108px;
  background: linear-gradient(115deg,rgba(248,241,228,.82),rgba(255,253,248,.18));
}
.result-v2-detail--profile .result-v2-detail__content > p:first-child {
  margin: 26px 0 24px;
  padding: 4px 0 4px 19px;
  border-left: 4px solid #75a38d;
  color: #30231c;
  font-size: clamp(18px,2vw,24px);
  font-weight: 700;
  line-height: 1.7;
}
.result-v2-detail__guide {
  position: absolute;
  right: 12px;
  bottom: 24px;
  width: 88px;
  height: 106px;
  object-fit: contain;
  opacity: .92;
}
.result-v2-detail--thinking .result-v2-detail__content ul { counter-reset: thinking-point; border-top: 1px solid #d9e2dc; }
.result-v2-detail--thinking .result-v2-detail__content li {
  counter-increment: thinking-point;
  padding: 13px 8px 13px 43px;
  border-bottom: 1px solid #d9e2dc;
}
.result-v2-detail--thinking .result-v2-detail__content li::before {
  content: counter(thinking-point,decimal-leading-zero);
  position: absolute;
  left: 5px;
  top: 14px;
  color: #60917a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}
.result-v2-detail--scenes {
  padding-inline: 20px;
  background: rgba(231,240,233,.68);
}
.result-v2-detail--scenes .result-v2-detail__content ul { counter-reset: best-scene; border-top: 1px solid #bcd0c3; }
.result-v2-detail--scenes .result-v2-detail__content li {
  counter-increment: best-scene;
  display: grid;
  grid-template-columns: 76px minmax(0,1fr);
  gap: 10px;
  padding: 14px 2px;
  border-bottom: 1px solid #bcd0c3;
}
.result-v2-detail--scenes .result-v2-detail__content li::before {
  content: "SCENE " counter(best-scene,decimal-leading-zero);
  color: #4f8069;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}
.result-v2-detail--caution {
  overflow: hidden;
  padding-inline: 24px;
  border-left: 3px solid #d1a95d;
  background: #faf1e4;
}
.result-v2-detail--caution::before {
  content: '';
  position: absolute;
  right: 25px;
  top: 22px;
  width: 12px;
  height: 34px;
  border: 2px solid #a99076;
  border-radius: 9px;
  transform: rotate(8deg);
  opacity: .68;
}
.result-v2-detail--caution::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg,transparent 49%,#ead9c5 50%);
}
.result-v2-detail--caution .result-v2-detail__content li { padding: 9px 0 9px 24px; border-bottom: 1px dashed #ddc9ae; }
.result-v2-detail--caution .result-v2-detail__content li::before {
  content: '・';
  position: absolute;
  left: 3px;
  color: #b27b2a;
  font-weight: 700;
}
.result-v2-detail--team,
.result-v2-detail--growth { padding-top: 32px; }
.result-v2-detail--team .result-v2-detail__number,
.result-v2-detail--growth .result-v2-detail__number { color: #d0a955; }
.result-v2-detail--team .result-v2-detail__content li,
.result-v2-detail--growth .result-v2-detail__content li { padding: 10px 0 10px 23px; border-bottom: 1px dashed #dfd2c2; }
.result-v2-detail--team .result-v2-detail__content li::before,
.result-v2-detail--growth .result-v2-detail__content li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 18px;
  width: 8px;
  height: 8px;
  border: 2px solid #78a38e;
  border-radius: 50%;
}

.result-v2-book { position: relative; overflow: hidden; min-height: 174px; display: grid; grid-template-columns: 190px minmax(0,1fr) auto; align-items: center; gap: 26px; padding: 20px 42px; border-radius: 42px; background: #f9dc85; }
.result-v2-book::after { content: '●  ●  ●'; position: absolute; right: 32%; top: 14px; color: rgba(102,72,30,.13); letter-spacing: 18px; }
.result-v2-book__visual { align-self: stretch; position: relative; }
.result-v2-book__visual img { position: absolute; left: 0; bottom: -30px; width: 185px; max-height: 210px; object-fit: contain; }
.result-v2-book__copy { position: relative; z-index: 1; }
.result-v2-book h2 { margin: 0 0 8px; font-size: clamp(25px,3vw,36px); line-height: 1.3; }
.result-v2-book h2 span { white-space: nowrap; }
.result-v2-book__copy p { margin: 0; color: #594b3d; font-size: 13px; line-height: 1.65; }
.result-v2-book__button,
.result-v2-sticky__button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border-radius: 999px; background: var(--result-brown); color: #fff; font-weight: 600; line-height: 1.4; text-decoration: none; }
.result-v2-book__button img,
.result-v2-sticky__button img { width: 29px; height: 29px; object-fit: contain; }
.result-v2-sticky { position: fixed; z-index: 50; right: 22px; bottom: 22px; filter: drop-shadow(0 9px 20px rgba(36,25,17,.2)); }
.result-v2-sticky[hidden] { display: none; }
.result-v2-sticky__button { min-height: 50px; font-size: 14px; }
.result-v2-sticky__button img { width: 25px; height: 25px; }

.result-v2-share[hidden] { display: none; }
.result-v2-share { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 20px; }
.result-v2-share__backdrop { position: absolute; inset: 0; background: rgba(28,20,15,.62); backdrop-filter: blur(4px); }
.result-v2-share > section { position: relative; z-index: 1; width: min(480px,100%); padding: 36px; border-radius: 20px; background: var(--result-paper); box-shadow: 0 24px 70px rgba(0,0,0,.28); text-align: center; }
.result-v2-share__close { position: absolute; right: 14px; top: 12px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #f0e9dd; font-size: 26px; cursor: pointer; }
.result-v2-share h2 { margin: 4px 0 12px; font-size: 28px; }
.result-v2-share__privacy { margin: 14px auto 0; max-width: 34em; color: #655a50; font-size: 13px; line-height: 1.7; }
.result-v2-share section > div { display: grid; gap: 10px; margin-top: 22px; }
.result-v2-share section a,
.result-v2-share section [data-copy-share],
.result-v2-share section [data-share-native] { min-height: 50px; display: grid; place-items: center; border: 1px solid #7b6a5d; border-radius: 999px; background: #fff; color: var(--result-ink); font: inherit; font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; }
.result-v2-share section [data-share-native][hidden] { display: none; }
.result-v2-share section [data-share-native] { background: #e9f5ef; border-color: #77a48e; }
.result-v2-share section [data-share-method="x"] { background: #111; color: #fff; }
.result-v2-share__feedback { min-height: 1.6em; color: #327158; font-weight: 700; }
.result-share-open { overflow: hidden; }

@media (max-width: 1024px) {
  .result-v2-hero__grid { grid-template-columns: minmax(0,1fr) minmax(350px,.9fr); gap: 20px; }
  .result-v2-hero__copy { padding-left: 0; }
  .result-v2-style__dashboard { grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr); gap: 24px; }
  .result-v2-gauge { grid-template-columns: 40px minmax(130px,.7fr) minmax(90px,1fr) 50px; gap: 10px; }
  .result-v2-gauge__heading span { display: none; }
}

@media (max-width: 768px) {
  .tba-view-result .site-header__inner { min-height: 64px; }
  .tba-view-result .site-menu-toggle {
    border-color: transparent;
    border-radius: 8px;
  }
  .result-v2-container { width: min(100% - 36px,680px); }
  .result-v2-hero { width: calc(100% - 24px); }
  .result-v2-hero__grid { min-height: 0; grid-template-columns: 1fr; gap: 14px; padding-block: 28px 36px; }
  .result-v2-hero__copy { text-align: center; }
  .result-v2-code,
  .result-v2-hero__actions { justify-content: center; }
  .result-v2-summary { margin-inline: auto; text-align: left; }
  .result-v2-hero__visual { grid-row: 1; }
  .result-v2-hero__emblem { width: min(90%,420px); }
  .result-v2-book h2 span { white-space: normal; }
  .result-v2-style__dashboard { grid-template-columns: 1fr; gap: 20px; }
  .result-v2-radar { width: min(100%,340px); }
  .result-v2-gauge__heading span { display: block; }
  .result-v2-strengths__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .result-v2-analysis { grid-template-columns: 1fr; }
  .result-v2-team-row { grid-template-columns: 1fr; }
  .result-v2-partners__grid { grid-template-columns: 1fr; }
  .result-v2-partners__grid a { grid-template-columns: 110px minmax(0,1fr); align-items: center; justify-items: start; text-align: left; }
  .result-v2-partners__grid img { grid-row: span 2; }
  .result-v2-quest__grid { grid-template-columns: 1fr; }
  .result-v2-details__body { grid-template-columns: 1fr; gap: 0; padding-inline: 20px; }
  .result-v2-detail:nth-child(n) { grid-column: 1; }
  .result-v2-detail { padding-block: 30px 34px; }
  .result-v2-detail--profile { padding-inline: 18px 96px; }
  .result-v2-detail--scenes,
  .result-v2-detail--caution { padding-inline: 18px; }
  .result-v2-detail:nth-child(5) { border-bottom: 1px solid #e4d7c6; }
  .result-v2-book { grid-template-columns: 140px minmax(0,1fr); padding: 24px 28px; }
  .result-v2-book__visual img { width: 145px; }
  .result-v2-book__button { grid-column: 1 / -1; width: min(360px,100%); justify-self: center; }
}

@media (max-width: 520px) {
  .result-v2-container { width: calc(100% - 32px); }
  .result-v2-main { gap: 18px; padding-block: 18px 112px; }
  .result-v2-hero { margin-top: 10px; border-radius: 16px; }
  .result-v2-hero__grid { width: calc(100% - 32px); padding-block: 20px 28px; }
  .result-v2-hero__emblem { width: min(94%,330px); }
  .result-v2-hero h1 { font-size: clamp(38px,11vw,50px); white-space: normal; }
  .result-v2-code { gap: 10px; font-size: 23px; }
  .result-v2-code span { width: 42px; }
  .result-v2-hero__actions { display: grid; }
  .result-v2-button { width: 100%; }
  .result-v2-style { padding: 22px 16px 12px; }
  .result-v2-section-heading h2 { font-size: 22px; }
  .result-v2-radar { width: min(100%,285px); }
  .result-v2-gauges { padding: 6px 12px; }
  .result-v2-gauge { grid-template-columns: 34px minmax(92px,.8fr) minmax(70px,1fr) 45px; gap: 8px; padding: 13px 0; }
  .result-v2-gauge > img { width: 31px; height: 31px; }
  .result-v2-gauge__heading { display: block; }
  .result-v2-gauge__heading strong { padding: 0; border: 0; font-size: 14px; }
  .result-v2-gauge__heading span { display: none; }
  .result-v2-gauge__value { font-size: 16px; }
  .result-v2-strengths { padding: 14px 16px 18px; }
  .result-v2-strengths__grid { grid-template-columns: 1fr; }
  .result-v2-strength-card { min-height: 100px; }
  .result-v2-analysis > article { min-height: 0; padding: 23px 20px; }
  .result-v2-analysis h2 { font-size: 21px; }
  .result-v2-role { grid-template-columns: 66px minmax(0,1fr); gap: 14px; padding: 22px 18px; }
  .result-v2-role > img { width: 60px; height: 60px; }
  .result-v2-role h2 { font-size: 21px; }
  .result-v2-partners { padding: 20px 16px; }
  .result-v2-partners .result-v2-section-heading h2 { font-size: 21px; }
  .result-v2-partners__grid a { grid-template-columns: 90px minmax(0,1fr); padding: 12px; }
  .result-v2-partners__grid img { width: 88px; height: 82px; }
  .result-v2-quest { padding: 22px 16px; }
  .result-v2-quest__title h2 { font-size: 21px; }
  .result-v2-quest article { grid-template-columns: 52px minmax(0,1fr); min-height: 105px; padding: 14px; }
  .result-v2-quest img { width: 47px; height: 47px; }
  .result-v2-details summary { padding: 15px 17px; font-size: 16px; }
  .result-v2-details__body { padding: 0 18px 24px; }
  .result-v2-detail__heading { grid-template-columns: 46px minmax(0,1fr); column-gap: 11px; }
  .result-v2-detail__number { font-size: 31px; }
  .result-v2-detail__heading h2 { font-size: 19px; }
  .result-v2-detail__content { margin-top: 20px; }
  .result-v2-detail--profile { padding-inline: 16px; padding-bottom: 96px; }
  .result-v2-detail__guide { right: 10px; bottom: 12px; width: 72px; height: 78px; }
  .result-v2-detail--profile .result-v2-detail__content > p:first-child { margin-top: 22px; font-size: 18px; }
  .result-v2-detail--scenes,
  .result-v2-detail--caution { padding-inline: 16px; }
  .result-v2-detail--scenes .result-v2-detail__content li { grid-template-columns: 68px minmax(0,1fr); }
  .result-v2-book { min-height: 0; grid-template-columns: 1fr; gap: 10px; padding: 24px 18px; border-radius: 26px; text-align: center; }
  .result-v2-book__visual { min-height: 145px; }
  .result-v2-book__visual img { left: 50%; bottom: -25px; width: 160px; transform: translateX(-50%); }
  .result-v2-book h2 { font-size: 25px; }
  .result-v2-book__button { width: 100%; padding-inline: 14px; font-size: 14px; }
  .result-v2-sticky { left: 16px; right: 16px; bottom: max(12px,env(safe-area-inset-bottom)); }
  .result-v2-sticky__button { width: 100%; padding-inline: 14px; }
  .result-v2-share > section { padding: 34px 20px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .result-page-loading__paw { animation: none; }
  .result-v2-details summary i { transition: none; }
}