/* The guide page (/how-to-write-a-museum-rfp/): sits on the legal page layout; adds the notice, the checklist and the copyable outline. */
.guide__note { margin: 0 0 16px; padding: 12px 16px; background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-border, #7A736C); border-radius: 4px; max-width: 640px; }
.guide .legal__section strong { font-weight: 600; }
.guide__checks { list-style: none; padding-left: 0; }
.guide__checks li { position: relative; padding-left: 32px; }
.guide__checks li::before { content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border: 2px solid var(--color-text, #2B2623); border-radius: 3px; background: var(--color-surface-raised, #FFFFFF); }
.guide__copy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 12px; }
.guide__copy .legal__btn { cursor: pointer; font: inherit; font-weight: 600; }
.guide__copy .legal__btn:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.guide .guide__status { margin: 0; min-height: 24px; font-weight: 600; }
.guide__outline { margin: 0; padding: 16px; background: var(--color-surface-raised, #FFFFFF); border: 1px solid var(--color-border, #7A736C); border-radius: 4px; font: 400 15px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--color-text, #2B2623); }
.guide__outline:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.guide .legal__section:has(.guide__outline) { max-width: 760px; }
@media (max-width: 760px) { .guide__outline { font-size: 14px; padding: 12px; } }
@media print { .guide__copy { display: none; } }