/* Citation guides (/guides/...): one page per source type per style. Shares the APA 101 lesson look (apa-101-lesson.css). */

.guide-pattern { max-width: 70ch; margin: 1.25rem 0 1.5rem; padding: 1rem 1.25rem; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--surface, #fff); }
.guide-pattern__label { display: block; margin-bottom: 0.35rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.guide-pattern p { margin: 0; font-family: var(--font-serif, Georgia, serif); line-height: 1.6; padding-left: 2em; text-indent: -2em; overflow-wrap: anywhere; }

.guide-cites { list-style: none; padding: 0; margin: 0 0 2rem; font-size: 0.9375rem; }
.guide-cites li { display: grid; grid-template-columns: 11rem 1fr; gap: 0.75rem; padding: 0.5rem 0; border-top: 1px solid var(--rule); }
.guide-cites li > span { overflow-wrap: anywhere; }
@media (max-width: 560px) { .guide-cites li { grid-template-columns: 1fr; gap: 0.15rem; } }
.prose .paper .ref { overflow-wrap: anywhere; }

.guide-mistakes { list-style: none; padding: 0; }
.guide-mistakes li { margin: 0 0 1.25rem; }
.guide-mistakes .wrong, .guide-mistakes .right { display: block; padding: 0.35rem 0.75rem; border-radius: 4px; overflow-wrap: anywhere; }
.guide-mistakes .wrong { background: var(--red-50, #fdecec); text-decoration: line-through; text-decoration-color: var(--red-500, #c62828); }
.guide-mistakes .right { background: var(--green-50, #e8f5e9); margin-top: 0.25rem; }