.international-page { --paper: #eef3f1; --line: #cddcd6; --green: #19574b; }
.international-page .hero { background: #193b3a; }
.international-page .hero h1 { font-size: clamp(2.6rem,5.8vw,4.7rem); }
.international-page .activity { background: #fdfefa; }
.international-page h3 { margin-bottom: .35rem; }
.international-page button:disabled { opacity: .72; cursor: default; }
.international-page select, .international-page input[type="number"] { min-height: 2.65rem; max-width: 100%; padding: .42rem .62rem; border: 1px solid #a6bbb0; border-radius: .55rem; background: white; color: var(--ink); }
.international-page details summary { cursor: pointer; font-weight: 760; }
.international-page details p { margin-top: .5rem; }
.work-box { padding: .85rem; border-radius: .75rem; background: #e9f1ea; }
#vocab-progress { margin-bottom: .3rem; }
.vocab-answers { margin-top: .45rem; }
.vocab-answers .picked-right { border-color: #217655; background: #dff2df; }
.vocab-answers .picked-wrong { border-color: #a1742d; background: #f9efd6; }
#vocab-next, #oxygen-check, #design-check { margin-top: .6rem; }
.data-grid { grid-template-columns: minmax(0,1.13fr) minmax(0,1fr); }
.chart-figure { padding: .7rem .7rem .4rem; border: 1px solid var(--line); border-radius: .7rem; background: #fafdfb; }
.chart-label { font-weight: 730; font-size: .87rem; }
.chart-figure svg { display: block; width: 100%; height: auto; }
.chart-figure figcaption { display: flex; flex-wrap: wrap; gap: .25rem .9rem; font-size: .83rem; }
.legend-item { display: inline-flex; align-items: center; gap: .4rem; font-weight: 710; }
.legend-line { width: 1.5rem; border-top: 3px solid #297662; }
.legend-line.upper { border-top: 3px dashed #735398; }
.axis-caption { width: 100%; color: var(--muted); }
.chart-grid { stroke: #d7e4dd; stroke-width: 1; }
.chart-zero { stroke: #81978b; stroke-width: 1.3; }
.chart-axis { stroke: #6a8377; stroke-width: 1.35; }
.chart-text { fill: #345548; font: 13px system-ui, sans-serif; }
.chart-series { fill: none; stroke-width: 2.8; }
.series-low { stroke: #297662; }
.series-high { stroke: #735398; stroke-dasharray: 7 4; }
.chart-selected { stroke: #849b8e; stroke-dasharray: 4 4; }
.chart-marker { fill: #fafffb; stroke-width: 2.5; }
.international-page table { width: 100%; border-collapse: collapse; text-align: left; font-variant-numeric: tabular-nums; }
.international-page caption { text-align: left; padding: .5rem; font-weight: 750; background: #eef4ee; }
.international-page th, .international-page td { padding: .38rem .5rem; border-bottom: 1px solid #d7e4dc; }
.international-page thead th { background: #e1eee5; }
.international-page tbody tr:last-child > * { border-bottom: 0; }
.international-page tbody .selected-row { background: #e2f0e3; font-weight: 730; }
.calculation { margin-top: .55rem; }
.calculation label { flex: 1 1 8rem; }
.design-fields label { flex: 1 1 12.5rem; }
.evidence-controls { display: grid; justify-items: start; gap: .4rem; }
.evidence-controls label { display: grid; gap: .25rem; width: 100%; min-width: 0; font-weight: 690; }
.evidence-controls select { width: 100%; }
#cer-example { margin-top: .6rem; }
.resource-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.resource-grid article { display: grid; grid-template-rows: auto 1fr auto; }
.resource-grid p { margin-bottom: .5rem; }
.resource-grid a { font-weight: 720; }
@media (max-width: 45rem) { .data-grid, .resource-grid { grid-template-columns: 1fr; } }