/* Playbooks — free-download cards. Scoped .pb-* classes (no clash with site
   globals); dark cards on the navy body, reusing the site .btn system. */
.pb-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:var(--space-6);
}
.pb-card{
  display:flex; flex-direction:column;
  border-radius:18px; padding:28px;
}
.pb-card__ic{width:38px; height:38px; color:var(--green-ink); margin-bottom:16px}
.pb-card__ic svg{width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.pb-card__k{font-family:var(--font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-500)}
.pb-card h3{font-family:var(--font-display); font-weight:600; font-size:23px; letter-spacing:-.01em; margin:8px 0 10px; line-height:1.14; color:var(--ink-text)}
.pb-card p{font-size:14.5px; color:var(--text-body); line-height:1.55; flex:1; margin:0}
.pb-card__foot{display:flex; gap:10px; margin-top:22px; flex-wrap:wrap}
.pb-card__foot .btn{min-height:0; padding:10px 16px; font-size:14px}
@media (max-width:780px){.pb-grid{grid-template-columns:1fr; gap:16px}}

/* Visible section head, consistent with case-studies (accent eyebrow + white h2). */
.section-head h2{color:#fff}
.section-head .eyebrow{color:var(--accent)}

/* 2026-09-24 refresh: two tracks (AI 101 + Playbooks), one card per guide. */
.pb-track + .pb-track{padding-top:0}
.pb-track .section-head p:not(.eyebrow){color:#B9C6DC; max-width:62ch}
.pb-card{scroll-margin-top:calc(var(--nav-h) + 24px)}
.pb-card:target{box-shadow:0 0 0 3px var(--accent)}

/* bridge link in the Playbooks track intro (2026-09-26) */
.pb-track .section-head a{color:var(--accent); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.pb-track .section-head a:hover{color:var(--mint)}
.pb-card .btn{min-height:44px} /* tap target (2026-09-26) */