.decimal-practice{margin:28px 0 12px;padding:24px;color:#173f51;background:#f4fbfb;border:2px solid #80afbc;border-radius:20px;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.dp-kicker{font-size:.75rem;font-weight:800;letter-spacing:.06em;color:#325f72}.dp-header h3{font-size:1.6rem;margin:6px 0}.dp-header p{margin:8px 0 16px}.dp-progress{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:700}.dp-progress progress{flex:1;min-width:60px;max-width:260px;height:12px;accent-color:#347a70}
.dp-exercise{margin-top:22px}.dp-level{display:block;font-size:.92rem;font-weight:700;color:#496071}.dp-expression{font-size:clamp(1.7rem,5vw,2.5rem);font-weight:800;line-height:1.45;margin:14px 0;font-variant-numeric:tabular-nums;color:#194f68}
.dp-rule{background:#fff0d9;border-left:4px solid #a16829;padding:12px 15px;font-size:.92rem;line-height:1.7}.dp-label{display:block;font-weight:800;font-size:1.07rem;margin-top:18px}.dp-input-help{display:block;font-size:.87rem;margin:4px 0 10px;color:#456070}
.dp-answer-row{display:flex;align-items:stretch;gap:12px}.dp-answer-row input{width:150px;min-width:0;flex:1;max-width:260px;border:2px solid #6d939f;background:#fff;border-radius:10px;padding:10px 14px;font:inherit;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;color:#173f51;min-height:50px;box-sizing:border-box}
.dp-button{font:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 18px;border:1px solid #245b6d;border-radius:10px;background:#245b6d;color:#fff;font-weight:750;cursor:pointer;white-space:normal;line-height:1.5;text-align:center}.dp-button.dp-secondary{color:#245b6d;background:#fff;border-color:#6d939f;margin-top:8px}.dp-button:disabled{cursor:default;opacity:.6}
.dp-feedback{margin:16px 0;padding:0;line-height:1.7}.dp-feedback:empty{margin:8px 0}.dp-feedback:not(:empty){padding:14px 16px;background:#fff0d9;border:1px solid #c69a65;border-radius:10px}.dp-feedback.dp-correct{background:#e6f4e8;border-color:#8fb39a}.dp-feedback p{margin:7px 0 0}.dp-hints{padding:14px 18px 14px 34px;background:#e6f1f6;border-radius:10px;display:grid;gap:10px}
.dp-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid #bed2d7}.dp-footer small,.dp-note{font-size:.85rem;line-height:1.7;color:#456070}.dp-reset{font:inherit;font-size:.9rem;font-weight:700;min-height:44px;padding:8px 10px;border:0;border-radius:8px;color:#245b6d;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.dp-finish{margin:20px 0;padding:18px;background:#e6f4e8;border:1px solid #8fb39a;border-radius:12px}.dp-finish strong{font-size:1.2rem}
.decimal-practice input:focus-visible,.decimal-practice button:focus-visible,.decimal-practice [tabindex="-1"]:focus{outline:3px solid #93502a;outline-offset:3px}
@media(max-width:560px){.decimal-practice{padding:16px}.dp-header h3{font-size:1.35rem}.dp-answer-row{flex-wrap:wrap;gap:10px}.dp-answer-row input{width:100%;max-width:none;flex-basis:100%}.dp-answer-row>.dp-button{width:100%}.dp-progress{flex-wrap:wrap}.dp-rule{padding:11px 12px}.dp-button{padding:10px 14px}}