/* Getting started on a sourcer's My searches (static/js/getting_started.js): "Set up once" and
   "Your first search". The list is the portal's own "What happens next" timeline (.next-steps,
   is-done / is-current, static/portal/css/app.css); the cards, buttons and type are the portal's
   too. Only the two-column frame and the small type are this file's. Every rule under html.ui-new. */
html.ui-new .gs { display: grid; grid-template-columns: 1fr; gap: var(--space-4); margin: 0 0 var(--space-5); }
html.ui-new .gs.gs-two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
html.ui-new .gs .gs-card { margin: 0; min-width: 0; }
html.ui-new .gs .gs-card + .gs-card { margin-top: 0; }
html.ui-new .gs .gs-h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
html.ui-new .gs .gs-t { margin: 0; font-size: var(--text-lg); }
html.ui-new .gs .gs-n { font-size: var(--text-xs); color: var(--ink-500); font-variant-numeric: tabular-nums; }
html.ui-new .gs .gs-sub { margin: 4px 0 var(--space-3); font-size: var(--text-sm); color: var(--ink-600); max-width: 68ch; }
html.ui-new .gs .gs-list li { grid-template-columns: 72px minmax(0, 1fr); }
html.ui-new .gs .gs-l { display: block; color: var(--ink-900); font-weight: var(--fw-semibold); }
html.ui-new .gs li.is-done .gs-l { color: var(--ink-500); font-weight: var(--fw-medium); }
html.ui-new .gs .gs-why { margin-top: 2px; color: var(--ink-600); font-size: var(--text-xs); line-height: 1.45; }
html.ui-new .gs .gs-go { margin-top: 8px; }
html.ui-new .gs .gs-fold { font-size: var(--text-sm); color: var(--ink-600); }
html.ui-new .gs .gs-fold summary { cursor: pointer; color: var(--hr-purple-700); font-weight: var(--fw-semibold); }
html.ui-new .gs .gs-fold[open] { background: var(--white); border: var(--border-width) solid var(--paper-200); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); }
html.ui-new .gs .gs-fold[open] summary { margin-bottom: var(--space-2); }
@media (max-width: 900px) { html.ui-new .gs.gs-two { grid-template-columns: 1fr; } }