/* Standalone report page (ticket #2768). Builds on portal.css tokens; no inline styles. */
.report-body { min-height: 100vh; }
/* portal.css positions .masthead absolutely for the home page; these standalone pages flow it. */
.report-top { position: relative; left: auto; width: min(calc(100% - 32px), var(--max)); transform: none; margin: 0 auto; flex-wrap: wrap; gap: 8px 24px; }
.report-shell { width: min(640px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 72px; }
.report-shell h1 { margin: 0 0 8px; font: 800 clamp(32px, 7vw, 52px)/1 var(--display); text-transform: uppercase; }
.report-intro { margin: 0 0 24px; color: var(--ink-dim); }
.report-form { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.report-field { margin: 0 0 16px; }
.report-field label { display: block; margin: 0 0 6px; font-size: 14px; color: var(--ink-dim); }
.report-field input, .report-field select, .report-field textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--void-raised); color: var(--ink); }
.report-field textarea { resize: vertical; }
.report-field input:focus-visible, .report-field select:focus-visible, .report-field textarea:focus-visible, .report-btn:focus-visible { outline: 3px solid var(--mint); outline-offset: 2px; }
.report-field input[aria-invalid="true"] { border-color: var(--hot); }
.report-hint { margin: 6px 0 0; font-size: 13px; color: var(--ink-faint); }
.report-btn { min-height: 44px; padding: 10px 22px; border: 1px solid var(--line-hot); border-radius: 10px; background: rgba(255, 87, 28, .14); color: var(--ink); font-weight: 750; cursor: pointer; }
.report-btn:hover:not(:disabled) { background: rgba(255, 87, 28, .26); }
.report-btn:disabled { opacity: .5; cursor: not-allowed; }
.report-result { min-height: 1.5em; margin: 14px 0 0; overflow-wrap: anywhere; }
.report-result[data-tone="ok"] { color: var(--mint); }
.report-result[data-tone="bad"] { color: var(--hot-light); }
@media (max-width: 480px) {
  .report-top .brand-copy small { display: none; }
  .report-top .masthead-nav { gap: 14px; }
  .report-shell { padding-top: 20px; }
  .report-form { padding: 16px; }
  .report-btn { width: 100%; }
}