/* Step 2 only: readable plain text + visible markers for pending items.
   Replaced by tokens.css / base.css / components.css in the design step. */
body { font-family: system-ui, sans-serif; line-height: 1.7; margin: 0; padding-inline: 20px; max-inline-size: 42em; margin-inline: auto; }
img { max-inline-size: 100%; height: auto; }
.skip-link { position: absolute; inset-inline-start: -9999px; }
.skip-link:focus { inset-inline-start: 8px; }
.site-header nav ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0 1em; }
.pending { background: #fff3c4; border-inline-start: 4px solid #c99700; padding: .4em .7em; }
.pending-text { background: #fff9e3; }
.placeholder { background: #e6eef7; border: 2px dashed #4e6276; padding: .8em; margin-block: 1em; }
.draft { background: #e8f2df; outline: 1px dashed #46623d; }
.pull-quote { font-size: 1.2em; margin-inline: 0; padding-inline-start: 1em; border-inline-start: 3px solid #b8d898; }
.signature { font-weight: bold; }
.disclaimer { font-size: .9em; }
.site-footer { border-block-start: 1px solid #ccc; margin-block-start: 3em; }