@import url("/tools/bland-altman-agreement/styles.css?v=2.2.3");

html:has(.method-comparison-page), body:has(.method-comparison-page) { min-width: 0; }
.method-comparison-page [hidden] { display: none !important; }
.method-comparison-page .analysis-section:first-child { margin-top: 0; }
.method-comparison-page .form-section { display: block; width: 100%; min-width: 0; border: 0; border-bottom: 1px solid var(--nm-border); padding: 0; }
.method-comparison-page .form-section > summary { padding: 1.25rem 0; list-style-position: inside; font-size: 1.2rem; font-weight: 700; line-height: 1.3; }
.method-comparison-page .form-section > summary small { display: block; margin: .5rem 0 0 1.2rem; color: var(--nm-text-secondary); font-size: .875rem; font-weight: 400; line-height: 1.5; }
.method-comparison-page .collapsible-form-body { min-width: 0; padding: 0 0 1.5rem; }
.method-comparison-page .dataset-status-line { flex-wrap: wrap; margin-top: 1.5rem; }
.method-comparison-page .dataset-status-line h3 { flex: 0 0 auto; }
.method-comparison-page .dataset-status-line p { overflow-wrap: anywhere; }
.method-comparison-page .active-data-preview { margin-top: 3rem; }
.method-comparison-page .ra04-model-estimate + .ra04-model-estimate { margin-top: 2rem; }
.method-comparison-page .ra04-model-estimate > h4 { margin: 1rem 0 .75rem; }
.method-comparison-page .ra04-coefficient-table { display: table; min-width: 0; width: 100%; table-layout: fixed; }
.method-comparison-page .ra04-coefficient-table thead { display: table-header-group; position: static; clip-path: none; width: auto; height: auto; overflow: visible; }
.method-comparison-page .ra04-coefficient-table tbody { display: table-row-group; }
.method-comparison-page .ra04-coefficient-table tr { display: table-row; }
.method-comparison-page .ra04-coefficient-table th, .method-comparison-page .ra04-coefficient-table td { display: table-cell; white-space: normal; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.method-comparison-page .ra04-coefficient-table th:first-child { width: 30%; text-align: left; }
.method-comparison-page .ra04-coefficient-table th:nth-child(2) { width: 25%; }
.method-comparison-page .ra04-coefficient-table th:not(:first-child), .method-comparison-page .ra04-coefficient-table td { text-align: right; }
.method-comparison-page .ra04-model-estimate .help-text { margin: .6rem 0; }
.method-comparison-page .ra04-explore-body { display: grid; gap: 1.25rem; margin-top: 1rem; }
.method-comparison-page .field-error:empty { display: none; }
.method-comparison-page [data-import-warning]:not([hidden]) { display: block !important; }
.method-comparison-page > .ra03-layout-grid .ra04-model-summary { margin-top: 1.5rem; }
.method-comparison-page [data-delimiter-field] { max-width: 32rem; margin-top: 1rem; }

.method-comparison-page {
  font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  font-synthesis: none;
}

.method-comparison-page .selected-file-name {
  margin: 0.55rem 0 0;
  color: var(--nm-text);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.method-comparison-page .calculation-progress:empty,
.method-comparison-page .selected-file-name:empty {
  display: none;
}

.method-comparison-page .direction-confirmation {
  display: grid;
  gap: 0.2rem;
  width: min(100%, 44rem);
  margin: 0;
  padding: 0.75rem 0.9rem;
  border-left: 3px solid var(--nm-accent);
  background: var(--nm-surface-muted);
}

.method-comparison-page .direction-confirmation span {
  color: var(--nm-text-secondary);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.method-comparison-page .ra04-model-summary,
.method-comparison-page .ra04-decision-results,
.method-comparison-page .ra04-main-plot,
.method-comparison-page .ra04-model-review,
.method-comparison-page .reporting-section {
  margin-top: 3rem;
}

.method-comparison-page .ra04-model-summary > h3,
.method-comparison-page .ra04-decision-results > h3,
.method-comparison-page .ra04-model-review h3,
.method-comparison-page .reporting-section > h3 {
  margin-bottom: var(--nm-space-2);
}

.method-comparison-page .ra04-result-grid {
  align-items: stretch;
}

.method-comparison-page .result-card {
  display: grid;
  align-content: start;
  gap: var(--nm-space-4);
  padding: var(--nm-space-6);
  border: 1px solid var(--nm-border);
  border-top: 4px solid var(--nm-accent);
  border-radius: 10px;
  background: var(--nm-surface);
  box-shadow: 0 8px 24px rgb(23 33 38 / 8%);
}

.method-comparison-page .result-card > h3,
.method-comparison-page .ra04-coefficient h4,
.method-comparison-page .ra04-coefficient p,
.method-comparison-page .ra04-equation {
  margin: 0;
}

.method-comparison-page .ra04-coefficient {
  display: grid;
  grid-template-columns: minmax(5rem, auto) minmax(0, 1fr);
  gap: 0.25rem var(--nm-space-4);
  padding-top: var(--nm-space-4);
  border-top: 1px solid var(--nm-border);
}

.method-comparison-page .ra04-coefficient h4 {
  grid-row: 1 / span 2;
  color: var(--nm-text-secondary);
  font-size: 0.9rem;
}

.method-comparison-page .ra04-coefficient .result-value {
  font-size: 1.25rem;
  line-height: 1.25;
}

.method-comparison-page .ra04-coefficient .ra04-confidence-interval {
  color: var(--nm-text);
  font-weight: 650;
}

.method-comparison-page .ra04-coefficient .help-text {
  grid-column: 1 / -1;
  margin-top: var(--nm-space-2);
}

.method-comparison-page .ra04-equation {
  overflow-wrap: anywhere;
}

.method-comparison-page .ra04-decision-table {
  min-width: 840px;
}

.method-comparison-page .ra04-main-plot .plot-heading {
  align-items: flex-start;
}

.method-comparison-page .ra04-main-plot .ra04-plot-settings {
  flex: 0 0 min(22rem, 100%);
  margin: 0;
}

.method-comparison-page [data-main-plot] {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.method-comparison-page [data-main-plot] svg {
  min-width: 720px;
}

.method-comparison-page .ra04-model-review {
  display: block;
}

.method-comparison-page .ra04-observed-ranges h4,
.method-comparison-page .diagnostic-grid h4 {
  margin-bottom: var(--nm-space-2);
}

.method-comparison-page .ra04-observed-ranges .calculator-table {
  min-width: 660px;
}

.method-comparison-page .diagnostic-grid figure {
  min-width: 0;
  margin: 0;
}

.method-comparison-page .diagnostic-plot-button {
  border: 1px solid transparent;
  border-radius: var(--nm-radius-md);
}

.method-comparison-page .reporting-workspace {
  margin-top: var(--nm-space-4);
}

.method-comparison-page .reporting-variant[hidden] {
  display: none;
}

.method-comparison-page .analysis-warning-panel {
  margin-top: var(--nm-space-6);
}

.method-comparison-page .scope-notice:last-child {
  margin-top: 3rem;
}

@media screen and (max-width: 720px) {
  .method-comparison-page .ra04-main-plot .plot-heading {
    display: grid;
  }

  .method-comparison-page .ra04-main-plot .ra04-plot-settings {
    width: 100%;
  }

  .method-comparison-page .ra04-coefficient {
    grid-template-columns: 1fr;
  }

  .method-comparison-page .ra04-coefficient h4,
  .method-comparison-page .ra04-coefficient .help-text {
    grid-column: 1;
    grid-row: auto;
  }

  .method-comparison-page .ra04-decision-table {
    min-width: 760px;
  }
}

@media screen and (max-width: 430px) {
  .method-comparison-page .ra04-coefficient-table th,
  .method-comparison-page .ra04-coefficient-table td {
    padding: .65rem .375rem;
    font-size: .85rem;
  }
  .method-comparison-page .ra04-coefficient-table th:first-child { width: 34%; }
  .method-comparison-page .result-card {
    padding: var(--nm-space-4);
  }

  .method-comparison-page .direction-confirmation {
    width: 100%;
  }
}

@media print {
  @page ra04-report {
    size: A4 portrait;
    margin: 12mm;
  }

  body:has(.method-comparison-page) {
    page: ra04-report;
  }

  .method-comparison-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    color: #111;
    font-size: 9.5pt;
    line-height: 1.4;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .method-comparison-page .calculator-form,
  .method-comparison-page .calculator-lead,
  .method-comparison-page > .scope-notice,
  .method-comparison-page .ra04-plot-settings,
  .method-comparison-page .plot-scroll-hint,
  .method-comparison-page .plot-downloads,
  .method-comparison-page .reporting-variant-controls,
  .method-comparison-page .reporting-combined-action,
  .method-comparison-page .reporting-subsection .text-action,
  .method-comparison-page .reporting-copy-status,
  .method-comparison-page .methodology-documentation,
  .method-comparison-page .ra04-diagnostic-dialog,
  .method-comparison-page .ra04-accessible-data,
  .method-comparison-page .diagnostic-expand-hint,
  .method-comparison-page .table-scroll-hint {
    display: none !important;
  }

  .method-comparison-page .ra03-layout-grid,
  .method-comparison-page [data-results]:not([hidden]) {
    display: block;
  }

  .method-comparison-page .result-panel,
  .method-comparison-page .result-card,
  .method-comparison-page .calculator-output-block,
  .method-comparison-page .reporting-workspace,
  .method-comparison-page .reporting-subsection {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
  }

  .method-comparison-page [data-results] > * + * {
    margin-top: 4mm;
  }

  .method-comparison-page .ra04-result-grid,
  .method-comparison-page .diagnostic-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4mm;
  }

  .method-comparison-page .ra04-coefficient {
    display: block;
    padding-top: 2mm;
  }

  .method-comparison-page .ra04-coefficient > * + * {
    margin-top: 1mm;
  }

  .method-comparison-page .responsive-table,
  .method-comparison-page .plot-container,
  .method-comparison-page [data-main-plot] {
    overflow: visible !important;
    max-height: none;
  }

  .method-comparison-page .calculator-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
    font-size: 8.5pt;
  }

  .method-comparison-page .calculator-table th,
  .method-comparison-page .calculator-table td {
    padding: 2mm 2.5mm;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .method-comparison-page .secondary-diagnostics .calculator-table th:last-child,
  .method-comparison-page .secondary-diagnostics .calculator-table td:last-child {
    padding-right: 8mm;
  }

  .method-comparison-page .ra04-sensitivity-details .calculator-table th:first-child,
  .method-comparison-page .ra04-sensitivity-details .calculator-table td:first-child {
    width: 32%;
  }

  .method-comparison-page .ra04-sensitivity-details .calculator-table th:nth-child(2),
  .method-comparison-page .ra04-sensitivity-details .calculator-table td:nth-child(2) {
    width: 14%;
  }

  .method-comparison-page .plot-container svg,
  .method-comparison-page [data-main-plot] svg {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
  }

  .method-comparison-page .diagnostic-plot-button {
    border: 0;
  }

  .method-comparison-page .secondary-diagnostics::details-content {
    content-visibility: visible !important;
    display: block !important;
  }

  .method-comparison-page [data-reporting-content][hidden] {
    display: none !important;
  }

  .method-comparison-page [data-reporting-content]:not([hidden]) {
    display: block !important;
  }

  .method-comparison-page .ra04-main-plot,
  .method-comparison-page .ra04-model-summary,
  .method-comparison-page .ra04-decision-results,
  .method-comparison-page .diagnostic-grid,
  .method-comparison-page .analysis-warning-panel,
  .method-comparison-page .citation-section,
  .method-comparison-page tr,
  .method-comparison-page figure {
    break-inside: avoid;
  }

  .method-comparison-page .citation-section {
    break-inside: avoid-page;
  }

  .method-comparison-page h2,
  .method-comparison-page h3,
  .method-comparison-page h4,
  .method-comparison-page summary {
    break-after: avoid;
  }

  .method-comparison-page p {
    orphans: 3;
    widows: 3;
  }

  .method-comparison-page .print-only {
    display: block;
  }
}
