/* credential-path-cards
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/credential-path-cards.css. */
.cred-path .stack { display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) 48px minmax(0, 1fr); align-items: stretch; }
.cred-path .cred { background: var(--stone); border-radius: var(--r-panel); padding: 40px 36px; display: flex; flex-direction: column; }
.cred-path .cred-step { font-size: 15px; font-weight: 700; color: var(--accent); margin-bottom: 12px; }
.cred-path .cred h3 { font-size: 26px; font-weight: 500; }
.cred-path .cred-len { margin: var(--s3) 0 4px; font-family: var(--head); font-size: 40px; font-weight: 500; line-height: 1.1; }
.cred-path .cred-cost { font-size: 17px; color: var(--muted); }
.cred-path .cred .check-list { margin: var(--s3) 0 var(--s4); font-size: 17px; gap: 10px; }
.cred-path .cred .textlink { margin-top: auto; }
.cred-path .cred-featured { background: var(--deep); color: #fff; }
.cred-path .cred-featured .cred-step { color: var(--highlight-on-deep); }
.cred-path .cred-featured .cred-cost { color: var(--on-deep-muted); }
.cred-path .cred-featured .check-list li::before { border-color: var(--accent-on-deep); }
.cred-path .cred-featured .textlink { color: #fff; }
.cred-path .cred-featured :focus-visible { outline-color: #fff; }
.cred-path .stack-arrow { display: grid; place-items: center; color: var(--accent); }
.cred-path .stack-arrow svg { width: 28px; height: 28px; }
.cred-path .stack-note { margin-top: var(--s4); }
@media (max-width: 1000px) {
  .cred-path .stack { grid-template-columns: minmax(0, 1fr); max-width: 620px; }
  .cred-path .stack-arrow { height: 48px; }
  .cred-path .stack-arrow svg { transform: rotate(90deg); }
}
@media (max-width: 620px) {
  .cred-path .cred { padding: var(--s4) var(--s3); }
  .cred-path .cred-len { font-size: 34px; }
}

/* Block markup adjustments */
.cred-path .stack-arrow::before { content: ""; width: 28px; height: 28px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 1000px) { .cred-path .stack-arrow::before { transform: rotate(90deg); } }
.cred-path .cred > p:last-child { margin-top: auto; }