.calc{display:grid}@media(max-width:1023px){.calc-inputs{display:contents}.calc-inputs>h2{order:1}.calc-inputs>p:first-of-type{order:2}.calc-field-rise{order:3;border-bottom:1px solid var(--line-on-light)}.calc-sheet{order:4;margin-block:var(--s-5)}.calc-field-tune{order:5}.calc-disclaimer{order:6}}@media(min-width:1024px){.calc{grid-template-columns:5fr 7fr;gap:var(--s-7);align-items:start}}.calc-inputs h2{font-size:var(--fs-h3);margin:0 0 var(--s-3)}.calc-inputs>p{margin:0 0 var(--s-4);color:var(--slate);max-width:44ch}.calc-field{display:grid;gap:var(--s-2);padding-block:var(--s-4);border-top:1px solid var(--line-on-light)}.calc-field:last-of-type{border-bottom:1px solid var(--line-on-light)}.calc-field label{font-weight:700}.calc-hint{margin:0;font-size:var(--fs-small);color:var(--slate)}.calc-rise{display:flex;align-items:baseline;gap:var(--s-2)}.calc-rise input{width:8ch;min-height:56px;padding:var(--s-2) var(--s-3);font-family:var(--font-display);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--obsidian);background:#fff;border:1px solid var(--obsidian);border-radius:var(--radius)}.calc-rise input:focus-visible{outline:2px solid var(--bronze-deep);outline-offset:2px}.calc-unit{font-weight:700;color:var(--slate)}.calc-range{display:flex;align-items:center;gap:var(--s-3)}.calc-range input[type=range]{flex:1;min-width:0;min-height:44px;margin:0;accent-color:var(--bronze-deep);cursor:pointer}.calc-range output{min-width:7ch;text-align:right;font-family:var(--font-display);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.calc-error{margin:var(--s-2) 0 0;padding-left:var(--s-3);border-left:3px solid var(--bronze-deep);font-weight:600}.calc-error[hidden]{display:none}.calc-disclaimer{margin:var(--s-4) 0 0;font-size:var(--fs-small);color:var(--slate);max-width:52ch}.calc-sheet{padding:var(--s-4);background:var(--obsidian);color:var(--warm-white);border-radius:var(--radius)}@media(min-width:768px){.calc-sheet{padding:var(--s-5)}}.calc-sheet h2{margin:0 0 var(--s-3);font-size:var(--fs-h3);color:var(--warm-white)}.calc-drawing{display:block;width:100%;height:auto;aspect-ratio:640 / 380}.cd-ground{stroke:var(--steel);stroke-width:1}.cd-stair{fill:var(--graphite);stroke:var(--warm-white);stroke-width:2;stroke-linejoin:miter}.cd-dim{fill:none;stroke:var(--bronze);stroke-width:1}.cd-label{fill:var(--warm-white);font-family:var(--font-body);font-weight:600}.cd-label-dim{fill:var(--bronze)}.calc-results{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--s-4);margin:var(--s-4) 0 0;border-top:1px solid var(--line-on-dark)}@media(min-width:640px){.calc-results{grid-template-columns:repeat(4,1fr)}}.calc-results>div{padding-block:var(--s-3);border-bottom:1px solid var(--line-on-dark)}.calc-results dt{font-size:var(--fs-small);color:var(--steel)}.calc-results dd{margin:var(--s-1) 0 0;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.calc-results dd{white-space:nowrap}.calc-u{margin-left:.25em;font-family:var(--font-body);font-size:var(--fs-small);font-weight:600;color:var(--steel)}.calc-results dd small{display:block;margin-top:var(--s-1);font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;color:var(--steel);white-space:normal}.calc-sheet.is-empty .calc-results,.calc-sheet.is-empty .calc-drawing{opacity:.3}.calc-notes{margin:var(--s-4) 0 0;padding:0;list-style:none;display:grid;gap:var(--s-2)}.calc-notes li{position:relative;padding-left:var(--s-4);font-size:var(--fs-small);color:var(--warm-white)}.calc-notes li:before{content:"";position:absolute;left:0;top:.7em;width:12px;height:1px;background:var(--bronze)}