/* Approved LegallyHeard presentation. Content and evidence remain unchanged. */
:root { --off-white: #fff; --rule: #e5e8ed; --lh-modern-paper: #fff; --lh-modern-line: #e5e8ed; }
.refresh-page { --rp-paper: #fff; }
html, body, main { background-color: #fff; }
/* Cream framing, navy panels, gold selected states and meaningful colours remain. */
body :is(.btn,.button,.rp-button,.lh-action-button,.planner-link,.copy-signature) {
  border-radius: 999px !important;
}
body :is(.btn,.button,.rp-button,.lh-action-button):focus-visible {
  outline-offset: 4px;
}
body :is(.card,.panel,.tier,.planner-panel,.compare-table,.matrix,.eg-panel) {
  box-shadow: none;
  border-color: #e5e8ed;
}
body :is(.tier,.planner-panel,.eg-panel,.eg-panel-title) { background-color: #fff; }
.pro-page .pro-hero,
.features-refresh .fr-panel,
.features-refresh .fr-paper,
.hw-context-reader,
.hw-report,
.pro-page .pro-case-paper { background-color: #fff; }
.pro-page :is(.pro-desk,.pro-case-paper,.pro-output-card,.pro-contact-card),
.features-refresh :is(.fr-workbench,.fr-paper),
.hw-context-reader,.hw-report { box-shadow: none; }
.pro-page :is(.pro-desk,.pro-contact-card),
.features-refresh .fr-workbench { border-radius: 24px; }
.pro-page .pro-case-paper { border-radius: 14px; border-color: #e5e8ed; border-top-color: #c7ad7b; }
/* Align both quoted messages on one reading axis. */
.pro-page .pro-exchange.pro-reply { margin-left: 0; }
.pro-page .pro-exchange { text-align: left; }
.pro-page .pro-hero { padding-top: 84px; padding-bottom: 78px; }
.pro-page .pro-hero h1 { letter-spacing: -.05em; line-height: 1.055; }
.pro-page .pro-eyebrow::after { display: none; }
.refresh-page .rp-hero { padding-top: 78px; padding-bottom: 78px; }
/* A white reading area keeps the evidence in focus without changing toolbars. */
body.demo-page :is(.demo-paste,textarea,.tlx-msg,.tlx-record) { background-color: #fff; }
body.demo-page :is(.demo-card,.demo-workspace,.demo-reading) { box-shadow: none; }
@media (max-width: 600px) {
  .pro-page .pro-hero { padding-top: 36px; padding-bottom: 42px; }
  .refresh-page .rp-hero { padding-top: 36px; padding-bottom: 42px; }
  .pro-page .pro-desk { border-radius: 20px; }
}
@media (forced-colors: active) {
  body :is(.card,.panel,.tier,.planner-panel,.compare-table,.matrix,.eg-panel) { border-color: CanvasText; }
}
