/* Shared reading aids for the four resource guides. */
.article-hero .article-intro { color: var(--body); font-size: 18px; line-height: 1.7; margin-top: 28px; }
.source-template { white-space: pre-wrap; overflow-wrap: anywhere; padding: 22px; margin: 24px 0; border: 1px solid var(--line); border-radius: 6px; color: var(--body); background: #fafafa; font-size: 15px; line-height: 1.8; }
.source-record { margin: 24px 0; font-size: 16px; line-height: 1.7; }
.source-record dt { margin-top: 18px; font-weight: 600; }
.source-record dd { margin: 4px 0 0; color: var(--body); overflow-wrap: anywhere; }

.guide-checkpoint { margin: 28px 0 0; padding: 16px 0 16px 20px; border-left: 2px solid #859a87; color: var(--body); font-size: 15px; line-height: 1.7; }
.guide-checkpoint strong { color: var(--ink); }
.guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin: 24px 0; }
.guide-actions a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; }
.guide-actions .guide-download { padding: 10px 18px; border: 1px solid var(--ink); border-radius: 4px; color: var(--ink); text-decoration: none; }
.guide-download:hover { background: #edf1ec; }
.guide-actions a:focus-visible { outline: 2px solid #355b7a; outline-offset: 4px; }

.guide-step-shot > a { display: block; }
.guide-step-shot img { display: block; width: auto; height: auto; max-width: 100%; margin-inline: auto; }
.guide-step-shot.guide-figure-detail { max-width: min(100%, 440px); }
.guide-step-shot a:focus-visible { outline: 2px solid #355b7a; outline-offset: 4px; }
@media (max-width: 600px) { .source-record { font-size: 15px; } }
@media print { .source-template, .guide-step-shot { break-inside: avoid; } .article-toc, .site-header, .site-footer, .skip-link { display: none; } }