/* ─────────────────────────────────────────────────────────────
   "THERE IS NO UK AI ACT" — AND WHAT APPLIES ANYWAY — /uk-ai-compliance/

   Fourth of the diagram family. The page's own headline has made this
   argument in words since it was written — "The ICO isn't waiting for a
   new AI law. It's enforcing the ones that already exist." — and until
   now there was no picture of it.

   ⛔ A fourth SHAPE: a myth on top, struck through, and the four laws
   that apply regardless stacked beneath it. Article 4 is a loop,
   Article 50 a mapping, Article 25 a fork, this a correction.

   ⚠️ The strike-through is decorative and must never be the only thing
   carrying the meaning — the words "this is the belief" and "here is
   what is true regardless" do that, so a screen reader that ignores
   `text-decoration` still gets the argument.
   ───────────────────────────────────────────────────────────── */

.ukapply {
  background: #0a1628;
  border: 1px solid #1e293b;
  padding: 32px 28px 28px;
  width: 100%;
}

.ukapply-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f59e0b;
}

.ukapply-title {
  margin: 0 0 20px;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.3;
  color: #ffffff;
}

.ukapply-myth {
  background: #0f1e33;
  border: 1px solid #1e293b;
  border-left: 3px solid #7d8ba3;
  padding: 16px 18px;
  margin: 0 0 8px;
}

.ukapply-myth span {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7d8ba3;
/* ⚠️ #7d8ba3, not the slate-500 #7d8ba3 this started as. Measured: #7d8ba3 is
   3.52:1 on #0f1e33 and 3.81:1 on #0a1628, and these labels are small
   uppercase text, so 4.5:1 is the bar — not the 3:1 large-text one. #7d8ba3
   clears both (4.86 and 5.26) and is still clearly quieter than the body copy.
   The same muted-ink-on-the-wrong-background fault has now been fixed on the
   blog, the pricing page and the footer; measuring it BEFORE shipping is
   cheaper than being told about it. */
  margin-bottom: 7px;
}

.ukapply-myth p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #94a3b8;
  text-decoration: line-through;
  text-decoration-color: #f59e0b;
  text-decoration-thickness: 2px;
}

.ukapply-bridge {
  margin: 0 0 8px;
  padding: 0 18px;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #f59e0b;
  font-weight: 700;
}

.ukapply-list { margin: 0; padding: 0; list-style: none; }

.ukapply-item {
  background: #0f1e33;
  border: 1px solid #1e293b;
  border-bottom: 0;
  border-left: 3px solid #f59e0b;
  padding: 16px 18px;
}

.ukapply-item:last-child { border-bottom: 1px solid #1e293b; }

.ukapply-item h3 {
  margin: 0 0 5px;
  font-size: 0.98rem;
  font-weight: 700;
  color: #ffffff;
}

.ukapply-item p {
  margin: 0;
  font-size: 0.87rem;
  line-height: 1.55;
  color: #cbd5e1;
}

.ukapply-foot {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid #1e293b;
  font-size: 0.87rem;
  line-height: 1.6;
  color: #94a3b8;
}

.ukapply-foot strong { color: #f59e0b; font-weight: 700; }

@media (max-width: 560px) {
  .ukapply { padding: 24px 18px 22px; }
  .ukapply-title { font-size: 1.18rem; }
  .ukapply-myth p { font-size: 0.94rem; }
}