/* Reconciled #91: screen-only hierarchy over the current saved-report/PDF source.
   Keep the existing 16px report copy, evidence geometry and print stylesheet. */
@media screen {
 .heuristic-report .finding-card-meta {
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px 18px;margin-bottom:18px;
 }
 .heuristic-report .finding-kind {
  display:inline-flex;align-items:center;gap:8px;
  color:#B9C1BC;font-size:12px;line-height:1.5;
 }
 .heuristic-report .finding-icon {flex:none;pointer-events:none;color:currentColor}
 .heuristic-report .finding-risk {
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  border:1px solid #59615D;border-radius:999px;padding:5px 11px;
  background:#2B2F34;color:#DDE0DA;font-size:12px;line-height:1.5;
  font-weight:600;letter-spacing:0;text-transform:none;white-space:normal;
 }
 .heuristic-report .finding-risk::before {
  content:'';display:block;flex:0 0 7px;width:7px;height:7px;
  border-radius:50%;background:#B9C1BC;
 }
 .heuristic-report .finding-risk--low::before {background:#91A99D}
 .heuristic-report .finding-risk--moderate {border-color:#655A43;color:#F0D6A6}
 .heuristic-report .finding-risk--moderate::before {background:#F0D6A6}
 .heuristic-report .finding-risk--high {border-color:#75564F;color:#F0B8A6}
 .heuristic-report .finding-risk--high::before {background:#E9A58D}
 .heuristic-report .finding-risk--critical {border-color:#875357;color:#F0B2B3}
 .heuristic-report .finding-risk--critical::before {background:#F0B2B3}
 .heuristic-report .live-finding-heading h3 {font-weight:600;overflow-wrap:anywhere}
 #app .heuristic-report .finding-change-brief>summary {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 17px;
  border:1px solid #D7E45B;border-radius:999px;
  background:#252A2D;color:#EEEDE8;-webkit-text-fill-color:#EEEDE8;
  list-style:none;font-size:14px;font-weight:600;line-height:1.4;
  cursor:pointer;text-decoration:none;
 }
 #app .heuristic-report .finding-change-brief>summary::-webkit-details-marker {display:none}
 #app .heuristic-report .finding-change-brief>summary:hover {background:#30363A}
 #app .heuristic-report .finding-change-brief>summary:active {background:#1D2225}
 #app .heuristic-report .finding-change-brief>summary:focus-visible,
 .heuristic-report .live-finding:focus-visible,
 .heuristic-report .report-outcomes>a:focus-visible {outline:2px solid #D7E45B;outline-offset:4px}
 #app .heuristic-report .finding-change-brief[open]>summary {margin-bottom:16px}
}
@media screen and (max-width:700px) {
 .heuristic-report .finding-card-meta {align-items:flex-start;gap:10px;margin-bottom:16px}
}
/* Keep the existing PDF metadata, without adding a second decorative label. */
@media print {.heuristic-report .finding-kind {display:none!important}}

@media screen {
 .heuristic-report .finding-card-meta .heuristic-label{margin:0 0 0 auto;max-width:55%;text-align:right}
 .heuristic-report .finding-severity-row{margin-top:12px}
 .heuristic-report .live-finding-heading .report-label-editor{margin-top:0}
}
@media(max-width:600px){
 .heuristic-report .finding-card-meta{align-items:flex-start;gap:8px}
 .heuristic-report .finding-card-meta .heuristic-label{max-width:65%}
 .heuristic-report .finding-card-meta .heuristic-pill{font-size:12px;padding:4px 8px}
 .heuristic-report .finding-severity-row{margin-top:8px}
}