/* Guided pipeline only: include after styles.css. */
[data-pipeline] [hidden] { display:none!important; }
[data-pipeline] .pipeline-tabs { display:grid; grid-template-columns:repeat(7,minmax(52px,1fr)); overflow-x:auto; gap:3px; padding-bottom:9px; justify-content:normal; scrollbar-width:thin; scrollbar-color:#467d78 transparent; }
[data-pipeline] .pipeline-tabs button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:48px; padding:7px 3px; border:1px solid transparent; border-radius:5px; line-height:1.25; font-family:var(--sans); }
[data-pipeline] .pipeline-tabs button:hover { background:#1b4648; }
[data-pipeline] .pipeline-tabs button.active { background:#1c4d49; border-color:#4eaa96; color:#a3f3de; }
[data-pipeline] .pipeline-tabs .pipeline-step-index { font-family:var(--mono); font-size:9px; color:var(--muted); }
[data-pipeline] .pipeline-tabs .pipeline-step-name { font-size:9px; font-weight:600; letter-spacing:0; }
[data-pipeline] .pipeline-tabs button.active .pipeline-step-index { color:#a3f3de; }
[data-pipeline] .pipeline-explanation { min-height:0; padding:20px 0 0; }
[data-pipeline] .pipeline-explanation h3 { margin:0 0 8px; font-family:var(--serif); font-size:19px; line-height:1.3; font-weight:600; letter-spacing:-.4px; }
[data-pipeline] .pipeline-explanation h3 > span { display:block; margin-bottom:8px; color:#87c9b9; font-family:var(--mono); font-size:8px; letter-spacing:.09em; font-weight:400; }
[data-pipeline] .pipeline-explanation p { font-size:12px; line-height:1.7; margin:0; color:#bbd4cd; }
[data-pipeline] .pipeline-scene { padding:24px 0 16px; min-height:0; }
[data-pipeline] .pipeline-controls { display:block; border-top:1px solid #31565a; padding-top:15px; margin-top:0; }
[data-pipeline] .pipeline-controls label { font-family:var(--sans); font-size:11px; font-weight:600; }
[data-pipeline] .pipeline-controls select { min-height:44px; border-color:#5b8984; border-radius:5px; font:16px var(--sans); padding:8px 10px; color:var(--ink); }
[data-pipeline] .pipeline-controls input[type=range] { width:100%; height:44px; margin:9px 0 0; }
[data-pipeline] .pipeline-control-help { font-size:10px; line-height:1.65; color:#a7c3bf; margin:7px 0 0; }
[data-pipeline] .pipeline-navigation { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; margin-top:18px; }
[data-pipeline] .pipeline-navigation [data-back] { grid-column:1; font-size:10px; min-height:44px; }
[data-pipeline] .pipeline-count { justify-self:start; font-size:9px; }
[data-pipeline] .pipeline-navigation [data-next] { justify-self:end; grid-column:3; font-family:var(--sans); font-size:11px; min-height:44px; padding:11px 13px; text-align:center; line-height:1.35; white-space:normal; }
[data-pipeline] .pipeline-secondary-actions { margin-top:5px; }
[data-pipeline] .pipeline-secondary-actions .text-button { min-height:44px; color:#9ac8bd; font-size:10px; }
[data-pipeline] .pipeline-secondary-actions [data-resample] { color:#a3f3de; text-decoration:underline; text-underline-offset:4px; }
[data-pipeline] .pipeline-chart-note,[data-pipeline] .pipeline-takeaway { font-family:var(--sans); font-size:10px; line-height:1.7; color:#a7c3bf; margin:13px 0 0; text-align:center; }
[data-pipeline] .pipeline-choice { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 12px; padding:12px 10px; margin-bottom:18px; background:#113c3b; border:1px solid #4e9a87; border-radius:6px; }
[data-pipeline] .pipeline-choice > span { font-size:10px; color:#c6e5da; }
[data-pipeline] .pipeline-choice > strong { font-family:var(--serif); font-size:25px; color:#98f0d9; line-height:1.1; }
[data-pipeline] .pipeline-choice > small { font-family:var(--mono); font-size:9px; color:#bbd4cd; }
[data-pipeline] .pipeline-loop-link { display:block; color:#8be9d6; font-size:11px; line-height:1.6; text-align:center; margin-top:15px; text-underline-offset:4px; }
[data-pipeline] .pipeline-math { margin-top:13px; padding-top:13px; border-top:1px solid #31565a; }
[data-pipeline] .pipeline-math > summary { cursor:pointer; min-height:44px; padding-block:8px; font-size:11px; line-height:1.6; color:#8be9d6; }
[data-pipeline] .pipeline-math-content { padding:8px 0 1px; font-size:11px; line-height:1.8; color:#bbd4cd; }
[data-pipeline] .pipeline-math-content p { margin:0 0 12px; }
[data-pipeline] .pipeline-math-content .table-scroll { margin:12px 0; }
[data-pipeline] .pipeline-math-content table { font-size:10px; }
[data-pipeline] .pipeline-math-content th,[data-pipeline] .pipeline-math-content td { padding:9px 10px; }
[data-pipeline] .pipeline-math-content caption { font-size:10px; color:#a7c3bf; text-align:left; margin-bottom:8px; }
[data-pipeline] .pipeline-math-content .inline-link { color:#8be9d6; font-size:11px; }
[data-pipeline] .pipeline-progress-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-pipeline] > .fine-print { margin-top:13px; font-size:9px; }
[data-pipeline].full-pipeline .pipeline-tabs .pipeline-step-name { font-size:12px; }
[data-pipeline].full-pipeline .pipeline-tabs .pipeline-step-index { font-size:10px; }
[data-pipeline].full-pipeline .pipeline-explanation { padding-top:25px; }
[data-pipeline].full-pipeline .pipeline-explanation h3 { font-size:27px; }
[data-pipeline].full-pipeline .pipeline-explanation h3 > span { font-size:10px; }
[data-pipeline].full-pipeline .pipeline-explanation p { font-size:15px; max-width:760px; }
[data-pipeline].full-pipeline .pipeline-scene { max-width:670px; margin-inline:auto; padding:28px 0 24px; }
[data-pipeline].full-pipeline .pipeline-controls { max-width:670px; margin-inline:auto; padding-top:20px; }
[data-pipeline].full-pipeline .pipeline-controls label { font-size:13px; }
[data-pipeline].full-pipeline .pipeline-controls select { font-size:16px; }
[data-pipeline].full-pipeline .pipeline-control-help { font-size:12px; }
[data-pipeline].full-pipeline .pipeline-navigation { margin-top:23px; }
[data-pipeline].full-pipeline .pipeline-navigation [data-next] { font-size:13px; padding:13px 18px; }
[data-pipeline].full-pipeline .pipeline-navigation [data-back],[data-pipeline].full-pipeline .pipeline-secondary-actions .text-button { font-size:12px; }
[data-pipeline].full-pipeline .pipeline-choice { padding:17px; }
[data-pipeline].full-pipeline .pipeline-choice > strong { font-size:34px; }
[data-pipeline].full-pipeline .pipeline-choice > span,[data-pipeline].full-pipeline .pipeline-choice > small { font-size:12px; }
[data-pipeline].full-pipeline .pipeline-chart-note,[data-pipeline].full-pipeline .pipeline-takeaway,[data-pipeline].full-pipeline .pipeline-loop-link { font-size:12px; }
[data-pipeline].full-pipeline .pipeline-math > summary,[data-pipeline].full-pipeline .pipeline-math-content { font-size:13px; }
[data-pipeline].full-pipeline .pipeline-math-content table { font-size:12px; }
@media(max-width:520px){
 [data-pipeline] .pipeline-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; overflow:visible; }
 [data-pipeline] .pipeline-tabs button,[data-pipeline] .pipeline-tabs button:nth-child(3),[data-pipeline] .pipeline-tabs button:nth-child(5),[data-pipeline] .pipeline-tabs button:nth-child(7) { min-width:0; grid-column:auto; padding:7px 2px; }
 [data-pipeline].full-pipeline .pipeline-tabs .pipeline-step-name { font-size:10px; }
 [data-pipeline].full-pipeline .pipeline-explanation h3 { font-size:22px; }
 [data-pipeline].full-pipeline .pipeline-explanation p { font-size:13px; }
 [data-pipeline].full-pipeline .pipeline-navigation [data-next] { font-size:11px; padding:11px 12px; }
 [data-pipeline] .pipeline-navigation { display:flex; flex-wrap:wrap; gap:7px; }
 [data-pipeline] .pipeline-navigation .pipeline-count { margin-left:auto; }
 [data-pipeline] .pipeline-navigation [data-next] { flex:1 0 100%; width:100%; max-width:none; justify-content:center; }
 [data-pipeline] .pipeline-choice > small { flex-basis:100%; text-align:center; }
 [data-pipeline].full-pipeline .pipeline-controls label { font-size:12px; }
 [data-pipeline].full-pipeline .pipeline-control-help { font-size:11px; }
}
/* Keep the first action visible in the home-page introduction. */
[data-pipeline][data-compact] .model-box,[data-pipeline][data-compact] .signal-lines{display:none}
[data-pipeline][data-compact] .pipeline-top{margin-bottom:12px}
[data-pipeline][data-compact] .pipeline-scene{padding:18px 0}
[data-pipeline][data-compact] .scene-label{margin-bottom:14px}
@media(min-width:801px){.hero{padding-block:44px}}

/* Readable controls and keyboard access to optional numerical tables. */
[data-pipeline],[data-pipeline] .pipeline-scene,[data-pipeline] .pipeline-explanation,[data-pipeline] .pipeline-controls,[data-pipeline] .pipeline-math-content{min-width:0}
[data-pipeline] :is(.pipeline-explanation,.pipeline-math-content,.pipeline-control-help,.continuation-text){overflow-wrap:anywhere}
[data-pipeline] .pipeline-loop-link,[data-pipeline] .pipeline-math-content .inline-link{display:flex;align-items:center;min-height:44px}
[data-pipeline] .pipeline-loop-link{justify-content:center}
[data-pipeline] .table-scroll:focus-visible{outline:3px solid #f0c78b;outline-offset:3px}
@media(forced-colors:active){
 [data-pipeline] .pipeline-tabs button{background:ButtonFace;color:ButtonText;border-color:ButtonText}
 [data-pipeline] .pipeline-tabs button.active{background:Highlight;color:HighlightText;border-color:Highlight}
 [data-pipeline] .pipeline-tabs button.active .pipeline-step-index,[data-pipeline] .pipeline-tabs button.active .pipeline-step-name{color:HighlightText}
 [data-pipeline] .pipeline-bar>div{background:Canvas;border:1px solid CanvasText}
 [data-pipeline] .pipeline-bar i,[data-pipeline] .attention-line{forced-color-adjust:none;background:Highlight}
 [data-pipeline] .pipeline-bar.chosen{outline:2px solid Highlight;outline-offset:3px}
 [data-pipeline] .token-block,[data-pipeline] .model-box,[data-pipeline] .pipeline-choice{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 [data-pipeline] .token-unknown{border-style:dashed}
 [data-pipeline] .table-scroll:focus-visible{outline-color:Highlight}
}