/* Original account comparison UI, with the updated commercial explanations. */
#opportunity-example .opportunity-heading { margin-bottom: 12px; }
#opportunity-example .opportunity-heading aside { margin-top: 0; }
#opportunity-example .hand-note { margin-top: 12px; }
#opportunity-example .account-commercial-context { padding: 10px 2px 14px; color: var(--proof-muted); font-size: 13px; line-height: 1.5; }
#opportunity-example .account-commercial-context > b { color: var(--ink); font-size: 14px; }
#opportunity-example .account-commercial-context p { margin: 8px 0 0; }
#opportunity-example .account-high {
  grid-template-areas: "head head" "profile details" "facts details" "quote quote" "expanded expanded" "assessment assessment";
  grid-template-rows: 34px auto auto auto auto auto;
}
#opportunity-example .account-high > .account-evidence { grid-row: 2 / span 2; }
#opportunity-example .account-high > .account-quote { margin: 12px 0 14px; padding-top: 14px; border-top: 1px solid #e5e9e3; }
#opportunity-example .account-high > .account-evidence-more { grid-area: expanded; margin-top: 0; margin-bottom: 14px; }
#opportunity-example .account-expanded-panel { padding: 16px 0 4px; }
#opportunity-example .account-high .account-expanded-panel { display: grid; grid-template-columns: 1fr; gap: 16px; }
#opportunity-example .account-high .account-commercial-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
#opportunity-example .account-high .account-commercial-context > b { grid-column: 1 / -1; }
#opportunity-example .account-expanded-panel .account-commercial-context { padding: 0; }
#opportunity-example .account-expanded-panel .account-commercial-context > b,
#opportunity-example .account-expanded-findings > h4 { display: block; margin: 0 0 12px; color: var(--ink); font-family: var(--body); font-size: 13px; line-height: 1.35; font-weight: 600; letter-spacing: -.01em; }
#opportunity-example .account-expanded-panel .account-commercial-context p { font-size: 12px; line-height: 1.55; margin: 0 0 12px; }
#opportunity-example .account-expanded-findings { min-width: 0; }
#opportunity-example .account-expanded-panel .account-detail-grid { grid-template-rows: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
#opportunity-example .account-expanded-panel .account-detail-grid > div { padding: 12px; }
#opportunity-example .account-high .account-expanded-panel .account-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#opportunity-example .account-expanded-panel .account-detail-grid p { line-height: 1.5; }
#opportunity-example .account-low .account-expanded-findings { margin-top: 20px; }
#opportunity-example .account-evidence-more[open] > summary { border-bottom: 1px solid #e5e9e3; }
@media (max-width: 900px) {
  #opportunity-example .account-high .account-expanded-panel { grid-template-columns: 1fr; gap: 12px; }
  #opportunity-example .account-high .account-commercial-context { grid-template-columns: 1fr; }
  #opportunity-example .account-high .account-expanded-panel .account-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #opportunity-example .opportunity-heading { margin-bottom: 22px; }
}