.class-fields{grid-template-columns:1fr}
.class-form .prep-number{grid-template-columns:44px minmax(0,1fr) 44px}
.class-form .prep-number input{font-size:16px}
.class-form:not([data-ready]) .prep-number{grid-template-columns:1fr}
.class-result .prep-result-top{flex-wrap:wrap}
.class-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px}
.class-total strong{font-size:clamp(45px,5vw,66px);overflow-wrap:anywhere;max-width:100%}
.class-total>span{font-size:19px;color:var(--text)}
.class-breakdown{display:grid;gap:12px;margin:24px 0}
.class-breakdown>div{display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:17px;padding:16px;background:#082e2426}
.class-breakdown .art{width:42px;height:42px;flex:0 0 42px}
.class-breakdown span{min-width:0}
.class-breakdown strong{display:block;color:var(--text);font-size:25px;line-height:1.25;overflow-wrap:anywhere}
.class-breakdown small{display:block;color:var(--muted);font-size:13px;line-height:1.65;margin-top:4px}
.class-detail{color:var(--text);line-height:1.8;font-size:15px;font-weight:550}
.class-rounding{color:var(--muted);line-height:1.8;font-size:12px;margin-top:13px}
[data-class-calculation][hidden]{display:none}
[data-theme=light] .class-breakdown>div{background:#ffffff75}
@media(max-width:650px){.class-total strong{font-size:48px}.class-breakdown>div{padding:14px}.class-breakdown strong{font-size:23px}}