/* Three illustrated guides: a clear answer, a worked example, then an action. */
.playbook-article .article-cover.playbook-cover { padding: 0; border: 0; background: none; border-radius: 0; align-items: stretch; }
.playbook-article .article-cover.playbook-cover img { width: 100%; max-width: none; max-height: none; height: auto; border: 0; border-radius: 12px; box-shadow: none; }
.playbook-article .article-cover.playbook-cover figcaption { max-width: none; text-align: left; }
.playbook-article .playbook-answer { padding: clamp(22px, 4vw, 32px); margin: 28px 0; background: #102e39; color: #fff; border-radius: 12px; }
.playbook-article .playbook-answer .eyebrow { margin: 0 0 10px; color: #e6ef94; font-size: .8rem; font-weight: 700; letter-spacing: .08em; }
.playbook-article .playbook-answer h2 { margin: 0 0 14px; font-size: clamp(1.4rem, 3vw, 1.85rem); color: #fff; line-height: 1.6; }
.playbook-article .playbook-answer p:last-child { margin: 0; color: #e3eef0; line-height: 1.9; }
.playbook-article .playbook-diagram { padding: 0; border: 0; background: none; align-items: stretch; }
.playbook-article .playbook-diagram img { display: block; width: 100%; max-width: 680px; height: auto; margin: auto; border: 1px solid #dce5e5; border-radius: 12px; box-shadow: none; }
.playbook-article .playbook-diagram figcaption { max-width: none; text-align: left; }
.playbook-article .playbook-diagram a { align-self: flex-start; }
.playbook-article .playbook-example { margin: 28px 0; padding: clamp(20px, 4vw, 30px); border: 1px solid #dce5e5; border-radius: 12px; background: #f6f8f5; }
.playbook-article .playbook-example h3 { margin: 0 0 14px; line-height: 1.6; }
.playbook-article .playbook-example p, .playbook-article .playbook-example li { line-height: 1.9; }
.playbook-article .playbook-example p:last-child { margin-bottom: 0; }
.playbook-article .playbook-speech { margin: 20px 0; padding: 22px 26px; border-left: 4px solid #148374; background: #eef7f4; font-size: 1.15rem; font-weight: 600; line-height: 1.9; }
.playbook-article .playbook-sources { border-top: 1px solid #dce5e5; margin-top: 48px; padding-top: 24px; }
.playbook-article .playbook-sources h2 { margin: 0 0 18px; font-size: 1.35rem; }
.playbook-article .playbook-sources li { line-height: 1.85; margin-top: 16px; }
.playbook-article .playbook-sources li span { display: block; color: #4f616a; font-size: .9rem; }
.playbook-article .playbook-sources > p { font-size: .875rem; line-height: 1.8; color: #4f616a; }
.playbook-article .editorial-table-wrap:focus-visible { outline: 3px solid #116657; outline-offset: 4px; }
.playbook-article .editorial-table { min-width: 490px; }
.playbook-article .playbook-takeaway { margin: 32px 0; padding: 24px; background: #fff9dd; border-radius: 12px; }
.playbook-article .playbook-takeaway h2 { margin: 0 0 12px; font-size: 1.35rem; }
.playbook-article .playbook-takeaway li { line-height: 1.9; }
@media (max-width: 600px) {
 .playbook-article .playbook-speech { padding: 18px; font-size: 1.05rem; }
 .playbook-article .playbook-cover { margin-top: 12px; }
}
@media print {
 .playbook-article .playbook-cover, .playbook-article .article-cta, .playbook-article .site-header, .playbook-article .toc { display: none; }
 .playbook-article .article-main { display: block; width: 100%; }
 .playbook-article .editorial-table-wrap { overflow: visible; }
 .playbook-article .playbook-diagram, .playbook-article .playbook-example { break-inside: avoid; }
}