/* v781 — Style Session editorial consultation */

#coach,
body[data-theme] #coach,
html.native-layout-guard #coach,
html.native-layout-guard body[data-theme] #coach {
  --coach-ink: #11192f;
  --coach-paper: #f4efe6;
  --coach-blue: #8097ff;
  --coach-blue-soft: #cbd4ff;
  --coach-orange: #ff7448;
  --coach-line: rgba(17, 25, 47, 0.18);
  gap: clamp(18px, 3vw, 34px) !important;
  overflow: visible !important;
  border: 1px solid rgba(17, 25, 47, 0.12) !important;
  border-radius: 4px !important;
  background:
    radial-gradient(circle at 84% 4%, rgba(128, 151, 255, 0.62), transparent 32%),
    linear-gradient(142deg, #edf0ff 0%, #d7dfff 48%, #f2d7ce 100%) !important;
  padding: clamp(18px, 3.4vw, 44px) !important;
  color: var(--coach-ink) !important;
}

#coach .coach-session-head,
body[data-theme] #coach .coach-session-head,
html.native-layout-guard #coach .coach-session-head,
html.native-layout-guard body[data-theme] #coach .coach-session-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 210px) !important;
  gap: clamp(18px, 4vw, 52px) !important;
  align-items: end !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#coach #coachEdition {
  margin-bottom: 12px !important;
  color: var(--coach-ink) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.19em !important;
}

#coach #coachHeadline,
body[data-theme] #coach #coachHeadline,
html.native-layout-guard #coach #coachHeadline,
html.native-layout-guard body[data-theme] #coach #coachHeadline {
  max-width: 900px !important;
  margin: 0 !important;
  color: var(--coach-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3.1rem, 7.2vw, 7.2rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.075em !important;
  line-height: 0.84 !important;
  text-wrap: balance !important;
}

#coach .coach-session-deck {
  max-width: 720px !important;
  margin: clamp(18px, 2.5vw, 30px) 0 0 !important;
  color: rgba(17, 25, 47, 0.78) !important;
  font-size: clamp(0.93rem, 1.3vw, 1.08rem) !important;
  font-weight: 720 !important;
  line-height: 1.5 !important;
}

#coach .coach-session-brief-button,
body[data-theme] #coach .coach-session-brief-button,
html.native-layout-guard #coach .coach-session-brief-button,
html.native-layout-guard body[data-theme] #coach .coach-session-brief-button {
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid var(--coach-ink) !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: var(--coach-ink) !important;
  box-shadow: none !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#coach .coach-layout,
body[data-theme] #coach .coach-layout,
html.native-layout-guard #coach .coach-layout,
html.native-layout-guard body[data-theme] #coach .coach-layout {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.66fr) minmax(0, 1.34fr) !important;
  gap: 14px !important;
  align-items: start !important;
  overflow: visible !important;
}

#coach .coach-answer-panel,
body[data-theme] #coach .coach-answer-panel,
html.native-layout-guard #coach .coach-answer-panel,
html.native-layout-guard body[data-theme] #coach .coach-answer-panel {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: var(--coach-ink) !important;
  padding: 0 !important;
  box-shadow: 0 24px 55px rgba(17, 25, 47, 0.18) !important;
}

#coach .coach-session-edition {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  background: var(--coach-orange) !important;
  padding: 0 18px !important;
  color: var(--coach-ink) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
}

#coach .coach-session-board,
body[data-theme] #coach .coach-session-board,
html.native-layout-guard #coach .coach-session-board,
html.native-layout-guard body[data-theme] #coach .coach-session-board {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr) !important;
  grid-template-areas:
    "head items"
    "metrics items"
    "quote items"
    "message items"
    "actions actions" !important;
  gap: 18px 22px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 0 3px 3px !important;
  background:
    linear-gradient(90deg, transparent 0 40%, rgba(17, 25, 47, 0.08) 40% calc(40% + 1px), transparent calc(40% + 1px)),
    var(--coach-paper) !important;
  padding: clamp(20px, 3vw, 38px) !important;
  color: var(--coach-ink) !important;
}

#coach .coach-answer-head,
body[data-theme] #coach .coach-answer-head,
html.native-layout-guard #coach .coach-answer-head,
html.native-layout-guard body[data-theme] #coach .coach-answer-head {
  grid-area: head !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 !important;
}

#coach #coachBriefKicker {
  margin-bottom: 10px !important;
  color: #5064bb !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.13em !important;
}

#coach #coach-answer-title,
body[data-theme] #coach #coach-answer-title,
html.native-layout-guard #coach #coach-answer-title,
html.native-layout-guard body[data-theme] #coach #coach-answer-title {
  margin: 0 !important;
  color: var(--coach-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 4vw, 4.6rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.06em !important;
  line-height: 0.94 !important;
  text-wrap: balance !important;
}

#coach .coach-session-narrative {
  margin: 16px 0 0 !important;
  color: rgba(17, 25, 47, 0.72) !important;
  font-size: 0.88rem !important;
  font-weight: 650 !important;
  line-height: 1.52 !important;
}

#coach #coachScore,
body[data-theme] #coach #coachScore,
html.native-layout-guard #coach #coachScore,
html.native-layout-guard body[data-theme] #coach #coachScore {
  display: grid !important;
  place-items: center !important;
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  border: 2px solid var(--coach-ink) !important;
  border-radius: 50% !important;
  background: var(--coach-blue) !important;
  color: var(--coach-ink) !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
}

#coach .coach-metrics,
body[data-theme] #coach .coach-metrics,
html.native-layout-guard #coach .coach-metrics,
html.native-layout-guard body[data-theme] #coach .coach-metrics {
  grid-area: metrics !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  overflow: hidden !important;
  border: 1px solid var(--coach-line) !important;
  background: var(--coach-line) !important;
}

#coach .coach-metrics div,
body[data-theme] #coach .coach-metrics div,
html.native-layout-guard #coach .coach-metrics div,
html.native-layout-guard body[data-theme] #coach .coach-metrics div {
  min-height: 66px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--coach-paper) !important;
  padding: 12px !important;
}

#coach .coach-metrics strong {
  color: var(--coach-ink) !important;
  font-size: 0.88rem !important;
  line-height: 1.1 !important;
}

#coach .coach-metrics span {
  margin-top: 5px !important;
  color: rgba(17, 25, 47, 0.58) !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

#coach .coach-session-quote {
  grid-area: quote !important;
  margin: 0 !important;
  border: 0 !important;
  border-left: 5px solid var(--coach-blue) !important;
  background: rgba(203, 212, 255, 0.38) !important;
  padding: 14px 16px !important;
}

#coach .coach-session-quote span {
  color: #5064bb !important;
  font-size: 0.58rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
}

#coach .coach-session-quote p {
  margin: 6px 0 0 !important;
  color: var(--coach-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1rem, 1.55vw, 1.28rem) !important;
  font-style: italic !important;
  line-height: 1.32 !important;
}

#coach .coach-message,
body[data-theme] #coach .coach-message,
html.native-layout-guard #coach .coach-message,
html.native-layout-guard body[data-theme] #coach .coach-message {
  grid-area: message !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
  gap: 8px !important;
}

#coach .coach-session-move,
#coach .coach-session-why {
  display: block !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  padding: 16px !important;
}

#coach .coach-session-move {
  background: var(--coach-ink) !important;
  color: #fff !important;
}

#coach .coach-session-why {
  border: 1px solid var(--coach-line) !important;
  background: transparent !important;
  color: var(--coach-ink) !important;
}

#coach .coach-message small {
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--coach-blue-soft) !important;
  font-size: 0.58rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
}

#coach .coach-session-why small {
  color: #5064bb !important;
}

#coach .coach-session-move strong {
  display: block !important;
  color: #fff !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

#coach .coach-message p,
body[data-theme] #coach .coach-message p,
html.native-layout-guard #coach .coach-message p,
html.native-layout-guard body[data-theme] #coach .coach-message p,
#coach .coach-message p:nth-of-type(n + 3),
body[data-theme] #coach .coach-message p:nth-of-type(n + 3),
html.native-layout-guard #coach .coach-message p:nth-of-type(n + 3),
html.native-layout-guard body[data-theme] #coach .coach-message p:nth-of-type(n + 3) {
  display: block !important;
  overflow: visible !important;
  margin: 8px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
}

#coach .coach-session-why p {
  position: relative !important;
  padding-left: 13px !important;
}

#coach .coach-session-why p::before {
  position: absolute;
  left: 0;
  color: #5064bb;
  content: "—";
}

#coach .coach-items,
body[data-theme] #coach .coach-items,
html.native-layout-guard #coach .coach-items,
html.native-layout-guard body[data-theme] #coach .coach-items {
  grid-area: items !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(204px, 1fr)) !important;
  gap: 8px !important;
  min-height: 416px !important;
  overflow: visible !important;
}

#coach .coach-items > .coach-item-card,
body[data-theme] #coach .coach-items > .coach-item-card,
html.native-layout-guard #coach .coach-items > .coach-item-card,
html.native-layout-guard body[data-theme] #coach .coach-items > .coach-item-card,
#coach .coach-items > *:nth-child(n + 2),
body[data-theme] #coach .coach-items > *:nth-child(n + 2),
html.native-layout-guard #coach .coach-items > *:nth-child(n + 2),
html.native-layout-guard body[data-theme] #coach .coach-items > *:nth-child(n + 2),
#coach .coach-items > *:nth-child(n + 3),
body[data-theme] #coach .coach-items > *:nth-child(n + 3),
html.native-layout-guard #coach .coach-items > *:nth-child(n + 3),
html.native-layout-guard body[data-theme] #coach .coach-items > *:nth-child(n + 3) {
  display: block !important;
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #29334f !important;
  padding: 0 !important;
  isolation: isolate !important;
}

#coach .coach-items > .coach-item-card:first-child {
  grid-column: 1 / span 2 !important;
  grid-row: 1 / span 2 !important;
}

#coach .coach-items > .coach-item-card:nth-child(2) {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

#coach .coach-items > .coach-item-card:nth-child(3) {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

#coach .coach-items > .coach-item-card:nth-child(4) {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

#coach .coach-items > .coach-item-card:nth-child(5) {
  grid-column: 4 !important;
  grid-row: 2 !important;
}

#coach .coach-item-card::after {
  position: absolute;
  z-index: -1;
  inset: 35% 0 0;
  background: linear-gradient(transparent, rgba(5, 9, 20, 0.94));
  content: "";
}

#coach .coach-item-card img,
body[data-theme] #coach .coach-item-card img,
html.native-layout-guard #coach .coach-item-card img,
html.native-layout-guard body[data-theme] #coach .coach-item-card img {
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  transition: transform 260ms ease !important;
}

#coach .coach-item-card:hover img {
  transform: scale(1.025);
}

#coach .coach-item-number,
body[data-theme] #coach .coach-item-number,
html.native-layout-guard #coach .coach-item-number,
html.native-layout-guard body[data-theme] #coach .coach-item-number {
  position: absolute !important;
  z-index: 2 !important;
  top: 10px !important;
  left: 10px !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  border-radius: 50% !important;
  background: rgba(17, 25, 47, 0.78) !important;
  color: #fff !important;
  font-size: 0.58rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  backdrop-filter: blur(8px) !important;
}

#coach .coach-item-card > .coach-item-copy,
body[data-theme] #coach .coach-item-card > .coach-item-copy,
html.native-layout-guard #coach .coach-item-card > .coach-item-copy,
html.native-layout-guard body[data-theme] #coach .coach-item-card > .coach-item-copy {
  position: absolute !important;
  z-index: 2 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  padding: 16px !important;
  color: #fff !important;
}

#coach .coach-item-copy small {
  display: block !important;
  margin-bottom: 6px !important;
  color: #dbe1ff !important;
  font-size: 0.54rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

#coach .coach-item-card strong,
body[data-theme] #coach .coach-item-card strong,
html.native-layout-guard #coach .coach-item-card strong,
html.native-layout-guard body[data-theme] #coach .coach-item-card strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

#coach .coach-items > .coach-item-card:first-child strong {
  max-width: 84% !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.35rem, 2.2vw, 2.1rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}

#coach .coach-item-card > .coach-item-copy > span,
body[data-theme] #coach .coach-item-card > .coach-item-copy > span,
html.native-layout-guard #coach .coach-item-card > .coach-item-copy > span,
html.native-layout-guard body[data-theme] #coach .coach-item-card > .coach-item-copy > span {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.58rem !important;
  font-weight: 750 !important;
  line-height: 1.24 !important;
}

#coach .coach-item-tags,
body[data-theme] #coach .coach-item-tags,
html.native-layout-guard #coach .coach-item-tags,
html.native-layout-guard body[data-theme] #coach .coach-item-tags {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  margin-top: 8px !important;
  overflow: hidden !important;
}

#coach .coach-item-tags span,
body[data-theme] #coach .coach-item-tags span,
html.native-layout-guard #coach .coach-item-tags span,
html.native-layout-guard body[data-theme] #coach .coach-item-tags span {
  display: inline-flex !important;
  max-width: 50% !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 2px !important;
  background: rgba(17, 25, 47, 0.5) !important;
  padding: 4px 6px !important;
  color: #fff !important;
  font-size: 0.49rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#coach .coach-item-tags span:nth-child(n + 3) {
  display: none !important;
}

#coach .coach-item-card:not(:first-child) .coach-item-tags,
body[data-theme] #coach .coach-item-card:not(:first-child) .coach-item-tags,
html.native-layout-guard #coach .coach-item-card:not(:first-child) .coach-item-tags,
html.native-layout-guard body[data-theme] #coach .coach-item-card:not(:first-child) .coach-item-tags {
  display: none !important;
}

#coach .coach-item-card:first-child .coach-item-tags,
body[data-theme] #coach .coach-item-card:first-child .coach-item-tags,
html.native-layout-guard #coach .coach-item-card:first-child .coach-item-tags,
html.native-layout-guard body[data-theme] #coach .coach-item-card:first-child .coach-item-tags {
  flex-wrap: wrap !important;
  overflow: visible !important;
}

#coach .coach-item-card:first-child .coach-item-tags span,
body[data-theme] #coach .coach-item-card:first-child .coach-item-tags span,
html.native-layout-guard #coach .coach-item-card:first-child .coach-item-tags span,
html.native-layout-guard body[data-theme] #coach .coach-item-card:first-child .coach-item-tags span {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#coach .coach-item-card .mini-product-link,
body[data-theme] #coach .coach-item-card .mini-product-link,
html.native-layout-guard #coach .coach-item-card .mini-product-link,
html.native-layout-guard body[data-theme] #coach .coach-item-card .mini-product-link {
  position: absolute !important;
  z-index: 3 !important;
  top: 10px !important;
  right: 10px !important;
  display: grid !important;
  grid-column: auto !important;
  grid-row: auto !important;
  place-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  border-radius: 2px !important;
  background: rgba(17, 25, 47, 0.78) !important;
  padding: 0 9px !important;
  color: #fff !important;
  font-size: 0.54rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(8px) !important;
}

#coach .coach-session-actions,
body[data-theme] #coach .coach-session-actions,
html.native-layout-guard #coach .coach-session-actions,
html.native-layout-guard body[data-theme] #coach .coach-session-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.5fr) !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

#coach .coach-session-actions :is(.primary-button, .ghost-button) {
  min-height: 54px !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-size: 0.73rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#coach .coach-session-actions .primary-button {
  border-color: var(--coach-ink) !important;
  background: var(--coach-blue) !important;
  color: var(--coach-ink) !important;
}

#coach .coach-session-actions .ghost-button {
  border-color: var(--coach-ink) !important;
  background: transparent !important;
  color: var(--coach-ink) !important;
}

#coach .coach-panel,
#coach .coach-history-panel,
body[data-theme] #coach .coach-panel,
body[data-theme] #coach .coach-history-panel,
html.native-layout-guard #coach .coach-panel,
html.native-layout-guard #coach .coach-history-panel,
html.native-layout-guard body[data-theme] #coach .coach-panel,
html.native-layout-guard body[data-theme] #coach .coach-history-panel {
  grid-row: 2 !important;
  position: static !important;
  overflow: hidden !important;
  border: 1px solid rgba(17, 25, 47, 0.14) !important;
  border-radius: 3px !important;
  background: rgba(244, 239, 230, 0.86) !important;
  box-shadow: none !important;
}

#coach .coach-panel {
  grid-column: 1 !important;
}

#coach .coach-history-panel {
  grid-column: 2 !important;
}

#coach .coach-panel :is(input, select, textarea) {
  border-color: rgba(17, 25, 47, 0.24) !important;
  border-radius: 2px !important;
  background: rgba(255, 255, 255, 0.66) !important;
  color: var(--coach-ink) !important;
}

#coach .coach-quick-briefs button {
  border-radius: 2px !important;
}

@media (max-width: 900px) {
  #coach,
  body[data-theme] #coach,
  html.native-layout-guard #coach,
  html.native-layout-guard body[data-theme] #coach {
    gap: 18px !important;
    border: 0 !important;
    padding: 16px 12px 22px !important;
  }

  #coach .coach-session-head,
  body[data-theme] #coach .coach-session-head,
  html.native-layout-guard #coach .coach-session-head,
  html.native-layout-guard body[data-theme] #coach .coach-session-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #coach #coachEdition {
    margin-bottom: 8px !important;
    font-size: 0.6rem !important;
  }

  #coach #coachHeadline,
  body[data-theme] #coach #coachHeadline,
  html.native-layout-guard #coach #coachHeadline,
  html.native-layout-guard body[data-theme] #coach #coachHeadline {
    font-size: clamp(2.65rem, 13vw, 4rem) !important;
    line-height: 0.88 !important;
  }

  #coach .coach-session-deck {
    margin-top: 14px !important;
    font-size: 0.82rem !important;
    line-height: 1.42 !important;
  }

  #coach .coach-session-brief-button,
  body[data-theme] #coach .coach-session-brief-button,
  html.native-layout-guard #coach .coach-session-brief-button,
  html.native-layout-guard body[data-theme] #coach .coach-session-brief-button {
    min-height: 46px !important;
  }

  #coach .coach-layout,
  body[data-theme] #coach .coach-layout,
  html.native-layout-guard #coach .coach-layout,
  html.native-layout-guard body[data-theme] #coach .coach-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #coach .coach-answer-panel,
  body[data-theme] #coach .coach-answer-panel,
  html.native-layout-guard #coach .coach-answer-panel,
  html.native-layout-guard body[data-theme] #coach .coach-answer-panel {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #coach .coach-session-edition {
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.56rem !important;
  }

  #coach .coach-session-board,
  body[data-theme] #coach .coach-session-board,
  html.native-layout-guard #coach .coach-session-board,
  html.native-layout-guard body[data-theme] #coach .coach-session-board {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "head"
      "metrics"
      "quote"
      "message"
      "items"
      "actions" !important;
    gap: 14px !important;
    background: var(--coach-paper) !important;
    padding: 16px 12px !important;
  }

  #coach .coach-answer-head,
  body[data-theme] #coach .coach-answer-head,
  html.native-layout-guard #coach .coach-answer-head,
  html.native-layout-guard body[data-theme] #coach .coach-answer-head {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 10px !important;
  }

  #coach #coach-answer-title,
  body[data-theme] #coach #coach-answer-title,
  html.native-layout-guard #coach #coach-answer-title,
  html.native-layout-guard body[data-theme] #coach #coach-answer-title {
    font-size: clamp(1.85rem, 9vw, 2.7rem) !important;
  }

  #coach #coachScore,
  body[data-theme] #coach #coachScore,
  html.native-layout-guard #coach #coachScore,
  html.native-layout-guard body[data-theme] #coach #coachScore {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    font-size: 0.94rem !important;
  }

  #coach .coach-session-narrative {
    margin-top: 12px !important;
    font-size: 0.77rem !important;
  }

  #coach .coach-metrics,
  body[data-theme] #coach .coach-metrics,
  html.native-layout-guard #coach .coach-metrics,
  html.native-layout-guard body[data-theme] #coach .coach-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #coach .coach-metrics div,
  body[data-theme] #coach .coach-metrics div,
  html.native-layout-guard #coach .coach-metrics div,
  html.native-layout-guard body[data-theme] #coach .coach-metrics div {
    min-height: 58px !important;
    padding: 10px !important;
  }

  #coach .coach-session-quote {
    padding: 12px !important;
  }

  #coach .coach-session-quote p {
    font-size: 1rem !important;
  }

  #coach .coach-message,
  body[data-theme] #coach .coach-message,
  html.native-layout-guard #coach .coach-message,
  html.native-layout-guard body[data-theme] #coach .coach-message {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #coach .coach-items,
  body[data-theme] #coach .coach-items,
  html.native-layout-guard #coach .coach-items,
  html.native-layout-guard body[data-theme] #coach .coach-items {
    grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.72fr) !important;
    grid-template-rows: repeat(4, 94px) !important;
    gap: 6px !important;
    min-height: 394px !important;
  }

  #coach .coach-items > .coach-item-card:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
  }

  #coach .coach-items > .coach-item-card:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #coach .coach-items > .coach-item-card:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  #coach .coach-items > .coach-item-card:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  #coach .coach-items > .coach-item-card:nth-child(5) {
    grid-column: 2 !important;
    grid-row: 4 !important;
  }

  #coach .coach-item-card > .coach-item-copy,
  body[data-theme] #coach .coach-item-card > .coach-item-copy,
  html.native-layout-guard #coach .coach-item-card > .coach-item-copy,
  html.native-layout-guard body[data-theme] #coach .coach-item-card > .coach-item-copy {
    padding: 9px !important;
  }

  #coach .coach-items > .coach-item-card:first-child > .coach-item-copy {
    padding: 14px !important;
  }

  #coach .coach-item-copy small {
    margin-bottom: 4px !important;
    font-size: 0.46rem !important;
  }

  #coach .coach-item-card strong,
  body[data-theme] #coach .coach-item-card strong,
  html.native-layout-guard #coach .coach-item-card strong,
  html.native-layout-guard body[data-theme] #coach .coach-item-card strong {
    font-size: 0.66rem !important;
    -webkit-line-clamp: 2 !important;
  }

  #coach .coach-items > .coach-item-card:first-child strong {
    font-size: 1.35rem !important;
  }

  #coach .coach-item-card:not(:first-child) .coach-item-copy > span,
  #coach .coach-item-card:not(:first-child) .coach-item-tags,
  #coach .coach-item-card:not(:first-child) .mini-product-link,
  #coach .coach-item-card:not(:first-child) .coach-item-number {
    display: none !important;
  }

  #coach .coach-session-actions,
  body[data-theme] #coach .coach-session-actions,
  html.native-layout-guard #coach .coach-session-actions,
  html.native-layout-guard body[data-theme] #coach .coach-session-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #coach .coach-session-actions :is(.primary-button, .ghost-button) {
    min-height: 50px !important;
  }

  #coach .coach-panel,
  #coach .coach-history-panel,
  body[data-theme] #coach .coach-panel,
  body[data-theme] #coach .coach-history-panel,
  html.native-layout-guard #coach .coach-panel,
  html.native-layout-guard #coach .coach-history-panel,
  html.native-layout-guard body[data-theme] #coach .coach-panel,
  html.native-layout-guard body[data-theme] #coach .coach-history-panel {
    grid-column: 1 !important;
  }

  #coach .coach-panel {
    grid-row: 2 !important;
  }

  #coach .coach-history-panel {
    grid-row: 3 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #coach .coach-item-card img {
    transition: none !important;
  }
}