/* ========================================================================= _review.css — RED overlay markers for Mark's morning review pass. These are intentionally LOUD. They are designed to be noticeable, not pretty. Each marker asks for specific feedback on a specific area. When Mark answers, I remove the marker. When all markers are gone, the page has been reviewed. To suppress all markers at once (e.g. for a screenshot): ========================================================================= */ .review-marker, .review-banner { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.78rem; line-height: 1.45; background: #b8231e; color: #fff; border: 1px solid #7a0e0a; border-left: 4px solid #fff8b0; border-radius: 4px; padding: 0.6rem 0.9rem; margin: 0.8rem 0; box-shadow: 0 2px 6px rgba(120, 14, 10, 0.25); } .review-marker { display: block; position: relative; } .review-marker::before { content: "REVIEW"; display: inline-block; background: #fff8b0; color: #7a0e0a; font-weight: 700; letter-spacing: 0.08em; padding: 0.1rem 0.45rem; border-radius: 2px; margin-right: 0.6rem; font-size: 0.7rem; } .review-banner { position: sticky; top: 0; z-index: 200; margin: 0 0 1rem 0; border-radius: 0; text-align: center; font-weight: 600; } .review-banner::before { content: "▼ "; } .review-marker strong, .review-banner strong { color: #fff8b0; } .review-marker code, .review-banner code { background: rgba(255, 248, 176, 0.15); padding: 0 0.3em; border-radius: 2px; color: #fff8b0; } .review-marker a, .review-banner a { color: #fff8b0; text-decoration: underline; } /* Suppress all markers when review mode is off */ [data-review="off"] .review-marker, [data-review="off"] .review-banner { display: none !important; }