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

/* Account for scrollbar width at the smallest supported viewport. */
html:has(.ra02-page) { min-width: 0; }

/* RA02 uses the accepted research-tool typography, controls and reporting tokens. */
.ra02-page {
  font-family: 'Inter Variable', Inter, ui-sans-serif, system-ui, sans-serif;
  font-synthesis: none;
  max-width: 1320px;
}
.ra02-page, .ra02-page * { box-sizing: border-box; }
.ra02-page [hidden] { display: none !important; }
.ra02-page .ra02-dataset-section { margin-top: 0; }
.ra02-page .ra02-dataset-status:has([data-dataset-status]:empty) { display: none; }
.ra02-page .ra02-dataset-status { margin-top: 1.5rem; flex-wrap: wrap; }
.ra02-page .ra02-dataset-status h3 { flex: 0 0 auto; }
.ra02-page .ra02-dataset-status p { overflow-wrap: anywhere; }
.ra02-page [data-manual-panel] { margin-top: 1.25rem; }
.ra02-page .manual-ratings-wrap { overflow-x: auto; }
.ra02-page .manual-ratings-table { width: 100%; border-collapse: collapse; }
.ra02-page .manual-ratings-table th, .ra02-page .manual-ratings-table td { padding: .6rem; border-bottom: 1px solid var(--nm-border); text-align: left; }
.ra02-page .manual-ratings-table thead { background: var(--nm-surface-muted); }
.ra02-page .manual-ratings-table tbody th { color: var(--nm-text-secondary); width: 3rem; }
.ra02-page .manual-ratings-table input { min-width: 8rem; }
.ra02-page .manual-ratings-table .remove-pair-button { width: 2.5rem; min-height: 2.5rem; padding: .5rem; }
.ra02-page .pair-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.ra02-page .form-section { display: block; width: 100%; min-width: 0; border: 0; border-bottom: 1px solid var(--nm-border); padding: 0; }
.ra02-page .form-section > summary { padding: 1.25rem 0; list-style-position: inside; font-size: 1.2rem; font-weight: 700; line-height: 1.3; }
.ra02-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; }
.ra02-page [data-settings-section] .ra02-section-body > p { font-size: .875rem; line-height: 1.5; color: var(--nm-text-secondary); }
.ra02-section-body { width: 100%; max-width: 100%; min-width: 0; padding: 0 0 1.5rem; }
.ra02-section-body > * { min-width: 0; max-width: 100%; }
.ra02-page .form-grid.two-column { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.25rem; }
.ra02-page .field-group { min-width: 0; }
.ra02-page input, .ra02-page select, .ra02-page textarea { max-width: 100%; min-width: 0; }
.ra02-page input:not([type=radio]):not([type=checkbox]), .ra02-page select { min-height: 48px; width: 100%; }
.ra02-page textarea { width: 100%; resize: vertical; }
.ra02-page .selected-file-name { overflow-wrap: anywhere; color: var(--nm-text); font-weight: 600; }
.ra02-page .selected-file-name:empty, .ra02-page [data-copy-status]:empty, .ra02-page [data-export-status]:empty { display: none; }
.ra02-page .import-preview { margin: 1.25rem 0; padding: 1rem; background: var(--nm-surface-muted); border: 1px solid var(--nm-border); border-radius: 6px; }
.ra02-page .preview-wrap, .ra02-page .active-data-preview-table-wrap { max-height: 24rem; overflow: auto; width: 100%; }
.ra02-page .responsive-table { overflow-x: auto; max-width: 100%; }
.ra02-page [role=region]:focus-visible { outline: 3px solid var(--nm-accent); outline-offset: 3px; }
.ra02-page .calculator-table { width: 100%; border-collapse: collapse; }
.ra02-page .calculator-table th, .ra02-page .calculator-table td { padding: .7rem .85rem; border-bottom: 1px solid var(--nm-border); font-size: .9rem; }
.ra02-page .calculator-table th { text-align: left; }
.ra02-page .calculator-table td { text-align: right; font-variant-numeric: tabular-nums; }
.ra02-page .calculator-metric-table td { text-align: left; white-space: normal; }
.ra02-page .calculator-table th[scope=row] { max-width: 24rem; overflow-wrap: anywhere; white-space: normal; }
.ra02-page .decision-stack { display: grid; gap: 1.4rem; }
.ra02-page .decision-question { min-inline-size: 0; min-width: 0; width: 100%; margin: 0; border: 0; padding: 0 0 1.25rem; border-bottom: 1px solid var(--nm-border); }
.ra02-page .decision-question legend { width: 100%; font-size: 1rem; font-weight: 650; color: var(--nm-text); padding: 0; line-height: 1.55; }
.ra02-page .radio-card-grid { display: grid; grid-template-columns: 1fr; gap: .6rem; margin-top: .6rem; }
.ra02-page .radio-card { display: flex; gap: .65rem; align-items: flex-start; width: 100%; min-width: 0; padding: .75rem; border: 1px solid var(--nm-border); border-radius: 5px; cursor: pointer; }
.ra02-page .radio-card:has(input:checked) { border-color: var(--nm-accent); background: var(--nm-accent-soft); box-shadow: inset 0 0 0 1px var(--nm-accent); }
.ra02-page .radio-card:has(input:focus-visible) { outline: 3px solid var(--nm-accent); outline-offset: 3px; }
.ra02-page .radio-card input, .ra02-page .checkbox-row input { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; min-height: 0; margin: .2rem 0 0; }
.ra02-page .radio-card span, .ra02-page .radio-card small { display: block; min-width: 0; overflow-wrap: anywhere; }
.ra02-page .radio-card small { margin-top: .25rem; color: var(--nm-text-secondary); }
.ra02-page .checkbox-row { display: flex; gap: .65rem; align-items: flex-start; margin: 1rem 0; }
.ra02-page .checkbox-row small { display: block; }
.ra02-page .advanced-selector { border: 1px solid var(--nm-border); border-radius: 5px; padding: .9rem; margin: 1.25rem 0; }
.ra02-page .advanced-selector > summary { cursor: pointer; font-weight: 600; }
.ra02-page .advanced-selector .field-group { margin-top: 1rem; }
.ra02-page .selected-icc-card { display: grid; gap: 1rem; border-left: 3px solid var(--nm-accent); padding: 1rem; background: var(--nm-accent-soft); margin: 1.25rem 0; }
.ra02-page .selected-icc-card h2 { font-size: 1.1rem; line-height: 1.5; margin: .4rem 0; }
.ra02-page .selected-notation { font-weight: 650; }
.ra02-page .selected-icc-card p:last-child { margin-bottom: 0; }
.ra02-page .card-kicker { font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; font-weight: 700; color: var(--nm-text-secondary); }
.ra02-page .active-data-preview { margin-top: 3rem; }
.ra02-page .form-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.ra02-page .form-actions button { min-height: 46px; white-space: normal; }
.ra02-page button:disabled { opacity: 1; background: #e3e9eb; color: #4e5c63; border: 1px solid #b8c5ca; box-shadow: none; cursor: not-allowed; }
.ra02-page [aria-invalid=true] { border: 2px solid #a52c29; }
.ra02-page .error-summary a { color: #85241f; text-decoration: underline; }
.ra02-page .error-summary:focus, .ra02-page .result-panel:focus { outline: 3px solid var(--nm-accent); outline-offset: 4px; }
.ra02-page .result-panel { margin-top: 1.5rem; }
.ra02-page .ra02-results { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ra02-page .ra02-results:focus { outline: none; }
.ra02-page .ra02-results:focus-visible > .analysis-section-header { outline: 3px solid var(--nm-accent); outline-offset: 4px; }
.ra02-page .reliability-model { margin: .85rem 0 .4rem; font-weight: 600; }
.ra02-page .ra02-results .results-table th, .ra02-page .ra02-results .results-table td { white-space: normal; overflow-wrap: anywhere; }
.ra02-page .ra02-results .results-table { display: table; table-layout: fixed; min-width: 0; }
.ra02-page .ra02-results .results-table thead { display: table-header-group; position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
.ra02-page .ra02-results .results-table tbody { display: table-row-group; }
.ra02-page .ra02-results .results-table tr { display: table-row; }
.ra02-page .ra02-results .results-table th, .ra02-page .ra02-results .results-table td { display: table-cell; }
.ra02-page .ra02-results .results-table th:first-child { width: 40%; }
.ra02-page .ra02-results .results-table th:not(:first-child), .ra02-page .ra02-results .results-table td { text-align: right; }
.ra02-page .ra02-results .secondary-diagnostics { padding: 0; }
.ra02-page .ra02-results .secondary-diagnostics > summary { padding: 1rem; margin: 0; }
.ra02-page .ra02-results .secondary-diagnostics-body { padding: 0 1rem 1rem; }
.ra02-page .ra02-results .raw-measurements-body > section:first-child { margin-top: 0; border-top: 0; }
.ra02-page .ra02-results .secondary-diagnostics-body > section + section { margin-top: 1.5rem; }
.ra02-page .result-context { color: var(--nm-text-secondary); font-size: .85rem; }
.ra02-page .ra02-result-grid { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; gap: 1rem; margin: 1.25rem 0; }
.ra02-page .result-summary-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ra02-page .result-card { display: flex; flex-direction: column; align-self: stretch; height: 100%; min-width: 0; padding: 1.25rem; border: 1px solid var(--nm-border); border-top: 3px solid var(--nm-accent); border-radius: 6px; background: #fff; }
.ra02-page .result-card > span { font-size: .85rem; font-weight: 600; color: var(--nm-text-secondary); }
.ra02-page .result-card > strong { display: block; font-size: clamp(1.5rem,3vw,2rem); line-height: 1.3; margin: .6rem 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ra02-page .result-card small { color: var(--nm-text-secondary); }
.ra02-page .estimate-interval { font-weight: 650; font-size: 1rem; margin: 0 0 .55rem; }
.ra02-page .result-inference { font-size: .95rem; }
.ra02-page .analysis-notice { margin: .5rem 0; padding-left: .75rem; border-left: 2px solid var(--nm-border-strong); color: var(--nm-text-secondary); font-size: .9rem; }
.ra02-page .compact-warning { border-left: 3px solid var(--nm-warning-border); background: var(--nm-warning-bg); color: var(--nm-warning-text); padding: .85rem 1rem; margin: .6rem 0; }
.ra02-page .calculator-output-block { border: 0; border-top: 1px solid var(--nm-border); border-radius: 0; padding: 1.5rem 0 0; margin: 2rem 0; }
.ra02-page .ra02-result-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.25rem; }
.ra02-page .secondary-diagnostics { border: 1px solid var(--nm-border); border-radius: 5px; padding: 1rem; margin: 1rem 0; min-width: 0; }
.ra02-page .secondary-diagnostics > summary { cursor: pointer; font-weight: 600; }
.ra02-page .secondary-diagnostics[open] > summary { margin-bottom: 1rem; }
.ra02-page .plot-wrap { width: 100%; overflow-x: auto; }
.ra02-page .plot-wrap svg { display: block; width: 100%; min-width: 620px; height: auto; }
.ra02-page .download-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: .65rem; margin-top: 1.25rem; }
.ra02-page .download-grid button { width: 100%; min-height: 46px; white-space: normal; }
.ra02-page .reporting-section { margin-top: 2.5rem; }
.ra02-page .reporting-variant p { overflow-wrap: anywhere; }
.ra02-page .research-caution { border-top: 1px solid var(--nm-border); padding-top: 1rem; font-size: .9rem; }
@media (min-width: 761px) {
  .ra02-page .form-grid.two-column, .ra02-page .radio-card-grid, .ra02-page .ra02-result-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ra02-page .ra02-result-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ra02-page .download-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ra02-page .selected-icc-card { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
}
@media (max-width: 760px) {
  .ra02-page { padding-inline: .85rem; width: 100%; }
  .ra02-page .content-panel { min-width: 0; max-width: 100%; padding: 1rem; }
  .ra02-page .selected-icc-card button { width: 100%; }
}
@media (max-width: 420px) {
  .ra02-page { padding-inline: .55rem; }
  .ra02-page .content-panel { padding: .8rem; }
  .ra02-page .form-actions { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; }
  .ra02-page .form-actions > * { width: 100%; min-width: 0; }
  .ra02-page .reporting-subsection-heading { align-items: flex-start; flex-direction: column; }
}
@media print {
  @page { size: A4 portrait; margin: 14mm; }
  @page ra02-report { size: A4 portrait; margin: 14mm; }
  body:has(.ra02-page) { page: ra02-report; }
  body { background: #fff !important; }
  .site-header, .site-footer, .breadcrumbs, nav[aria-label=Breadcrumb], .ra02-page .calculator-form,
  .ra02-page .scope-notice, .ra02-page .method-panel, .ra02-page .download-grid, .ra02-page .plot-downloads,
  .ra02-page .raw-data-section, .ra02-page .reporting-variant-controls, .ra02-page .text-action,
  .ra02-page [role=status], .ra02-page .calculator-lead { display: none !important; }
  .ra02-page { width: 100%; max-width: none; padding: 0; font-size: 9pt; color: #172126; }
  .ra02-page .content-panel, .ra02-page .result-panel { margin: 0; padding: 0; border: 0; box-shadow: none; background: #fff; }
  .ra02-page .page-title { font-size: 19pt; margin-bottom: 4mm; }
  .ra02-page h2 { font-size: 14pt; }
  .ra02-page h3, .ra02-page summary { font-size: 11pt; }
  .ra02-page h2, .ra02-page h3, .ra02-page h4, .ra02-page summary { break-after: avoid; }
  .ra02-page .ra02-result-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3mm; break-inside: avoid; }
  .ra02-page .result-card { padding: 3mm; }
  .ra02-page .result-card > strong { font-size: 17pt; }
  .ra02-page .result-card small, .ra02-page .estimate-interval { font-size: 8pt; }
  .ra02-page .plot-wrap, .ra02-page .responsive-table { overflow: visible; max-height: none; }
  .ra02-page .plot-wrap svg { min-width: 0; width: 100%; max-height: 86mm; }
  .ra02-page .ra02-main-plot { break-inside: avoid; }
  .ra02-page .calculator-output-block, .ra02-page .secondary-diagnostics { margin: 4mm 0; padding: 3mm 0; }
  .ra02-page .calculator-table { table-layout: fixed; }
  .ra02-page .calculator-table th, .ra02-page .calculator-table td { font-size: 8pt; padding: 2mm; white-space: normal; overflow-wrap: anywhere; }
  .ra02-page tr, .ra02-page .compact-warning, .ra02-page .citation-section { break-inside: avoid; }
  .ra02-page .ra02-result-layout { display: block; }
  .ra02-page .reporting-section { margin-top: 5mm; }
  .ra02-page .reporting-workspace, .ra02-page .reporting-variant { border: 0; padding: 0; }
  .ra02-page .reporting-subsection-heading { margin: 3mm 0 1mm; }
  .ra02-page .reporting-variant p { margin: 1mm 0 3mm; orphans: 3; widows: 3; }
  .ra02-page .research-caution, .ra02-page .calculator-citation { font-size: 8pt; }
}