/* Block 5 — b5.proof.ultrarefined.v1.2 (scoped) */

[data-block-id="b5.proof.ultrarefined.v1.2"]{
  --magenta: var(--wbs-magenta);
  --text: var(--wbs-text);
  --muted: var(--wbs-muted);
  --mutedSoft: var(--wbs-ink-a52);
  --container: var(--wbs-container);

  /* match the established rhythm */
  --padY: var(--wbs-section-pad);

  --shadowSoft: 0 var(--wbs-space-2) var(--wbs-space-5-5) var(--wbs-ink-a06);
  --shadowHover: 0 var(--wbs-space-4-5) var(--wbs-space-12) var(--wbs-ink-a12);

  --card: #ffffff;
  --cardHover: #fcfcfe;

  padding-block: var(--padY);
  background: var(--wbs-bg);
  color: var(--text);
  font-family: var(--wbs-font-sans);
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-wrap{
  width: var(--wbs-wrap);
  margin: 0 auto;
}

/* Header */
[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-head{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 3vw, 50px);
  align-items:start;
  margin-bottom: clamp(var(--wbs-space-6), 3vw, 44px);
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-kicker{
  height: var(--wbs-kicker-line-height);
  width: var(--wbs-kicker-line-width);
  border-radius: var(--wbs-radius-pill);
  background:var(--magenta);
  margin: var(--wbs-space-2) 0 var(--wbs-space-5-5);
  opacity:.9;
}

[data-block-id="b5.proof.ultrarefined.v1.2"] h2{
  margin:0;
  font-family: var(--wbs-font-serif);
  font-weight:400;
  font-size: var(--wbs-type-h2);
  line-height:1.18;
  letter-spacing:-0.005em;
  max-width: 26ch;
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-intro{
  margin:0;
  max-width:70ch;
  color:var(--muted);
  font-size: var(--wbs-type-body);
  line-height: var(--wbs-leading-body);
  padding-top:6px;
  font-weight: 400;
}

/* Items */
[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-items{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--wbs-space-5-5);
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-item{
  background: var(--card);
  border-radius: var(--wbs-radius-lg);
  box-shadow: var(--shadowSoft);
  padding: 28px var(--wbs-space-8);
  transition: box-shadow .25s ease, background .25s ease;
}

/* Small supporting icons (line style, calm) */
[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--wbs-magenta-soft-a06);
  color: var(--wbs-ink-a62);
  margin: 2px 0 14px;
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-icon svg{
  width: 22px;
  height: 22px;
  display:block;
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-item:hover{
  background: var(--cardHover);
  box-shadow: var(--shadowHover);
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-title{
  margin:0 0 var(--wbs-space-3);
  font-size:1.12rem;
  font-weight:600;
  letter-spacing:-0.01em;
  line-height:1.25;
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-text{
  margin:0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.85;
  max-width: 70ch;
}

[data-block-id="b5.proof.ultrarefined.v1.2"] .b4-note{
  margin-top: var(--wbs-space-4-5);
  padding-top: var(--wbs-space-4);
  border-top: 1px solid var(--wbs-black-a06);
  color: var(--mutedSoft);
  font-size: .95rem;
  line-height: 1.75;
  max-width: 78ch;
}

@media (max-width: 980px){
  [data-block-id="b5.proof.ultrarefined.v1.2"] .b4-head{ grid-template-columns: 1fr; }
  [data-block-id="b5.proof.ultrarefined.v1.2"] .b4-items{ grid-template-columns: 1fr; gap: var(--wbs-space-4-5); }
  [data-block-id="b5.proof.ultrarefined.v1.2"] .b4-item{ padding: 26px var(--wbs-space-5-5); }
}