/* The content blocks that sit inside a panel: experience card, verdicts,
   the 90-day plan, and the call to action. */

.card{margin-top:26px;border:1px solid var(--line);border-radius:16px;padding:20px 22px;
  background:rgba(8,7,24,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left}
.card dt{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
.card dd{margin:6px 0 0;font-size:15px;color:var(--ink2);line-height:1.55}
.card dd + dt{margin-top:16px}
.card dd b{color:var(--ink);font-weight:600}

/* Each verdict is a single block of prose. An earlier design paired a short
   colour-coded label with the text, and the rules for it outlived the markup:
   see chapter 11.3 of REFACTOR-PLAN.md if that idea comes back. */
.verdicts{margin-top:26px;display:grid;gap:9px;text-align:left}
.verdict{border:1px solid var(--line);border-radius:12px;
  padding:12px 15px;background:rgba(8,7,24,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

.steps{margin-top:26px;display:grid;gap:11px;text-align:left}
.stepline{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline}
/* Same reason as .tag: 10.5px is normal text, --live cannot reach 4.5:1 in the
   opening state. */
.stepline i{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.1em;
  color:var(--ink2);white-space:nowrap}
.stepline span{font-size:15px;color:var(--ink2);line-height:1.55}

.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
section.center .acts{justify-content:center}
.act{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--mono);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:13px 22px;border-radius:99px;
  border:1px solid var(--line-hi);color:var(--ink);background:rgba(8,7,24,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:border-color .3s,transform .3s,background .3s}
.act:hover{border-color:var(--live);transform:translateY(-2px);background:rgba(8,7,24,.85)}
.act--fill{background:var(--live);border-color:var(--live);color:#07061A;font-weight:700}
.act--fill:hover{background:var(--live);filter:brightness(1.14)}