/* ---- NOW ---- */
.now__body { max-width: var(--maxw-prose); display: grid; gap: var(--space-4); }
.now__body p { margin: 0; color: var(--text-muted); }
.now__lead { font-size: var(--step-2); font-weight: 600; letter-spacing: -0.02em; line-height: 1.25; color: var(--text); max-width: 30ch; }
.now__lead strong { color: var(--accent); font-weight: 700; }

/* ---- OPERATING SYSTEM ---- */
.os__lead { margin-bottom: var(--space-7); }
.os__cards { list-style: none; margin: 0 0 var(--space-7); padding: 0; display: grid; gap: var(--space-4); grid-template-columns: repeat(3, 1fr); }
@media (max-width: 820px) { .os__cards { grid-template-columns: 1fr; } }
.os-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--space-5); display: grid; gap: var(--space-3); align-content: start; }
.os-card__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.os-card__head h3 { font-size: var(--step-1); }
.os-card__tag { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.06em; color: var(--accent); background: var(--accent-soft); padding: 0.2rem 0.5rem; border-radius: 999px; white-space: nowrap; }
.os-card p { margin: 0; color: var(--text-muted); font-size: var(--step--1); line-height: 1.55; }
.os__close { color: var(--text-muted); max-width: var(--maxw-prose); }
.os__close em { font-style: italic; }

/* ---- BACKGROUND ---- */
.logbook { margin: 0; background: var(--bg-elev); border: 1px solid var(--border); border-left: 2px solid var(--accent); border-radius: var(--radius); padding: var(--space-5); overflow-x: auto; }
.logbook code { font-family: var(--font-mono); font-size: var(--step--1); line-height: 2; color: var(--text-muted); white-space: pre; }