.hwx,.hwx *{box-sizing:border-box}.hwx{--ink:#0b3032;--teal:#007c76;--mint:#e6f5f1;--line:#c8ddd8;--muted:#587073;--white:#fff;max-width:1180px;margin:auto;padding:32px 18px 55px;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.hwx h1{font-size:clamp(30px,5vw,52px);line-height:1.02;margin:0 0 12px}.hwx__lead{max-width:760px;color:var(--muted);font-size:17px;line-height:1.55}.hwx__controls{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin:25px 0}.hwx label{display:grid;gap:7px;font-size:13px;font-weight:800}.hwx select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:13px;color:var(--ink);font:inherit}.hwx__status{min-height:24px;color:var(--muted);font-size:13px}.hwx__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:18px;align-items:start}.hwx__panel{border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 8px 30px rgba(11,48,50,.07);overflow:hidden}.hwx__maphead,.hwx__detail{padding:18px}.hwx__maphead{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.hwx__maphead strong{font-size:16px}.hwx__legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.hwx__ramp{width:120px;height:10px;border-radius:9px;background:linear-gradient(90deg,#ea4b49,#f7c948,#39a65a)}.hwx svg{display:block;width:100%;height:auto;background:#eff7f5}.hwx .suburb{stroke:#fff;stroke-width:.7;cursor:pointer;transition:opacity .15s,stroke-width .15s}.hwx .suburb:hover,.hwx .suburb:focus{stroke:#0b3032;stroke-width:1.8;outline:none}.hwx .suburb.is-selected{stroke:#0b3032;stroke-width:2.5}.hwx__placeholder{padding:60px 25px;text-align:center;color:var(--muted)}.hwx__title{font-size:25px;margin:0 0 5px}.hwx__meta{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.hwx__gauge{position:relative;width:210px;height:112px;margin:22px auto 8px;overflow:hidden}.hwx__gauge:before{content:"";position:absolute;inset:0 0 auto;height:210px;border-radius:50%;background:conic-gradient(from 270deg,#e94b49 0 18%,#ff9f1c 18% 36%,#ffd23f 36% 55%,#9acb58 55% 72%,#36a457 72% 100%);mask:radial-gradient(circle at center,transparent 0 62%,#000 63% 74%,transparent 75%);-webkit-mask:radial-gradient(circle at center,transparent 0 62%,#000 63% 74%,transparent 75%)}.hwx__needle{position:absolute;left:50%;bottom:7px;width:78px;height:4px;background:#17a7c0;border-radius:4px;transform-origin:0 50%;transform:rotate(calc(-180deg + var(--score) * 1.8deg));transition:transform .35s}.hwx__needle:after{content:"";position:absolute;left:-8px;top:-6px;width:16px;height:16px;border-radius:50%;background:#17a7c0}.hwx__score{position:absolute;inset:auto 0 8px;text-align:center;font-size:28px;font-weight:800}.hwx__score small{font-size:12px;color:var(--muted)}.hwx__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.hwx__card{border:1px solid var(--line);border-radius:10px;padding:11px;background:#f8fbfa}.hwx__card span{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hwx__card strong{display:block;margin-top:5px;font-size:15px}.hwx__chart{margin-top:19px}.hwx__chart h3{font-size:14px;margin:0 0 8px}.hwx__chart svg{height:112px;background:#fff;border:1px solid var(--line);border-radius:10px}.hwx__note{margin:17px 0 0;padding:12px;border-radius:9px;background:var(--mint);color:var(--muted);font-size:11px;line-height:1.45}.hwx__table{width:100%;border-collapse:collapse;margin-top:22px;font-size:12px}.hwx__table th,.hwx__table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.hwx__table th{font-size:10px;text-transform:uppercase;color:var(--muted)}.hwx__sources{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.5}.hwx__sources a{color:var(--teal)}.hwx__error{padding:16px;background:#fff1ed;color:#843b2f;border-radius:9px}.hwx__spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:hwspin .8s linear infinite;vertical-align:-2px;margin-right:7px}@keyframes hwspin{to{transform:rotate(360deg)}}
  @media(max-width:820px){.hwx__grid{grid-template-columns:1fr}.hwx__controls{grid-template-columns:1fr}.hwx__maphead{align-items:flex-start;flex-direction:column}.hwx__panel svg{min-height:390px}.hwx__chart svg{min-height:112px}.hwx__table{display:block;overflow-x:auto}}