/* Shared product shell: purposeful copy, quiet chrome and a clear reading order. */
:root { --border: var(--line); }
main { padding-top:42px; padding-bottom:52px; }
.page-heading { align-items:flex-start; margin-bottom:26px; }
.page-heading h1 { font-size:28px; }
.page-heading p { max-width:68ch; margin-top:7px; }
.sidebar nav { padding-top:4px; }
.nav-group { padding-block:10px; }
.nav-group + .nav-group { padding-top:10px; margin-top:10px; }
.nav-item { min-height:46px; padding-block:11px; }
.nav-item svg { width:19px; height:19px; }
.sidebar .brand-row { margin-bottom:20px; }
.sidebar .account strong { font-size:13px; }
.account-pop .settings-link { display:flex; gap:9px; align-items:center; padding:10px 0; text-decoration:none; }
.account-pop .settings-link:hover { text-decoration:underline; }
.account-pop details { margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.account-pop details summary { padding:0; font-size:12px; }
.account-pop details p { margin-bottom:0; }
.account-pop label { font-size:13px; }
.start-heading { margin:5px 0 32px; }
.start-heading h1 { font-size:clamp(29px,3vw,40px); font-weight:550; letter-spacing:-.035em; line-height:1.2; }
.start-heading p { margin-top:13px; font-size:15px; }
.start-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr); gap:30px; align-items:stretch; }
.start-tasks { display:flex; flex-direction:column; }
.start-tasks .path-card { display:grid; grid-template-columns:26px minmax(0,1fr) 22px; gap:20px; padding:25px 18px 25px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; box-shadow:none; text-decoration:none; transform:none; }
.start-tasks .path-card:first-child { border-top:1px solid var(--line); }
.start-tasks .path-card>svg { width:25px; height:25px; color:var(--control); margin-top:2px; }
.start-tasks .path-card h2 { font-size:21px; margin:0 0 7px; font-weight:600; }
.start-tasks .path-card p { margin:0; font-size:14px; line-height:1.65; max-width:49ch; }
.task-arrow { align-self:center; font-size:24px; color:var(--control); transition:transform .15s; }
.start-tasks .path-card:hover { background:var(--surface); }
.start-tasks .path-card:hover .task-arrow { color:var(--pink); transform:translateX(4px); }
.sample-start { display:flex; flex-direction:column; align-items:flex-start; background:var(--surface); padding:28px; border:1px solid var(--line); border-top:3px solid var(--control); border-radius:var(--radius); }
.sample-caption { color:var(--muted); font-size:12px; margin-bottom:17px; }
.sample-start h2 { font-size:24px; line-height:1.25; margin-bottom:14px; }
.sample-start p { font-size:13px; }
.sample-start ul { padding:0; list-style:none; margin:22px 0 26px; color:var(--muted); font-size:12px; line-height:1.6; }
.sample-start li { padding:8px 0; border-bottom:1px solid var(--line); }
.sample-start .button { margin-top:auto; white-space:normal; }
.sample-start small { color:var(--muted); font-size:11px; margin-top:13px; }
.start-continuation { margin-top:30px; display:flex; justify-content:space-between; gap:22px; align-items:center; padding:23px 26px; border:1px solid var(--line); border-radius:var(--radius); }
.start-continuation h2 { font-size:17px; overflow-wrap:anywhere; }
.start-continuation p { font-size:12px; margin-top:6px; max-width:64ch; }
.start-continuation .actions { margin:0; flex-shrink:0; }
.start-help { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px; margin-top:23px; color:var(--muted); font-size:12px; }
.start-help a { text-decoration:none; }
.start-help a:hover { text-decoration:underline; }
.help-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:34px; }
.help-steps { padding:0; list-style:none; margin:0; counter-reset:step; }
.help-steps li { display:grid; grid-template-columns:30px minmax(0,1fr); gap:18px; border-bottom:1px solid var(--line); padding:22px 0; counter-increment:step; }
.help-steps li:first-child { padding-top:0; }
.help-steps li::before { content:counter(step); color:var(--control); font-size:22px; line-height:1.2; }
.help-steps h2 { font-size:18px; margin-bottom:8px; }
.help-steps p { font-size:13px; }
.help-links { display:flex; flex-direction:column; gap:10px; padding:22px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); align-self:start; }
.help-links h2 { font-size:17px; margin-bottom:5px; }
.help-links a { padding:9px 0; font-size:13px; text-decoration:none; }
.help-links a:hover { text-decoration:underline; }
.guide-sections { max-width:none; margin-top:30px; }
.guide-sections details { padding:19px 22px; }
.guide-sections summary { font-size:15px; }
.guide-sections p,.guide-sections ol { font-size:13px; }
.legacy-entry { margin-top:34px; }
.legacy-entry > summary { color:var(--muted); }
.legacy-entry .page-heading { margin-top:24px; }
.legacy-entry .page-heading h2 { font-size:20px; }
.button:disabled:hover { color:var(--ink); background:transparent; border-color:var(--control); }
.button.run:disabled:hover,.button.accent-outline:disabled:hover { border-color:var(--pink); }
.report-scroll { overscroll-behavior:contain; }
.document h1,.document h2 { text-wrap:balance; }
@media(min-width:1500px){.start-layout { grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr); }.start-tasks .path-card { padding-block:29px; }.sample-start { padding:34px; }}
@media(max-width:1100px){.start-layout { grid-template-columns:1fr; gap:24px; }.sample-start { display:grid; grid-template-columns:1fr auto; gap:8px 24px; align-items:center; }.sample-caption,.sample-start h2,.sample-start p { grid-column:1; margin:0; }.sample-caption { margin-bottom:5px; }.sample-start ul { display:none; }.sample-start .button { grid-column:2;grid-row:1/4;margin:0; }.sample-start small { grid-column:1/-1;margin-top:5px; }.start-continuation { align-items:flex-start;flex-direction:column; }}
@media(max-width:760px){main { padding-top:28px; }.start-heading { margin-top:0; }.start-heading h1 { font-size:30px; }.start-tasks .path-card { gap:15px; }.start-tasks .path-card h2 { font-size:20px; }.sample-start { display:flex;gap:10px; }.sample-start .button { margin-top:12px; }.sample-start h2 { font-size:22px; }.start-continuation { padding:20px; }.help-layout { grid-template-columns:1fr; }.help-links { display:none; }.page-heading { flex-wrap:wrap; }.start-heading p { font-size:14px; }}
@media(max-width:850px){.sidebar .nav-item { flex-direction:column; justify-content:center; gap:5px; padding:9px 3px; min-height:58px; margin:3px 0; }.sidebar .nav-item .nav-copy { display:block; font-size:10px; line-height:1.2; text-align:center; letter-spacing:0; }.sidebar .nav-item .nav-count { display:none; }.sidebar .nav-group { padding-block:4px; }.sidebar .nav-group+.nav-group { margin-top:7px;padding-top:7px; }.sidebar .brand-row { margin-bottom:8px; }.sidebar .account-pop { max-width:calc(100vw - 24px); }}
@media(prefers-reduced-motion:reduce){.task-arrow { transition:none; }.start-tasks .path-card:hover .task-arrow { transform:none; }}
