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