/* The three guided starts and the task guide on /documents (next-release §4).
   Colours come from the site tokens (_theme.html), so both themes are handled there. */
.gs { margin: 32px auto; max-width: 1100px; padding-inline: 16px; }
.gs h2 { margin: 0 0 16px; font-size: 1.4rem; text-wrap: balance; }
.gs-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.gs-card { display: flex; flex-direction: column; gap: 10px; padding: 18px;
  border: 1px solid var(--border); border-radius: 12px; background: var(--panel); }
.gs-card h3 { margin: 0; font-size: 1.1rem; }
.gs-out { margin: 0; color: var(--text); line-height: 1.5; }
.gs-plan { margin: 0; font-size: .85rem; color: var(--muted); letter-spacing: .02em; }
.gs-acts { margin-top: auto; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.gs-acts .btn { min-height: 44px; display: inline-flex; align-items: center; }
.gs-two .btn { width: 100%; justify-content: center; }
.gs-alt { font-size: .9rem; color: var(--muted); }
a.gs-alt { color: var(--link); }
.gs-all { margin: 14px 0 0; }
.task-guide { margin: 12px 0 18px; padding: 14px 16px; border: 1px solid var(--border);
  border-radius: 10px; background: var(--panel-2); }
.task-guide h2 { margin: 0 0 8px; font-size: 1.05rem; }
.task-guide ol { margin: 0 0 8px; padding-left: 1.3em; line-height: 1.55; }