#button-panel .buttons{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,minmax(0,4em));gap:10px;margin:1em auto auto;display:grid}#button-panel .buttons button{aspect-ratio:1;font-variant-numeric:tabular-nums;place-items:center;padding:0;font-size:clamp(1rem,8vw,2rem);line-height:1;display:grid}#button-panel .display{grid-template-rows:repeat(1,auto);grid-template-columns:repeat(4,minmax(0,4em));gap:1em;margin:auto;display:grid}#button-panel .display .digit{aspect-ratio:1;place-items:center;font-size:clamp(1rem,10vw,3rem);display:grid;overflow:hidden}#button-panel .display .digit:empty{border-bottom:2px solid var(--color-border)}.result-list{width:max-content;max-width:100%;margin:0 auto}.result-list .result{margin:.2em 0;font-size:1.5em}.result-list .result .operation{color:var(--color-brand);margin:0 .5em;font-weight:700}.result-list .result .equals{margin:0 .75em}