/* Task recordings and the paper's 18-operation interface. */
.task-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.domain-filters{display:flex;gap:5px;padding:5px;background:var(--wash);border:1px solid var(--line);border-radius:7px}.domain-filters button{border:0;background:transparent;color:var(--muted);font-size:14px;padding:8px 14px;border-radius:4px;white-space:nowrap}.domain-filters button[aria-pressed=true]{background:var(--ink);color:white}.domain-filters button span{font-size:11px;opacity:.75;margin-left:6px}.api-jump{font-size:13px;text-decoration:none;color:var(--deep);white-space:nowrap}.api-jump span{margin-left:10px}.task-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:30px}.task-choice{padding:0;background:white;text-align:left;border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative;min-width:0}.task-choice:hover{border-color:#8dafaa}.task-choice[aria-pressed=true]{border-color:var(--deep);box-shadow:0 0 0 2px var(--deep)}.task-choice img{width:100%;aspect-ratio:4/3;object-fit:cover}.task-choice-text{display:block;padding:9px 10px 11px}.task-choice strong{display:block;font-size:13px;font-weight:600;line-height:1.35}.task-choice small{font-size:10px;letter-spacing:.02em;color:var(--muted);display:block;margin-bottom:4px}.task-choice[aria-pressed=true] .task-choice-text{background:#ebf8f4}.task-choice[hidden]{display:none}.task-explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--wash)}.task-preview{min-width:0;padding:28px}.selected-heading{min-height:110px}.environment-tag{display:inline-block;color:var(--deep);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:8px}.selected-heading h3{font-size:27px;letter-spacing:-.035em;margin:0 0 8px}.selected-heading p{font-size:14px;color:var(--muted);margin-bottom:20px}.task-preview video{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:4px;background:#10191f}.task-media-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}.task-media-meta a{white-space:nowrap;text-underline-offset:3px}.task-flow{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;color:var(--deep)}.task-flow i{font-style:normal;color:#91aaa5}.task-evidence-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}.task-code-panel{min-width:0;background:#101d25;color:#e5eeef;display:flex;flex-direction:column}.code-tabs{display:flex;gap:24px;padding:14px 22px 0;border-bottom:1px solid #ffffff20}.code-tabs button{border:0;border-bottom:2px solid transparent;color:#a5b9c1;font-size:13px;padding:8px 0 14px;background:transparent;white-space:nowrap}.code-tabs button[aria-pressed=true]{color:#68E8D5;border-bottom-color:#68E8D5}.code-filebar{display:flex;align-items:center;gap:12px;padding:12px 20px;font:11px Consolas,monospace;color:#a3b8c1;border-bottom:1px solid #ffffff13}.code-filebar>span{margin-right:auto;overflow:hidden;text-overflow:ellipsis}.code-filebar button,.code-filebar a{font:12px 'Segoe UI',sans-serif;border:1px solid #ffffff30;border-radius:3px;padding:3px 8px;background:transparent;color:#dcebea;text-decoration:none}.task-code-panel pre{margin:0;padding:20px 22px;overflow:auto;white-space:pre;font:12px/1.85 Consolas,'Courier New',monospace;height:510px;flex:1;min-height:0;max-height:570px;tab-size:4;scrollbar-color:#405964 #101d25}.task-code-panel pre:focus-visible{outline:2px solid var(--brand-mint);outline-offset:-4px}.task-code-panel .py-comment{color:#93aab1}.task-code-panel .py-keyword{color:#c5b5f0}.task-code-panel .py-string{color:#c9de9e}.task-code-panel .py-api{color:#68E8D5}.code-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a3b8c1;border-top:1px solid #ffffff20;padding:13px 20px}.task-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.api-reference{margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.api-reference summary{gap:24px;padding:22px 0}.api-reference summary>span:first-child{margin-right:auto}.api-reference summary strong{font-size:17px}.api-reference summary small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.api-counts{font-size:12px;font-weight:400;color:var(--deep)}.api-reference .api-intro{font-size:14px;max-width:900px}.api-groups{display:grid;grid-template-columns:1.12fr 1fr .85fr;gap:34px;margin:32px 0}.api-group h4{font-size:14px;margin:0 0 18px}.api-group h4 span{color:var(--deep);margin-left:7px;font-weight:400}.api-group dl{margin:0}.api-group dl>div{border-top:1px solid var(--line);padding:12px 0}.api-group dt{font-size:12px;overflow-wrap:anywhere}.api-group dt code{font-family:Consolas,monospace;color:var(--deep);font-weight:600}.api-group dd{margin:5px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.api-download{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 28px}.api-download>span{font-size:12px;color:var(--muted)}.task-code-panel button:focus-visible,.task-code-panel a:focus-visible{outline-color:var(--brand-mint)}
@media(max-width:1050px){.task-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.task-preview{padding:22px}.task-code-panel pre{font-size:11px;padding:18px}.code-tabs{gap:20px;padding-left:18px}.api-groups{grid-template-columns:1fr 1fr;gap:26px}.api-group:last-child{grid-column:1/-1}.api-group:last-child dl{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.selected-heading h3{font-size:24px}.task-flow{font-size:11px}nav{gap:22px}}
@media(max-width:700px){.task-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}.domain-filters{width:100%;gap:2px}.domain-filters button{flex:1;font-size:12px;padding:8px 7px}.api-jump{font-size:12px}.task-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:24px}.task-choice-text{padding:7px}.task-choice strong{font-size:11px}.task-choice small{font-size:9px}.task-explorer{grid-template-columns:1fr}.task-preview{padding:20px}.selected-heading{min-height:0}.selected-heading h3{font-size:25px}.selected-heading p{font-size:13px}.task-preview video{aspect-ratio:4/3}.task-media-meta{font-size:10px}.task-flow{font-size:11px}.task-evidence-note{font-size:11px}.task-code-panel pre{height:370px;max-height:370px;flex:none;font-size:11px;padding:16px}.code-tabs{gap:26px}.api-reference summary{flex-wrap:wrap;gap:8px}.api-reference summary>span:first-child{max-width:85%}.api-counts{display:none}.api-groups{grid-template-columns:1fr;gap:18px}.api-group:last-child{grid-column:auto}.api-group:last-child dl{display:block}.api-download{display:block}.api-download>span{display:block;margin-bottom:14px}.api-reference summary small{font-size:11px}nav{gap:13px}nav a{font-size:12px}.site-header{gap:12px}.site-header nav a[href="#overview"]{display:none}}
@media(max-width:380px){.site-header nav{gap:10px}.site-header nav a{font-size:11px}.site-header .brand{font-size:20px}.task-choice strong{font-size:10px}}

.task-code-panel pre.memory-view{font:14px/1.8 "Segoe UI",Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.memory-view code{font:inherit}.code-footer{font-size:10px;flex-wrap:wrap}
@media(max-width:700px){.task-code-panel pre.memory-view{font-size:13px}}

/* Suite navigation and a balanced overview keep all collections visible. */
.real-task-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.real-task-filters[hidden]{display:none}.real-task-filters button{border:1px solid var(--line);background:white;color:var(--muted);border-radius:20px;padding:8px 13px;font-size:12px;white-space:nowrap}.real-task-filters button span{font-size:10px;margin-left:5px;opacity:.7}.real-task-filters button[aria-pressed=true]{background:#e2f4ef;color:var(--deep);border-color:var(--deep)}
.task-code-panel [hidden]{display:none!important}.task-stage-select{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid #ffffff20}.task-stage-select label{font-size:11px;color:#a3b8c1;white-space:nowrap}.task-stage-select select{min-width:0;width:100%;font:12px 'Segoe UI',sans-serif;padding:7px;border:1px solid #ffffff30;border-radius:4px;color:#e5eeef;background:#182b34}.task-code-panel pre{position:relative;max-height:600px}.code-line{position:relative}.code-line.active-code-line{background:#68e8d526;box-shadow:-8px 0 0 #68e8d5}.task-program-steps{overflow:auto;max-height:600px;height:510px;padding:18px 22px;color:#dcebea;font-size:13px;line-height:1.7}.task-program-steps ol{padding-left:20px}.task-program-steps li{padding-left:5px;margin-bottom:18px}.task-program-steps li::marker{color:#68e8d5}.task-program-steps strong{font-weight:600;color:#f2f8f8}.task-program-steps p{margin:6px 0 0;color:#a3b8c1}.task-program-steps .program-summary{margin:0 0 24px;color:#dcebea}.task-code-panel select:focus-visible{outline-color:var(--brand-mint)}
.task-choice-play{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#101d25d9;color:#fff;box-shadow:0 1px 5px #0002;pointer-events:none}.task-choice-play svg{width:18px;height:18px;fill:currentColor}.task-choice:hover .task-choice-play{background:var(--deep)}
.task-explorer{scroll-margin-top:100px}.task-playback{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.task-play-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;padding:10px 14px;border:1px solid var(--deep);border-radius:5px;background:var(--deep);color:white;font:600 13px 'Segoe UI',sans-serif}.task-play-toggle svg{width:18px;height:18px;fill:currentColor}.task-play-toggle .pause-shape,.task-play-toggle.playing .play-shape{display:none}.task-play-toggle.playing .pause-shape{display:block}.task-playback-status{font-size:12px;line-height:1.5;color:var(--muted);flex:1;min-width:110px}
.task-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:14px}
.domain-filters{flex-wrap:wrap;max-width:100%}
.domain-filters button{padding:8px 11px;font-size:13px}
.task-gallery-summary{font-size:12px;color:var(--muted);margin:0 0 20px}
.task-picker{margin-bottom:24px}
.task-more-row{display:flex;justify-content:center;margin:-4px 0 28px}
.task-more-row:has(button[hidden]){display:none}
.task-show-more{border:1px solid var(--line);border-radius:5px;padding:10px 18px;color:var(--deep);background:var(--paper);font-size:13px}
.task-show-more:hover{border-color:var(--deep);background:var(--wash)}
@media(max-width:700px){.domain-filters button{flex:0 1 auto;font-size:12px;padding:8px 9px}.domain-filters{gap:4px}.task-gallery-summary{line-height:1.6}.task-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.task-choice strong{font-size:12px}.task-choice small{font-size:10px}}

.task-flow[hidden]{display:none}