:root{
  --navy:#0f2c4c; --deal:#1a9c6b; --amber:#f5a623;
  --ink:#1a1a2e; --muted:#6b7280; --border:#e5e7eb; --bg:#ffffff; --soft:#f5f8fb;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
header.site{background:var(--navy);color:#fff;border-bottom:3px solid var(--amber)}
header.site .wrap,footer.site .wrap{max-width:980px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.15rem}
.brand:hover{text-decoration:none}
.brand .logo{flex:0 0 auto}
nav.site a{color:#fff;margin-left:14px;font-size:.95rem;opacity:.9}
nav.site a:hover{opacity:1;text-decoration:none}
main{max-width:980px;margin:0 auto;padding:24px 16px 40px}
h1{font-size:1.9rem;line-height:1.2;margin:.2em 0 .3em}
h2{font-size:1.35rem;margin:1.6em 0 .5em;border-bottom:2px solid var(--border);padding-bottom:.25em}
h3{font-size:1.05rem;margin:1.1em 0 .4em}
.sub{color:var(--muted);font-size:1.05rem;margin:.2em 0 1em}
.local-badge{display:inline-block;background:#ecfdf5;color:var(--deal);border:1px solid #a7f3d0;padding:5px 12px;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:1em}
.tool-panel{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:18px;margin:10px 0 18px}
form.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
form.calc .full{grid-column:1/-1}
label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:4px}
input,select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:#fff;color:var(--ink)}
input:focus,select:focus{outline:2px solid var(--amber);border-color:var(--amber)}
button{font:inherit;cursor:pointer}
.btn{background:var(--amber);color:#1a1a2e;border:none;border-radius:8px;padding:10px 16px;font-weight:700;margin-top:6px}
.btn:hover{filter:brightness(1.05)}
.result{margin-top:14px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--deal);border-radius:8px;padding:14px 16px}
.result.hidden,.block.hidden{display:none}
.result .big{font-size:1.8rem;font-weight:800;color:var(--navy);margin:2px 0}
.result .row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border)}
.result .row:last-child{border-bottom:none}
.note{font-size:.82rem;color:var(--muted);margin-top:8px}
.disclaimer{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:8px;padding:10px 12px;font-size:.85rem;margin:14px 0}
.grid-links{display:flex;flex-wrap:wrap;gap:8px}
.grid-links a{background:var(--soft);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.9rem}
.grid-links a:hover{background:#e8f0f7;text-decoration:none}
pre.output{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:8px;overflow:auto;font-size:.9rem}
.ad-slot:empty{display:none}
footer.site{background:var(--soft);border-top:1px solid var(--border);margin-top:30px}
footer.site .wrap{color:var(--muted);font-size:.85rem;flex-wrap:wrap}
footer.site a{margin:0 6px;color:var(--navy)}
@media (max-width:640px){
  form.calc{grid-template-columns:1fr}
  h1{font-size:1.55rem}
  header.site .wrap,footer.site .wrap{flex-direction:column;align-items:flex-start}
  nav.site a{margin:0 10px 0 0}
}