.meter-page{display:grid;gap:24px;max-width:1180px;margin:0 auto 44px}.meter-tool{padding:24px}.meter-tool-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.meter-tool-heading h2{margin:0}.meter-tool-heading p{margin:4px 0;color:var(--muted)}#meter-status{padding:8px 13px;border-radius:999px;background:#e7f4e7;color:#0b6337;font-weight:bold;max-width:420px}.meter-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:12px;margin:18px 0}.meter-meta label{font-weight:bold}.meter-meta input{display:block;width:100%;min-width:0;padding:8px 10px;border:1px solid #a6c0ac;border-radius:9px;background:#fffefa;color:var(--forest);font:inherit;font-size:21px}.meter-table-scroll{max-width:100%;overflow:auto;border:1px solid #bdd0c2;border-radius:13px;background:#fff}.meter-table-scroll:focus-visible{outline:3px solid #c99f38;outline-offset:3px}.meter-table{width:100%;min-width:970px;border-collapse:collapse;table-layout:fixed}.meter-table th,.meter-table td{border-right:1px solid #d7e2d9;border-bottom:1px solid #d7e2d9;padding:6px;text-align:center}.meter-table thead th{background:#e9f3e7;color:#12492e;line-height:1.2}.meter-table thead tr:first-child th{font-size:23px}.meter-table th:first-child{width:120px}.meter-table th:last-child{width:180px}.meter-table tbody th{position:sticky;left:0;background:#f8faf5;z-index:1}.meter-row-number{display:block;color:#738278;font-size:15px;line-height:1}.meter-table input{width:100%;min-width:0;border:1px solid #c6d4c8;border-radius:6px;padding:6px 7px;background:#fff;font:inherit;font-size:19px;color:#183b29}.meter-table input:focus{outline:3px solid #b7dcca;outline-offset:1px}.meter-table output{display:block;min-width:70px;font-weight:bold;color:#0d6f3b}.meter-row-error th,.meter-row-error td{background:#fff0ee}.meter-row-error output{color:#b31825}.meter-caveat{color:#526757;font-size:20px;overflow-wrap:anywhere}.meter-tool button:disabled{opacity:.45;cursor:not-allowed}.meter-page .reading-card li{margin:8px 0}
@media(max-width:850px){.meter-meta{grid-template-columns:1fr 1fr}.meter-tool-heading{display:block}#meter-status{border-radius:11px}.meter-table-scroll{scrollbar-color:#3f8b63 #e7efe7}}
@media(max-width:520px){.meter-page{gap:18px}.meter-tool{padding:16px}.meter-meta{grid-template-columns:1fr}.meter-table{min-width:900px}.meter-tool .tool-actions button{width:100%}}
@page{size:A4 landscape;margin:8mm}
@media print{.meter-page{display:block;max-width:none;margin:0}.meter-page>.reading-card,.meter-tool-heading p,#meter-status,.meter-caveat{display:none!important}.meter-tool{padding:0;border:0;box-shadow:none}.meter-tool-heading{display:block}.meter-tool-heading h2{font-size:22px}.meter-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:6px;margin:7px 0}.meter-meta input{border:0;border-bottom:1px solid #555;border-radius:0;padding:2px;font-size:15px}.meter-table-scroll{overflow:visible;border:0;border-radius:0}.meter-table{min-width:0;width:100%;table-layout:fixed;font-size:12px}.meter-table th,.meter-table td{border:1px solid #777;padding:2px;height:23px}.meter-table thead th,.meter-table tbody th{position:static;background:#eee!important}.meter-table thead tr:first-child th{font-size:13px}.meter-table th:first-child{width:12%}.meter-table th:last-child{width:18%}.meter-table input{border:0;border-radius:0;padding:0;font-size:12px;background:transparent}.meter-table output{min-width:0;font-size:12px;color:#000}.meter-row-error th,.meter-row-error td{background:#fff!important}.meter-row-error output{color:#000}.meter-row-number{font-size:9px}.resource-intro{padding:0}.resource-intro h1{font-size:24px;margin:0}.resource-intro p{display:none}.meter-tool form{break-inside:auto}.meter-table tr{break-inside:avoid}}