\
.icuk-checker { margin-bottom: 1.5rem; }
.icuk-addresses { margin-top: 1rem; }
.icuk-results { margin-top: 1.5rem; }
.icuk-messages .alert { margin-top: 1rem; }

.icuk-checker .sppb-btn { margin-left: 0.5rem; }

.icuk-checker .sppb-btn { text-align: center; justify-content: center; }

.icuk-checker .sppb-btn {
  text-align: center;
  justify-content: center;
  white-space: normal;
}

.icuk-checker .icuk-spinner {
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: icuk-spin 0.8s linear infinite;
  display: inline-block;
  vertical-align: middle;
}
@keyframes icuk-spin {
  to { transform: rotate(360deg); }
}
.icuk-checker .is-loading .icuk-btn-text {
  opacity: 0.7;
}

.icuk-checker .sppb-btn { display: inline-flex; align-items: center; }

.icuk-card {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 6px;
  padding: 0.75rem;
  background: #fff;
}
.icuk-card-title {
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.icuk-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .icuk-grid { grid-template-columns: 1fr 1fr; }
}
.icuk-matrix th.icuk-tech {
  width: 160px;
  white-space: nowrap;
}
.icuk-pill {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  font-size: 0.9em;
  line-height: 1.2;
  border: 1px solid rgba(0,0,0,0.15);
}
.icuk-up { margin-top: 0.25rem; opacity: 0.8; font-size: 0.9em; }
.icuk-notes { white-space: pre-wrap; line-height: 1.35; font-size: 0.95em; }

.icuk-checker .icuk-fa { margin-right: 0.25rem; }

/* Postcode input inline layout */
.icuk-postcode-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.icuk-postcode-input {
  
  width: 100%;
  text-transform: uppercase;
}

/* Force postcode input + Find button inline, even if template override is used */
.icuk-checker .icuk-form,
.icuk-checker form {
  margin-bottom: 1rem;
}

.icuk-checker .icuk-form .icuk-postcode-wrap,
.icuk-checker .icuk-form .icuk-postcode,
.icuk-checker .icuk-postcode-wrap,
.icuk-checker .icuk-postcode-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.icuk-checker input.icuk-postcode,
.icuk-checker .icuk-postcode-input,
.icuk-checker input[type="text"].icuk-postcode {
  
  width: 100%;
  text-transform: uppercase;
}

/* Make sure SPPB buttons align and wrap text */
.icuk-checker .sppb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

/* Ensure any <i> based Font Awesome icons are visible */
.icuk-checker i.fa,
.icuk-checker i.fas,
.icuk-checker i.fa-solid {
  display: inline-block;
}


.icuk-checker .icuk-down { font-weight: 600; border: 0; border-radius: 0; padding: 0; background: transparent; }

.icuk-checker .icuk-pill.icuk-down { all: unset; }

/* Space buttons away from inputs */
.icuk-checker .sppb-btn { margin-top: 10px; }

/* Plain speed styling (no pills) */
.icuk-checker .icuk-down { font-weight: 600; }
.icuk-checker .icuk-prohibited { font-style: italic; opacity: 0.85; }

.icuk-checker .icuk-prohibited { font-style: italic; opacity: 0.85; }


/* --- UI refresh (v1.6.0) --- */
.icuk-checker { max-width: 100%; }
.icuk-card { border: 1px solid rgba(0,0,0,0.12); border-radius: 10px; background: #fff; padding: 16px; }
.icuk-card--hero { padding: 18px; }
.icuk-card-title { font-size: 1.15rem; font-weight: 700; margin-bottom: 6px; }
.icuk-help { opacity: 0.8; margin-bottom: 14px; }

.icuk-label { display:block; font-weight: 600; margin-bottom: 6px; }
.icuk-inline { display:flex; gap: 10px; align-items: stretch; flex-wrap: wrap; }
.icuk-inline > * { flex: 1 1 auto; }
.icuk-postcode-input { min-width: 260px; width: 100%; }
.icuk-addresses { min-width: 360px; width: 100%; }

.icuk-step { margin-top: 14px; }
.icuk-step-title { font-weight: 700; margin-bottom: 8px; }

.icuk-checker .sppb-btn { margin-top: 10px; display: inline-flex; align-items:center; justify-content:center; white-space: normal; }
.icuk-spinner { width: 1em; height: 1em; border: 2px solid rgba(255,255,255,0.5); border-top-color: rgba(255,255,255,1); border-radius: 50%; margin-left: 8px; animation: icukspin 0.8s linear infinite; }
@keyframes icukspin { to { transform: rotate(360deg);} }

.icuk-footnote { margin-top: 10px; font-size: 0.9em; opacity: 0.75; }

.is-hidden { display:none !important; }

/* Matrix table improvements */
.icuk-matrix th, .icuk-matrix td { vertical-align: middle; }
.icuk-matrix td.icuk-empty { opacity: 0.5; text-align:center; }
.icuk-tech { white-space: nowrap; }
.icuk-provider-head { display:flex; gap: 8px; align-items:center; justify-content:center; }
.icuk-provider-head i { opacity: 0.85; }

.icuk-speed { display:flex; flex-direction:column; gap: 2px; }
.icuk-down { font-weight: 700; }
.icuk-up { opacity: 0.8; font-size: 0.92em; }

.icuk-best { margin-top: 10px; padding: 10px 12px; border: 1px solid rgba(0,0,0,0.12); border-radius: 10px; background: rgba(0,0,0,0.03); }
.icuk-best strong { font-weight: 800; }

.icuk-notes { max-height: 180px; overflow:auto; border: 1px solid rgba(0,0,0,0.08); border-radius: 10px; padding: 10px; background: rgba(0,0,0,0.02); }

/* v1.6.4 layout: notes beside additional info */
.icuk-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 768px) {
  .icuk-grid {
    grid-template-columns: 1fr;
  }
}

/* Provider logos */
.icuk-provider-head img {
  height: 22px;
  width: auto;
  display: block;
}

.icuk-provider-head {
  display:flex;
  align-items:center;
  justify-content:center;
}
.icuk-provider-head span {
  display:none;
}