*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Arial,sans-serif}header{background:#123d8d;color:#fff;padding:16px max(18px,calc((100% - 900px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}header span{display:block;font-size:13px;opacity:.85;margin-top:3px}header a,header button{background:#fff;color:#123d8d;border:0;border-radius:9px;padding:9px 13px;text-decoration:none;font-weight:700;margin-left:7px}main{max-width:900px;margin:auto;padding:22px}.hero,.panel{background:#fff;border:1px solid #dce3ef;border-radius:16px;padding:22px;margin-bottom:16px}.hero h1{margin:0 0 6px;color:#173e85}.hero p{margin:0;color:#52627c}.panel h2{margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid label{font-weight:700;font-size:13px}input,select{width:100%;padding:13px;margin-top:6px;border:1px solid #bfc9d9;border-radius:9px;background:#fff;font-size:16px}.primary{width:100%;border:0;background:#173e85;color:#fff;padding:14px 16px;border-radius:10px;font-weight:800;font-size:16px;margin-top:18px;cursor:pointer}.result{margin-top:18px;padding:22px;border-radius:14px;background:#eef4ff;border:1px solid #cbdaf5;text-align:center}.result.empty{color:#65748a}.result-label{font-size:12px;font-weight:900;letter-spacing:1.2px;color:#52627c}.truck-count{font-size:64px;line-height:1;font-weight:900;color:#173e85;margin-top:8px}.truck-word{font-size:18px;font-weight:900;color:#173e85}.result-details{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.result-details span{background:#fff;border-radius:9px;padding:10px}.result-details b,.result-details small{display:block}.result-details small,.note,.settings small{color:#65748a}.calc-line{margin-top:15px;font-size:13px;color:#52627c}.note{font-size:12px;line-height:1.5;margin-top:14px}.settings{margin-top:14px;border-top:1px solid #e1e6ee;padding-top:12px}.settings summary{cursor:pointer;font-weight:700;color:#173e85}.settings #densityList{margin-top:10px}.settings #densityList div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #edf0f5;font-size:13px}@media(max-width:700px){header{padding:12px;align-items:flex-start}main{padding:12px}.hero,.panel{padding:16px}.grid{grid-template-columns:1fr}.hero h1{font-size:24px}.result-details{grid-template-columns:repeat(2,1fr)}.truck-count{font-size:56px}}

.calc-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding-bottom:3px}
.calc-tabs button{white-space:nowrap;border:1px solid #c8d5e8;border-radius:10px;background:#fff;color:#194273;font-weight:800;padding:12px 16px;cursor:pointer}
.calc-tabs button.active{background:#173e85;color:#fff;border-color:#173e85}
.calc-section[hidden]{display:none}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.intro{color:#52627c;line-height:1.5;margin:-8px 0 20px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;text-align:left}
.stat{background:#fff;border:1px solid #d8e3f3;border-radius:10px;padding:11px 13px;min-width:0}
.stat small,.stat strong{display:block}.stat small{font-size:12px;color:#52627c;margin-bottom:4px}.stat strong{font-size:16px;overflow-wrap:anywhere}
.calc-line{line-height:1.65;border-top:1px solid #cfdaea;padding-top:12px;overflow-wrap:anywhere}
.settings{margin-top:20px}.factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.factor-grid label{font-size:13px;font-weight:700}.factor-grid input{margin-top:4px}.secondary{border:1px solid #aabbd5;background:#fff;color:#173e85;border-radius:8px;font-weight:700;padding:10px 13px;cursor:pointer}
.note{line-height:1.55}.panel h2{margin-bottom:18px}
@media(max-width:700px){.grid,.factor-grid,.stats{grid-template-columns:1fr}.calc-tabs button{padding:10px 12px}.truck-count{font-size:48px}}