.storage-calculator{margin:32px 0;padding:24px;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:5px;background:rgba(255,255,255,.5)}
.article-body .storage-calculator h2{font-size:22px;margin:0 0 12px;padding:0}.storage-calculator p{font-size:14px;line-height:1.9}
.storage-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.storage-calculator fieldset{min-width:0;margin:0;padding:14px 16px 18px;border:1px solid var(--line);border-radius:4px}.storage-calculator legend{padding:0 8px;font-size:15px;font-weight:650}
.storage-calculator label{display:block;font-size:13px;line-height:1.7;margin:12px 0 0}.storage-calculator input[type=number]{display:block;width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;color:var(--ink);padding:9px 12px;border:1px solid var(--line);border-radius:3px;background:var(--paper);margin-top:5px}.storage-calculator input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.storage-calculator .storage-side{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;cursor:pointer}.storage-side input{width:20px;height:20px;flex-shrink:0;accent-color:var(--ink)}
.storage-calculator output{display:block;min-height:64px;border-top:1px solid var(--line);padding:18px 0 0;margin:20px 0 0;font-size:14px;line-height:1.95;overflow-wrap:anywhere;white-space:pre-line}.storage-calculator .storage-note{color:var(--muted);font-size:12px}.storage-calculator [hidden]{display:none!important}
@media(max-width:560px){.storage-calculator{padding:18px}.storage-plans{grid-template-columns:1fr;gap:14px}.storage-calculator fieldset{padding:10px 14px 16px}.article-body .storage-calculator h2{font-size:21px}}