/* Amendment D, piece 1: the first-run guide and the "What's new" card.
   Uses the colour tokens in styles.css, so dark mode follows automatically. */

.guide-wrap { max-width: 680px; margin: 0 auto; padding: 28px 16px 40px; }
.guide-card { padding: 22px; }
.guide-eyebrow { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 650; color: var(--ink-2); margin: 0 0 6px; }
.guide-lede { color: var(--ink-2); margin-bottom: 4px; }

.guide-body { margin-top: 14px; }
.guide-sec { padding: 16px 0; border-top: 1px solid var(--line); }
.guide-sec:first-child { border-top: none; padding-top: 6px; }
.guide-sec h3 { font-size: 1.08rem; margin: 0 0 .35em; }
.guide-sec p { margin: 0 0 .6em; }
.guide-sec ul { margin: .3em 0 0; padding-left: 1.2em; }
.guide-sec li { margin: 0 0 .5em; }
.guide-sec li:last-child { margin-bottom: 0; }
.guide-tag { display: inline-block; font-size: .72rem; font-weight: 650; text-transform: uppercase; letter-spacing: .05em;
  color: var(--accent); background: var(--accent-soft); border-radius: 999px; padding: 2px 9px; margin: 0 0 8px; }

.guide-actions { margin-top: 20px; }

/* The home-page card. Deliberately calmer than the attention strip: it is news, not a task. */
.whatsnew { background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--accent);
  border-radius: var(--radius); padding: 14px 16px; margin: 0 0 22px; box-shadow: var(--shadow); }
.whatsnew-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.whatsnew-head .chip { margin: 0; }
.whatsnew h2 { font-size: 1.05rem; margin: 0 0 .35em; }
.whatsnew p { margin: 0 0 .55em; }
.whatsnew .btn-row { margin-top: 10px; }