.tool-postcode-page .postcode-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.tool-postcode-page .form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}

.tool-postcode-page .form-row{ display:flex; flex-direction:column; gap:6px; }
.tool-postcode-page .hint{ font-size:12px; color: rgba(11,15,24,.65); }

.tool-postcode-page .pc-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}

.tool-postcode-page .pc-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 9px;
  border-radius:999px;
  font-size:12px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(11,15,24,.03);
  color:#0b0f18;
  white-space:nowrap;
}

.tool-postcode-page .pc-block{ margin-top:10px; border:1px solid rgba(0,0,0,.10); border-radius:14px; padding:10px; }
.tool-postcode-page .pc-block-title{ font-weight:700; font-size:13px; margin-bottom:6px; }
.tool-postcode-page .pc-list{ margin:0 0 0 16px; padding:0; color: rgba(11,15,24,.78); font-size:13px; }

.tool-postcode-page .pc-block.is-error{ background: rgba(220,38,38,.04); border-color: rgba(220,38,38,.20); }
.tool-postcode-page .pc-block.is-warn{ background: rgba(245,158,11,.04); border-color: rgba(245,158,11,.22); }
.tool-postcode-page .pc-block.is-info{ background: rgba(59,130,246,.04); border-color: rgba(59,130,246,.18); }

@media (max-width: 900px){
  .tool-postcode-page .postcode-grid{ grid-template-columns: 1fr; }
  .tool-postcode-page .form-grid{ grid-template-columns: 1fr; }
}