/* Presentation-only polish for the embedded tool. Preserve the rubric and print report. */
@media screen {
  html.embedded {
    --radius: 12px;
  }
  html.embedded :is(h2, h3, h4) {
    line-height: 1.3;
    text-wrap: balance;
  }
  html.embedded :is(.criterion, .gate, .summary-card, .cost-panel) {
    padding: 28px;
  }
  html.embedded :is(.criterion-grid, .gate-grid, .summary-grid) {
    gap: 20px;
  }
  html.embedded .criterion-title {
    gap: 12px;
    align-items: flex-start;
  }
  html.embedded .criterion-title h4 {
    min-width: 0;
  }
  html.embedded label {
    font-size: 14px;
    line-height: 1.5;
  }
  html.embedded label :is(input, select) {
    min-height: 48px;
    font-size: 16px;
  }
  html.embedded label input[type='checkbox'] {
    min-height: 0;
  }
  html.embedded :is(button, a.button) {
    min-height: 44px;
  }
  html.embedded .tabs button {
    min-height: 48px;
    line-height: 1.4;
  }
  html.embedded :is(.anchors, .request, .mini-info) {
    font-size: 13px;
    line-height: 1.7;
  }
  html.embedded .question {
    font-size: 16px;
    line-height: 1.7;
  }
  html.embedded .score-fields {
    gap: 16px;
    margin-block: 20px;
  }
  html.embedded .category-block {
    margin-block: 40px 48px;
  }
  html.embedded .section {
    padding-block: 48px;
  }
  html.embedded .row-points {
    white-space: normal;
    text-align: right;
  }
  html.embedded :is(.table-wrap, .summary-card) {
    font-variant-numeric: tabular-nums;
  }
}
@media screen and (max-width: 600px) {
  html.embedded :is(.criterion, .gate, .summary-card, .cost-panel) {
    padding: 20px;
  }
  html.embedded :is(.criterion-grid, .gate-grid, .summary-grid) {
    gap: 16px;
  }
  html.embedded .section {
    padding-block: 32px;
  }
  html.embedded .criterion-title {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.embedded .criterion-title h4 {
    flex-basis: calc(100% - 48px);
  }
  html.embedded .row-points {
    margin-left: 0;
  }
  html.embedded .category-block {
    margin-block: 32px;
  }
}