.mlp-proof-head { margin-bottom: clamp(24px, 3vh, 44px); }
        .mlp-proof-live {
          display: inline-flex; align-items: center; gap: 9px;
          font-family: 'JetBrains Mono', ui-monospace, monospace;
          font-size: 10px; letter-spacing: .28em;
          color: var(--mel-text-muted); margin-bottom: 16px;
        }
        .mlp-proof-dot {
          width: 7px; height: 7px; border-radius: 50%;
          background: #22D3EE; box-shadow: 0 0 11px #22D3EE;
          animation: mlpProofPulse 1.8s ease-in-out infinite;
        }
        @keyframes mlpProofPulse {
          0%, 100% { opacity: .35; transform: scale(.82); }
          50% { opacity: 1; transform: scale(1.18); }
        }
        .mlp-proof-title {
          font-family: Poppins, system-ui, sans-serif;
          font-size: clamp(22px, 2.4vw, 34px); font-weight: 700;
          letter-spacing: -0.02em; line-height: 1.12;
          color: var(--mel-text-primary); margin: 0; max-width: 22ch;
        }
        .mlp-readouts {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
          gap: clamp(8px, 1.4vw, 18px); width: 100%;
        }
        .mlp-readout { position: relative; transition: transform .24s ease; }
        .mlp-readout:hover { transform: translateY(-3px); }
        .mlp-readout-rule {
          position: absolute; left: clamp(18px, 1.6vw, 24px); bottom: 16px;
          height: 2px; width: 22px; border-radius: 2px;
          background: linear-gradient(90deg, #22D3EE, #7C6FF0);
          opacity: .45; transition: width .26s ease, opacity .26s ease;
        }
        .mlp-readout:hover .mlp-readout-rule { width: 64px; opacity: 1; }
        .mlp-readout:hover .mlp-readout-num { text-shadow: 0 0 26px rgba(34,211,238,.5); }
        .mlp-readout:hover .mlp-readout-cta { gap: 10px; }
        @media (prefers-reduced-motion: reduce) {
          .mlp-proof-dot { animation: none; }
          .mlp-readout, .mlp-readout-rule, .mlp-readout:hover { transition: none; }
        }
        /* Ghost index watermark: only shown on the mobile timeline. */
        .mlp-readout-ghost { display: none; }
        @media (max-width: 767px) {
          /* No live field on phones, so make the stacked proofs a
             vertical "instrument timeline": a connecting accent rail with
             a glowing node per proof, brand-gradient numbers, a colored
             index, and a faint ghost numeral for rhythm. Anything but a
             flat left-aligned text dump. */
          .mlp-readouts { gap: 32px; }
          .mlp-readout {
            padding-left: 26px !important;
            padding-right: 6px !important;
          }
          .mlp-readout-rule { display: none; }
          .mlp-readout .mlp-data-label { color: #22D3EE !important; opacity: .92; }
          .mlp-readout-num {
            background: linear-gradient(118deg, #5CC0FF 0%, #22D3EE 38%, #7C6FF0 100%);
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent;
            font-size: clamp(42px, 13vw, 60px) !important;
          }
          /* node */
          .mlp-readout::before {
            content: ""; position: absolute; left: 0; top: 7px;
            width: 11px; height: 11px; border-radius: 50%;
            background: radial-gradient(circle at 35% 35%, #5CC0FF, #7C6FF0);
            box-shadow: 0 0 12px rgba(34,211,238,.65); z-index: 2;
          }
          /* rail connecting this node to the next */
          .mlp-readout::after {
            content: ""; position: absolute; left: 5px; top: 20px; bottom: -32px;
            width: 1.5px;
            background: linear-gradient(180deg, #22D3EE88, #7C6FF022);
          }
          .mlp-readouts > .mlp-readout:last-child::after { display: none; }
          .mlp-readout-ghost {
            display: block; position: absolute; top: -6px; right: 2px;
            font-family: Poppins, system-ui, sans-serif; font-weight: 800;
            font-size: 62px; line-height: 1; letter-spacing: -.04em;
            color: var(--mel-text-primary); opacity: .06;
            pointer-events: none; z-index: 0;
          }
        }