*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2522;background:#f7f8f6}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1f6f5c}header a{color:#fff;text-decoration:none;font-weight:600}
main{max-width:760px;margin:0 auto;padding:20px}h1{font-size:1.7rem;line-height:1.25}.lead{font-size:1.05rem}
.calc{background:#fff;border:1px solid #dfe5e1;border-radius:10px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:4px}select,input{font:inherit;padding:8px;border:1px solid #c5cfc9;border-radius:6px;background:#fff}
#out,#chart{grid-column:1/-1}.big{font-size:1.35rem;margin:6px 0}.src{font-size:.78rem;color:#56615c}
.axis{display:flex;justify-content:space-between;font-size:.75rem;color:#56615c}svg{width:100%;height:auto}
.pro{background:#fff;border:2px solid #1f6f5c;border-radius:10px;padding:16px;margin-top:24px}
.buy{display:inline-block;background:#e0822f;color:#fff;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;font-size:1.1rem}.note{font-size:.85rem}
.cities a{display:inline-block;margin:0 10px 6px 0;color:#1f6f5c}.disc{font-size:.85rem;color:#56615c}footer{text-align:center;padding:20px;font-size:.85rem}
details{margin:6px 0}summary{font-weight:600;cursor:pointer}
@media(max-width:560px){.calc{grid-template-columns:1fr}}

.calc>*{min-width:0}select,input{width:100%}#chart svg{max-height:170px}