/* PPC Playbook: readable lessons, accessible tables and release cards. */
.playbook-head { max-width: 1040px; }
.playbook-head h1 { max-width: 18ch; }
.playbook-back { display: inline-block; margin-bottom: 28px; color: var(--volt); }
.playbook-answer { max-width: 65ch; color: var(--on-dark); font-size: 1.05rem; }
.playbook-meta { margin-top: 24px; color: var(--muted-dark); font-size: .9rem; }
.playbook-article { max-width: 820px; }
.playbook-article > section + section { margin-top: 52px; }
.playbook-article h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.12; }
.playbook-article h3 { margin-top: 24px; }
.playbook-article p { max-width: none; }
.playbook-article blockquote { margin: 20px 0; padding-left: 22px; border-left: 3px solid var(--teal-ink); font-size: 1.15rem; }
.playbook-table-wrap { max-width: 100%; overflow-x: auto; margin: 28px 0; border: 1px solid var(--rule); border-radius: var(--radius); }
.playbook-table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: .95rem; }
.playbook-table caption { text-align: left; padding: 18px; font-weight: 600; background: var(--paper); }
.playbook-table th, .playbook-table td { border: 1px solid var(--rule); padding: 12px 16px; text-align: right; white-space: nowrap; }
.playbook-table th:first-child { text-align: left; white-space: normal; }
.playbook-table thead th { background: var(--night-2); color: var(--on-dark); }
.playbook-table tbody th { font-weight: 500; }
.playbook-table tbody tr:nth-child(even) { background: var(--paper); }
.playbook-formula { margin: 28px 0; padding: 24px; background: var(--paper); border: 1px solid var(--rule); border-radius: var(--radius); }
.playbook-formula h3 { margin-top: 0; }
.playbook-formula p { font-size: .98rem; overflow-wrap: anywhere; margin-bottom: .55em; }
.playbook-formula p:last-child { margin-bottom: 0; }
.playbook-exercise { padding-left: 24px; }
.playbook-exercise li { padding-left: 4px; margin-bottom: 16px; }
.playbook-next, .playbook-conversation { border-top: 1px solid var(--rule); padding-top: 36px; }
.playbook-source { margin-top: 44px; font-size: .88rem; color: var(--muted); }
.playbook-lessons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: 24px; }
.playbook-lesson { min-width: 0; padding: 28px; background: var(--paper); border: 1px solid var(--rule); border-radius: var(--radius); }
.playbook-lesson--live { border-color: var(--teal-ink); background: var(--white); grid-column: 1 / -1; }
.playbook-lesson h3 { line-height: 1.18; }
.playbook-lesson h3 a { color: var(--ink); text-decoration: none; }
.playbook-lesson h3 a:hover { color: var(--teal-ink); text-decoration: underline; }
.playbook-tool { margin-top: 20px; font-size: .95rem; color: var(--muted); }
.playbook-status { font-size: .875rem; color: var(--muted); }
.playbook-practice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 52px; }
.playbook-practice > div { min-width: 0; }
.playbook-practice h3 { margin-bottom: 18px; }
.playbook-practice p + h3 { margin-top: 36px; }
@media (max-width: 760px) {
  .playbook-lessons, .playbook-practice { grid-template-columns: 1fr; }
  .playbook-lesson { padding: 24px 20px; }
  .playbook-article > section + section { margin-top: 40px; }
  .playbook-formula { padding: 20px 16px; }
  .playbook-head h1 { max-width: 18ch; }
}