/* An approachable setup desk, with the terminal kept in its own tab. */
.quickstart-section{position:relative;z-index:4;padding-block:50px 90px;scroll-margin-top:110px}
.quickstart-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;align-items:end;margin-bottom:32px}
.quickstart-label{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:14px}
.quickstart-heading h2{max-width:600px;font-size:clamp(30px,3.7vw,50px);letter-spacing:-.035em;line-height:1.18}
.quickstart-heading>div:last-child>p{max-width:48ch;font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:10px}
.quickstart-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:12px;font-weight:600;color:var(--accent);text-decoration:none}
.quickstart-workspace{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.quickstart-tabs{display:flex;gap:10px;padding:0 30px;border-bottom:1px solid var(--line);background:var(--canvas-surface)}
.quickstart-tabs>button{display:flex;align-items:center;gap:10px;position:relative;border:0;background:transparent;padding:21px 15px;min-height:68px;font-size:14px;color:var(--muted);font-weight:600}
.quickstart-tabs>button[aria-selected=true]{color:var(--accent)}
.quickstart-tabs>button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:15px;right:15px;height:2px;background:var(--accent)}
.quickstart-soon,.quickstart-published{display:inline-flex;align-items:center;white-space:nowrap;align-self:start;font-size:10px;line-height:1.5;padding:4px 8px;border-radius:4px;font-weight:400}
.quickstart-soon{background:#ecefe8;color:#56604f}
.quickstart-published{color:var(--accent);background:var(--accent-soft)}
.quickstart-tabs .quickstart-soon{align-self:center}
.quickstart-panel{padding:32px 44px 26px}
.quickstart-panel-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}
.quickstart-panel-intro h3{font-size:clamp(21px,2vw,27px);font-weight:600;letter-spacing:-.025em;line-height:1.35}
.quickstart-panel-intro p{font-size:13px;color:var(--muted);line-height:1.8;max-width:65ch;margin-top:10px}
.quickstart-panel h4{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 12px}
.quickstart-guide{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.65fr);gap:44px}
.quickstart-steps{list-style:none;padding:5px 0;margin:0}
.quickstart-steps>li+li{margin-top:10px}
.quickstart-steps button{width:100%;display:flex;align-items:center;gap:15px;background:transparent;border:0;padding:10px 12px 10px 0;text-align:left;font-size:13px;min-height:53px;line-height:1.45;color:var(--muted)}
.quickstart-step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;background:var(--bg)}
.quickstart-steps button[aria-current=step]{color:var(--ink);font-weight:600}
.quickstart-steps button[aria-current=step] .quickstart-step-number{background:var(--accent);border-color:var(--accent);color:#fff}
.quickstart-stage{min-width:0}
.quickstart-screen>h4{font-size:19px;letter-spacing:-.015em;margin-bottom:8px}
.quickstart-screen-intro{font-size:12px;color:var(--muted);line-height:1.8;max-width:65ch;min-height:44px}
.quickstart-screen-preview{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:var(--canvas-surface);color:var(--ink)}
.quickstart-preview-label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.quickstart-app,.quickstart-welcome{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px;gap:10px}
.quickstart-app>strong{font-size:19px;line-height:1.5}
.quickstart-app>p{font-size:11px;color:var(--muted)}
.quickstart-app>img,.quickstart-welcome>img{width:42px;height:42px;filter:grayscale(.65)}
.quickstart-platform,.quickstart-shell{display:flex;flex-wrap:wrap;gap:4px}
.quickstart-platform{justify-content:center;margin-block:8px}
.quickstart-platform button,.quickstart-shell button{font-size:11px;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted)}
.quickstart-platform button[aria-pressed=true],.quickstart-shell button[aria-pressed=true]{color:var(--ink);border-color:var(--line);background:var(--bg)}
.quickstart-unavailable{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:10px 18px;border:1px solid #d5dad0;background:#e9ede4;color:#59624f;border-radius:6px;font-size:12px;cursor:not-allowed;opacity:1}
.quickstart-browser-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:9px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}
.quickstart-browser-bar>span{letter-spacing:3px;color:#808874}
.quickstart-browser code{font-size:11px}
.quickstart-welcome>strong{font-size:20px;line-height:1.5}
.quickstart-welcome>p{font-size:12px;line-height:1.7;color:var(--muted);max-width:37ch}
.quickstart-welcome>.quickstart-unavailable{margin-top:8px}
.quickstart-models,.quickstart-examples,.quickstart-question{padding:22px 24px}
.quickstart-models>div{position:relative;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.quickstart-models strong{font-size:13px;font-weight:600;display:block}
.quickstart-models p{font-size:11px;color:var(--muted);margin-top:3px}
.quickstart-model-status{font-size:10px;display:inline-block;color:var(--muted);padding-top:8px}
.quickstart-examples>div{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.quickstart-examples>div:first-child{padding-top:0}
.quickstart-example-symbol{background:var(--surface);width:40px;height:40px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-size:17px;color:var(--green)}
.quickstart-examples strong{font-size:14px}.quickstart-examples p{font-size:11px;color:var(--muted);line-height:1.7}
.quickstart-examples>p{margin-block:14px}
.quickstart-question-draft{margin-left:22px;padding:15px 18px;font-size:14px;line-height:1.6;border-radius:7px;background:var(--surface)}
.quickstart-answer-hint{display:flex;align-items:center;gap:15px;margin:28px 0}
.quickstart-answer-hint img{width:28px;height:28px;filter:grayscale(.65)}
.quickstart-answer-hint p{font-size:12px;line-height:1.8;color:var(--muted);max-width:40ch}
.quickstart-expected{display:flex;flex-direction:column;gap:3px;margin-top:16px;font-size:12px;color:var(--muted);line-height:1.7}
.quickstart-expected strong{font-size:10px;font-weight:600;color:var(--ink)}
.quickstart-step-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.quickstart-step-controls>span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.quickstart-step-controls>div{display:flex;gap:8px}
.quickstart-step-controls button{display:flex;align-items:center;gap:18px;font-size:12px;min-height:44px;padding:8px 12px;border:0;border-radius:5px;background:transparent;color:var(--accent);font-weight:600}
.quickstart-step-controls button:disabled{color:#777e70;cursor:default}
.quickstart-step-controls button[data-quick-next]{background:var(--accent-soft)}
.quickstart-disclosure{color:var(--muted);font-size:10px;line-height:1.8;max-width:85ch;margin:26px 0 0}
.quickstart-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:18px 44px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.quickstart-footer a{color:var(--accent);font-weight:600;display:inline-flex;gap:15px;align-items:center;min-height:40px}
.quickstart-footer small{margin-left:auto;font-size:10px}
.quickstart-requirements{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:18px 0 22px;margin-bottom:22px;border-block:1px solid var(--line);font-size:12px;line-height:1.8}
.quickstart-requirements strong{font-weight:600}.quickstart-requirements p{color:var(--muted);max-width:72ch}
.quickstart-requirements p+p{margin-top:8px}
.quickstart-code-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}
.quickstart-code-heading h4{margin-bottom:0}
.quickstart-command{position:relative;background:#1e2b22;color:#f1f6e9;border-radius:6px;min-width:0;padding:22px 24px;margin-block:12px 18px}
.quickstart-command pre{margin:0;padding:0;line-height:1.9;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.quickstart-command code{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.quickstart-command button{display:inline-flex;gap:8px;align-items:center;min-height:36px;padding:7px 10px;margin-top:16px;border:1px solid #647160;border-radius:5px;background:transparent;color:#e1ecd6;font-size:11px}
.quickstart-command button:disabled{opacity:.7;cursor:default}
.quickstart-command svg{width:16px;height:16px;flex-shrink:0}
.quickstart-copy-status{display:inline-block;max-width:100%;font-size:11px;line-height:1.7;color:#c2d7b6;margin-left:14px}
.quickstart-env{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:20px;row-gap:6px;margin-block:26px 30px;padding:20px 0;border-block:1px solid var(--line)}
.quickstart-env h4{color:var(--accent)}
.quickstart-env ul{padding:0 0 0 16px;margin:0;font-size:12px;color:var(--muted);line-height:1.9}
.quickstart-env>p{grid-column:2;font-size:11px;color:var(--muted);line-height:1.8;max-width:65ch}
.quickstart-command-note{font-size:12px;color:var(--muted);line-height:1.85;max-width:76ch;margin:10px 0 18px}
.quickstart-source-links{display:flex;gap:18px 32px;flex-wrap:wrap}
.quickstart-skill-list{margin:30px 0;padding:0}
.quickstart-skill-list>div{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}
.quickstart-skill-list dt code{font-size:12px;overflow-wrap:anywhere}
.quickstart-skill-list dd{margin:0;color:var(--muted)}
.quickstart-expanded{padding-block:10px 55px}
.quickstart-preparation{padding-block:15px 60px;border-bottom:1px solid var(--line)}
.quickstart-preparation h2{font-size:clamp(27px,3vw,38px);line-height:1.3;letter-spacing:-.025em}
.quickstart-preparation>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:65ch;margin-top:18px}
.quickstart-preparation dl{margin:32px 0 15px}
.quickstart-preparation dl>div{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.5fr);gap:35px;padding:20px 0;border-top:1px solid var(--line)}
.quickstart-preparation dt{font-size:14px;font-weight:600}.quickstart-preparation dd{font-size:13px;color:var(--muted);line-height:1.85;margin:0;max-width:65ch}



.quickstart-section:not(.is-enhanced) .quickstart-panel+.quickstart-panel{border-top:1px solid var(--line)}
.quickstart-section :is(button,a,code):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.quickstart-command :is(button,code):focus-visible{outline-color:#c2e398}
.quickstart-tabs>button:focus-visible{outline-offset:-5px}
@media(hover:hover) and (pointer:fine){.quickstart-tabs button:hover,.quickstart-steps button:hover{color:var(--accent)}.quickstart-link:hover,.quickstart-footer a:hover{text-decoration:underline;text-underline-offset:4px}.quickstart-platform button:hover,.quickstart-shell button:hover{background:var(--surface)}.quickstart-step-controls button:not(:disabled):hover{background:var(--surface)}.quickstart-command button:not(:disabled):hover{background:#2e4032}}
@media(prefers-reduced-motion:no-preference){.quickstart-section.is-enhanced .quickstart-screen:not([hidden]){animation:quickstart-settle 160ms cubic-bezier(.22,1,.36,1)}.quickstart-tabs button,.quickstart-steps button,.quickstart-step-number{transition:color 150ms ease,background-color 150ms ease}}
@keyframes quickstart-settle{from{transform:translateY(3px)}to{transform:translateY(0)}}
html[data-motion=still] .quickstart-section *,html[data-paused=true] .quickstart-section *{animation:none!important;transition:none!important}
@media(max-width:1050px){.quickstart-heading{gap:30px}.quickstart-guide{grid-template-columns:200px minmax(0,1fr);gap:25px}.quickstart-panel{padding:28px}.quickstart-tabs{padding-inline:14px}.quickstart-tabs>button{gap:8px;padding-inline:12px}.quickstart-footer{padding-inline:28px}.quickstart-env{grid-template-columns:1fr}.quickstart-env>p{grid-column:1}}
@media(max-width:760px){.quickstart-section{padding-block:35px 60px}.quickstart-heading{grid-template-columns:1fr;gap:18px}.quickstart-heading h2{font-size:clamp(30px,6.7vw,43px)}.quickstart-heading>div:last-child>p{font-size:13px}.quickstart-tabs{gap:0;padding-inline:8px;justify-content:space-between}.quickstart-tabs>button{font-size:12px;flex-direction:column;gap:4px;justify-content:center;min-height:76px;padding:12px 9px}.quickstart-tabs .quickstart-soon{font-size:9px;padding:2px 5px}.quickstart-panel{padding:24px 20px}.quickstart-panel-intro{flex-direction:column;gap:12px;margin-bottom:23px}.quickstart-panel-intro h3{font-size:22px}.quickstart-panel-intro p{font-size:12px}.quickstart-guide{grid-template-columns:1fr;gap:24px}.quickstart-steps{display:flex;gap:0;justify-content:space-between;padding:0;border-bottom:1px solid var(--line)}.quickstart-steps>li{flex:1;min-width:0}.quickstart-steps>li+li{margin:0}.quickstart-steps button{flex-direction:column;align-items:center;justify-content:flex-start;font-size:10px;text-align:center;gap:9px;padding:0 4px 18px;min-height:92px}.quickstart-step-number{width:28px;height:28px;font-size:10px}.quickstart-screen-intro{min-height:0}.quickstart-screen>h4{font-size:18px}.quickstart-app,.quickstart-welcome{padding:20px 16px}.quickstart-models,.quickstart-examples,.quickstart-question{padding:20px 16px}.quickstart-app>strong{font-size:18px}.quickstart-step-controls{gap:5px}.quickstart-step-controls>span{font-size:10px}.quickstart-step-controls button{font-size:11px;padding:8px;gap:8px}.quickstart-footer{padding:12px 20px;gap:7px 16px;font-size:11px}.quickstart-footer small{font-size:9px}.quickstart-requirements{grid-template-columns:1fr;gap:8px;font-size:11px}.quickstart-command{padding:18px 16px}.quickstart-command pre{font-size:12px}.quickstart-copy-status{display:block;margin:8px 0 0}.quickstart-copy-status:empty{margin:0}.quickstart-env ul{font-size:11px}.quickstart-skill-list>div{grid-template-columns:1fr;gap:5px}.quickstart-disclosure{font-size:10px}.quickstart-preparation{padding-bottom:40px}.quickstart-preparation dl>div{grid-template-columns:1fr;gap:8px}.quickstart-preparation>p{font-size:13px}.quickstart-expanded{padding-top:0}}
@media(max-width:390px){.quickstart-panel{padding-inline:15px}.quickstart-tabs{padding-inline:3px}.quickstart-tabs>button{font-size:11px;padding-inline:7px}.quickstart-steps button{font-size:9px;line-height:1.5;padding-inline:2px}.quickstart-step-controls>span{flex-basis:100%}.quickstart-step-controls>div{width:100%;justify-content:space-between}.quickstart-footer small{margin-left:0}.quickstart-platform button{padding-inline:8px;font-size:10px}}
@media(forced-colors:active){.quickstart-step-number,.quickstart-workspace,.quickstart-screen-preview,.quickstart-command,.quickstart-unavailable{border:1px solid CanvasText}.quickstart-command{background:Canvas;color:CanvasText}.quickstart-command button,.quickstart-copy-status{color:CanvasText}.quickstart-tabs>button[aria-selected=true]:after{background:Highlight}.quickstart-steps button[aria-current=step] .quickstart-step-number{background:Highlight;color:HighlightText}}

.content-page.family-start .page-hero{padding-block:45px 35px}.family-start .page-hero h1{font-size:clamp(38px,4.8vw,64px);line-height:1.15}.family-start .page-hero .page-lede{max-width:60ch}.family-start .quickstart-expanded{padding-top:0}