.screen-page .screen-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:24px 0;display:grid}.screen-page .screen-inputs,.screen-page .screen-results,.screen-page .screen-explain{border:1px solid var(--line);background:var(--paper,#fff);border-radius:20px;padding:24px}.screen-page .screen-inputs label{gap:7px;margin:18px 0;font-weight:700;display:grid}.screen-page input,.screen-page select{border:1px solid var(--line);min-width:0;max-width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:11px}.screen-page input[aria-invalid=true]{border-color:#a62727}.screen-page button{border:1px solid var(--ink);background:var(--lime);color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding:12px 18px}:is(.screen-page button:focus-visible,.screen-page a:focus-visible,.screen-page input:focus-visible,.screen-page select:focus-visible){outline:3px solid var(--ink);outline-offset:3px}.screen-page .screen-results{background:var(--ink,#153027);color:#fff}.screen-page .screen-main{overflow-wrap:anywhere;margin:18px 0;font-size:clamp(30px,5vw,58px);line-height:1.2;display:block}.screen-page .screen-main small{font-size:.45em}.screen-page dl{margin:16px 0}.screen-page dl>div{border-bottom:1px solid #90998f66;justify-content:space-between;gap:14px;padding:9px 0;display:flex}.screen-page dt{min-width:0}.screen-page dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:700}.screen-page .screen-input-error{color:#a62727;font-weight:600}.screen-page .screen-results .screen-input-error{color:#ffd3d3}.screen-page .screen-explain{margin:20px 0}.screen-page .screen-explain p{max-width:80ch;line-height:1.65}.screen-page code{color:#173126;overflow-wrap:anywhere;white-space:normal;background:#eaf0e6;border-radius:10px;margin:14px 0;padding:14px;display:block}.screen-page .screen-explain a{margin:12px 0;font-weight:700;display:inline-block}@media (max-width:720px){.screen-page .screen-workbench{grid-template-columns:minmax(0,1fr)}.screen-page .screen-inputs,.screen-page .screen-results,.screen-page .screen-explain{padding:18px}}.screen-main{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.screen-results dd{overflow-wrap:anywhere}.screen-page .screen-diagram{width:100%;max-width:340px;height:auto;color:var(--ink);display:block}.screen-page .screen-diagram text{fill:currentColor;font:16px sans-serif}.screen-page figure{margin:20px 0}.screen-page figcaption{font-size:.9rem}