.dc{--navy:#0E233E;--red:#E4003A;--ink:#1c2430;--muted:#5f6b7a;--line:#d7dce3;--ok:#0f6e56;--okbg:#e1f5ee;--errbg:#fbeaef;--card:#ffffff;--soft:#f4f6f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.55;max-width:760px;margin:0 auto;padding:8px;font-size:16px;box-sizing:border-box}
.dc *{box-sizing:border-box}
.dc .dc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dc h1{font-size:20px;color:var(--navy);font-weight:600;margin:.2rem 0 .1rem}
.dc .h2b{font-size:16px;color:var(--navy);font-weight:600;margin:0 0 .4rem;display:block}
.dc p.lead{color:var(--muted);margin:.2rem 0 1rem;font-size:14px}
.dc p.hint{font-size:13px;color:var(--muted);margin:.1rem 0 .3rem}
.dc .card,.dc .step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.dc .presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;align-items:center}
.dc .presets-label{font-size:13px;color:var(--muted)}
.dc button{font:inherit;cursor:pointer;border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:8px;padding:8px 12px;transition:.12s}
.dc button:hover{background:var(--navy);color:#fff}
.dc button.primary{background:var(--navy);color:#fff}
.dc button.primary:hover{background:#173355}
.dc button.ghost{border-color:var(--line);color:var(--muted)}
.dc button.ghost:hover{background:var(--soft);color:var(--ink)}
.dc table.med{width:100%;border-collapse:collapse;margin:.3rem 0}
.dc table.med th{font-size:12px;text-align:left;color:var(--muted);font-weight:600;padding:4px 6px}
.dc table.med td{padding:4px 6px;vertical-align:middle}
.dc input[type=number]{width:100%;font:inherit;padding:7px 8px;border:1px solid var(--line);border-radius:8px}
.dc select{width:100%;font:inherit;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.dc .row-opts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:8px}
.dc .opt{display:flex;align-items:center;gap:7px;font-size:14px}
.dc .opt input{width:auto}
.dc .opt .w{width:64px}
.dc .step h3{margin:0 0 .3rem;font-size:15px;color:var(--navy);font-weight:600}
.dc .answer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:.4rem 0}
.dc .answer input{width:120px}
.dc .alab{font-size:14px}
.dc .unit{color:var(--muted);font-size:14px}
.dc .fb{border-radius:8px;padding:9px 11px;margin-top:8px;font-size:14px;display:none}
.dc .fb.ok{background:var(--okbg);color:var(--ok);display:block}
.dc .fb.err{background:var(--errbg);color:var(--red);display:block}
.dc .work{background:var(--soft);border-left:4px solid var(--navy);border-radius:0 8px 8px 0;padding:9px 12px;margin-top:8px;font-size:14px;display:none}
.dc .work.show{display:block}
.dc .work b{color:var(--navy)}
.dc .del{border-color:var(--line);color:var(--red);padding:6px 9px}
.dc .del:hover{background:var(--errbg);color:var(--red)}
.dc .foot{font-size:12px;color:var(--muted);margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
@media(max-width:560px){.dc .answer input{width:100%}}