*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#20332e;font:17px/1.6 system-ui,sans-serif}header,main{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px}a{color:#155a50}header span{font-size:14px}h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;margin:22px 0}h2{line-height:1.3;margin-top:32px}.intro{max-width:750px;font-size:1.15rem}#fabric-planner{background:white;border:1px solid #c6d3ca;border-radius:16px;padding:clamp(16px,4vw,30px)}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-weight:600;font-size:15px}input,select,button{font:inherit;max-width:100%;border:1px solid #849b92;border-radius:6px;padding:10px}input{display:block;width:100%;margin-top:5px}select{display:block}button{cursor:pointer;background:#175e51;color:white;font-weight:600}button[type=button]{background:#edf4ef;color:#20332e}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b76b12;outline-offset:3px}.hint,.privacy{font-size:14px;color:#435d53}.privacy{margin-bottom:0}#error{color:#9b2424;font-weight:600}#error:empty{display:none}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.metric{padding:16px;background:#f1f6f2;border-radius:8px;overflow-wrap:anywhere}.metric strong{display:block;font-size:1.5rem}.wide{grid-column:1/-1}article{max-width:780px;margin:40px auto}footer{padding:24px 0}@media(max-width:600px){.fields,.results{grid-template-columns:1fr}.wide{grid-column:auto}header,main{padding:16px}button{min-height:46px}.toolbar{align-items:stretch}.toolbar label{width:100%}select{width:100%}}