.rkm-sc { padding: 48px 0 80px; }
  .progress { height: 6px; background: var(--wp--preset--color--mist); border-radius: 99px; overflow: hidden; margin: 18px 0 8px; }
  .progress i { display: block; height: 100%; width: 0; background: var(--wp--preset--color--brand); transition: width .25s; }
  .qcard { margin-top: 28px; }
  .qcard .lever { color: var(--wp--preset--color--brand-text); font-weight: 700; font-size: .92rem; }
  .qcard h2 { font-size: clamp(1.45rem, 3vw, 1.9rem); margin-top: 6px; }
  .qcard .hint { color: var(--wp--preset--color--ink-soft); font-size: .95rem; }
  .opts { display: grid; gap: 10px; margin-top: 24px; }
  .opt { text-align: left; min-height: 56px; padding: 12px 18px; border: 1.5px solid #C7CAD4; border-radius: 10px; background: #fff; font: 600 1rem var(--wp--preset--font-family--sans); color: var(--wp--preset--color--ink); cursor: pointer; }
  .opt:hover { border-color: var(--wp--preset--color--ink); }
  .opt[aria-pressed="true"] { border-color: var(--wp--preset--color--brand); background: var(--wp--preset--color--brand-wash); }
  .navrow { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; }
  .score-big { font: 600 clamp(4rem, 12vw, 6.5rem)/1 var(--wp--preset--font-family--serif); margin: 8px 0 0; }
  .score-big small { font-size: .3em; color: var(--wp--preset--color--ink-soft); font-family: var(--wp--preset--font-family--sans); font-weight: 500; }
  .bars { margin: 28px 0; display: grid; gap: 16px; }
  .bar-row { display: grid; grid-template-columns: 110px 1fr 48px; gap: 14px; align-items: center; }
  .bar-row .track { height: 12px; background: var(--wp--preset--color--mist); border-radius: 99px; overflow: hidden; }
  .bar-row .fill { height: 100%; border-radius: 99px; background: var(--wp--preset--color--ink); }
  .bar-row.weak .fill { background: var(--wp--preset--color--brand); }
  .bar-row b { font-weight: 700; }
  .bar-row span { text-align: right; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--ink-soft); }
  .fixes { counter-reset: f; list-style: none; padding: 0; }
  .fixes li { counter-increment: f; padding: 16px 0 16px 46px; position: relative; border-bottom: 1px solid var(--wp--preset--color--line); }
  .fixes li::before { content: counter(f); position: absolute; left: 0; top: 14px; width: 30px; height: 30px; border-radius: 50%; background: var(--wp--preset--color--ink); color: #fff; display: grid; place-items: center; font: 700 .9rem var(--wp--preset--font-family--sans); }
  .fixes strong { display: block; }
  .fixes small { color: var(--wp--preset--color--brand-text); font-weight: 600; }
  .gate { border: 2px solid var(--wp--preset--color--ink); border-radius: 14px; padding: 28px; margin-top: 36px; }
  .locked { position: relative; max-height: 220px; overflow: hidden; }
  .locked::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent, #fff 80%); }
  #preview { counter-reset: f 3; }


.rkm-sc [hidden] { display: none !important; }
.rkm-linkbtn { background: none; border: 0; color: var(--wp--preset--color--ink-soft); font: 600 .95rem var(--wp--preset--font-family--sans); cursor: pointer; padding: 8px 0; text-decoration: underline; text-underline-offset: 3px; }
.rkm-sc .gate .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.rkm-sc label { font-weight: 600; font-size: .95rem; display: block; margin-bottom: 6px; }
.rkm-sc input[type=email], .rkm-sc input[type=text] { width: 100%; min-height: 50px; padding: 0 16px; border: 1.5px solid #C7CAD4; border-radius: 6px; font: 400 1rem var(--wp--preset--font-family--sans); }
.rkm-sc input:focus { border-color: var(--wp--preset--color--ink); outline: none; box-shadow: 0 0 0 3px var(--wp--preset--color--brand-wash); }
.rkm-sc .notice { padding: 14px 18px; border-radius: 6px; background: var(--wp--preset--color--brand-wash); font-size: .95rem; }
.rkm-sc .notice.err { background: #FDECEC; color: #B91C1C; }
.rkm-sc .inline-cta { border-left: 4px solid var(--wp--preset--color--brand); background: var(--wp--preset--color--brand-wash); padding: 22px 24px; border-radius: 0 6px 6px 0; margin: 2.2em 0; }
.rkm-sc .small { font-size: .94rem; color: var(--wp--preset--color--ink-soft); }
@media (max-width: 640px) { .rkm-sc .gate .form-row { grid-template-columns: 1fr; } .rkm-sc .wp-element-button { width: 100%; text-align: center; } }