.sk-material-cost{max-width:860px;margin:36px auto;padding:28px;border:1px solid #ccd6df;border-radius:16px;background:#f5f8fb;color:#172f46}
.sk-material-cost h1,.sk-material-cost h2{font-size:clamp(22px,4vw,30px);line-height:1.4;margin:0 0 16px}
.sk-material-cost p{line-height:1.8}.sk-material-cost__fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sk-material-cost label{display:flex;flex-direction:column;gap:7px;font-size:16px;min-width:0}.sk-material-cost input{width:100%;min-height:48px;font-size:18px;border:1px solid #687f95;border-radius:6px;padding:10px;background:#fff;color:#172f46;box-sizing:border-box}
.sk-material-cost__actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 16px}.sk-material-cost button{min-height:48px;padding:12px 22px;border-radius:7px;border:1px solid #193b60;font-size:16px;cursor:pointer;background:#193b60;color:#fff}.sk-material-cost button[type=reset]{background:#fff;color:#193b60}
.sk-material-cost output{display:block;font-size:22px;font-weight:700;min-height:34px;overflow-wrap:anywhere}.sk-material-cost a{text-decoration:underline;color:#163e6b}.sk-material-cost :focus-visible{outline:3px solid #267ac2;outline-offset:3px}
@media(max-width:599px){.sk-material-cost{margin:24px 16px;padding:20px}.sk-material-cost__fields{grid-template-columns:1fr}}