/* Recognizable app chrome surrounds illustrative work, never a live account. */
.chapter-track .live-feature { grid-template-columns:1.25fr .85fr;gap:65px; }
.task-scene { position:relative;width:100%;height:524px;max-width:605px;justify-self:center; }
.task-request,.task-reply { position:absolute;display:flex;align-items:center;gap:10px;white-space:nowrap;font:13px/1.3 system-ui; }
.task-request { right:12px;top:0;padding:13px 18px;border:1px solid #fff9;border-radius:25px;background:#f6faf9e6;color:#365462;box-shadow:0 6px 16px -12px #193d4b; }
.task-request>img{width:20px;height:20px}.task-reply{top:59px;right:43px;min-width:217px;height:48px;padding:6px 17px 6px 7px;border-radius:28px;background:#111c24;color:#eef5f5;border:1px solid #67747d;box-shadow:inset 0 1px #c3d2dd44,0 9px 17px -12px #163c4c66}.task-reply .emble-orb{width:34px;height:34px}.task-wave{display:flex;align-items:center;gap:2px;height:20px}.task-wave i{width:2px;height:10px;border-radius:2px;background:#bedce9;animation:task-speaking 950ms ease-in-out infinite alternate}.task-wave i:nth-child(2),.task-wave i:nth-child(4){height:17px;animation-delay:-300ms}.task-wave i:nth-child(3){height:20px;animation-delay:-650ms}.task-scene[data-step=complete] .task-wave i,.task-scene[data-step=request] .task-wave i{animation-play-state:paused}@keyframes task-speaking{to{transform:scaleY(.3)}}
.task-window{position:absolute;top:127px;left:0;right:0;height:343px;background:#fff;border:1px solid #fff;border-radius:12px;overflow:hidden;box-shadow:0 23px 34px -18px #17384955,0 1px 4px #203c4f33;font-family:Arial,Helvetica,sans-serif;color:#202124}
.task-browserbar{height:25px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#f6f6f7,#e9eaec);border-bottom:1px solid #d4d7da;color:#56616a;font:9px system-ui}.task-traffic{display:flex;gap:5px}.task-traffic i{width:7px;height:7px;border-radius:50%;background:#ff6058;border:.5px solid #cf4e48}.task-traffic i:nth-child(2){background:#ffbd2e;border-color:#dc9f22}.task-traffic i:nth-child(3){background:#28c840;border-color:#20ab34}.browser-window-mark{color:#889197;font-size:13px}.task-app{height:289px;overflow:hidden}.task-app[hidden]{display:none}
.gmail-topbar{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#f6f8fc;font-size:17px;color:#5f6368}.gmail-menu{font-size:13px;margin-right:4px}.gmail-topbar>img{width:27px;height:27px;object-fit:contain}.gmail-search{display:flex;align-items:center;gap:10px;flex:1;margin-left:10px;padding:8px 11px;background:#eaf1fb;border-radius:18px;color:#5f6368;font-size:16px}.gmail-search>span{font-size:10px}.google-avatar{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#567856;color:white;font:10px Arial}
.gmail-layout{display:flex;height:246px;background:#f6f8fc}.gmail-sidebar{width:100px;flex:none;padding:7px 6px;color:#444746;font-size:9px}.gmail-sidebar>span,.gmail-sidebar>b{display:block;padding:5px 10px;font-weight:400}.gmail-sidebar .gmail-compose{border-radius:11px;background:#c2e7ff;color:#001d35;padding:12px 5px;margin:0 2px 9px;font-size:10px}.gmail-sidebar small{float:right;font-size:8px}.gmail-sidebar>b{background:#d3e3fd;color:#001d35;border-radius:0 14px 14px 0;font-weight:600}.gmail-sidebar .gmail-drafts{font-weight:600}.gmail-draft{position:relative;margin:3px 10px 0 0;flex:1;min-width:0;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 1px 8px #23364524;overflow:hidden}.gmail-compose-head{display:flex;justify-content:space-between;padding:9px 11px;font-size:10px;font-weight:600;background:#f2f6fc}.gmail-compose-head>span{font-size:12px;line-height:10px;color:#5f6368}.gmail-recipient{display:flex;align-items:center;gap:9px;margin:0 11px;height:29px;border-bottom:1px solid #e9eaed;font-size:9px;color:#5f6368}.gmail-recipient>b{font-weight:400;border:1px solid #dadce0;border-radius:9px;padding:2px 7px;color:#3c4043}.gmail-cc{margin-left:auto}.gmail-subject{margin:0 11px;padding:8px 0;border-bottom:1px solid #e9eaed;font-size:10px;color:#202124}.gmail-message{padding:0 11px;font-size:11px;line-height:1.4}.gmail-message p{margin:7px 0}.gmail-actions{position:absolute;left:11px;right:10px;bottom:9px;display:flex;align-items:center;gap:10px}.gmail-send{display:flex;align-items:center;gap:14px;background:#0b57d0;color:white;border-radius:15px;padding:7px 12px;font-size:10px}.gmail-send i{font-style:normal;border-left:1px solid #fff5;padding-left:8px}.gmail-format{display:flex;align-items:center;gap:9px;color:#444746;font-size:12px}.gmail-format svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.gmail-draft-status{margin-left:auto;font-size:8px;color:#5f6368}
.task-docs{background:#f8fafd}.docs-header{display:flex;align-items:center;gap:8px;padding:8px 11px 5px;height:48px}.docs-header>img{width:25px;height:30px;object-fit:contain}.docs-title{font-size:12px;line-height:18px;color:#1f1f1f}.docs-title span{font-size:10px;color:#6a6f72;padding-left:8px}.docs-menubar{font-size:8px;line-height:13px;color:#3c4043;white-space:nowrap}.docs-share{margin-left:auto;background:#c2e7ff;border-radius:15px;padding:8px 12px;color:#001d35;font-size:10px}.docs-toolbar{height:28px;margin:0 7px;display:flex;align-items:center;justify-content:space-around;gap:9px;padding:0 10px;border-radius:16px;background:#edf2fa;color:#444746;font-size:9px;white-space:nowrap}.docs-toolbar>span:nth-child(2),.docs-toolbar>span:nth-child(3),.docs-toolbar>span:nth-child(5){border-right:1px solid #d3d9e2;padding-right:9px}.docs-toolbar>b,.docs-toolbar>i,.docs-toolbar>u{font-size:11px}.docs-workspace{position:relative;height:213px;overflow:hidden;background:#f8fafd;padding:16px 46px 0}.docs-ruler{position:absolute;top:3px;left:47px;right:47px;display:flex;justify-content:space-around;align-items:center;font-size:6px;color:#6d737c}.docs-ruler i{height:5px;width:32px;background:repeating-linear-gradient(90deg,#9299a0 0 1px,transparent 1px 8px)}.docs-page{min-height:240px;padding:21px 27px;background:white;border:1px solid #d8dce0;box-shadow:0 1px 2px #2633420a;color:#202124}.docs-course{font-size:8px;letter-spacing:1px;color:#626b73}.docs-page h3{font:500 20px/1.2 Arial,sans-serif;letter-spacing:-.5px;color:#202124;margin:6px 0 12px}.docs-problem{font-size:11px;line-height:1.4;margin:0 0 12px}.docs-problem>b{font:500 15px Georgia,serif;color:#30343b}.docs-solution{margin:0;padding-left:14px;list-style:decimal}.docs-solution li{padding:4px 0;font-size:10px;line-height:1.4}.docs-solution li>span{display:inline-block;width:68%}.docs-solution li>b{font:500 13px Georgia,serif;color:#202124;white-space:nowrap}.docs-edit-caret{display:block;width:1px;height:11px;background:#1a73e8;margin-top:4px;animation:task-caret 1s steps(1) infinite}@keyframes task-caret{50%{opacity:0}}.task-scene[data-step=complete] .docs-edit-caret{display:none}
.task-result{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:5px;height:28px;padding:0 14px;background:#f8fbfa;border-top:1px solid #e7ece9;font:10px system-ui;color:#326047;transition:opacity 200ms ease}.task-result>svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.task-examples{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px}.task-examples button{min-height:38px;padding:0 17px;background:transparent;border:1px solid transparent;border-radius:12px;color:#31515e;font:12px system-ui;cursor:pointer;transition:background 150ms ease}.task-examples button[aria-pressed=true]{background:#f4f7efdb;border-color:#fff;color:#173e4c;box-shadow:inset 0 1px #fff,0 2px 5px #24485614}.task-examples button:focus-visible{outline:2px solid #2f647b;outline-offset:3px}.task-scene:not([data-step=complete]) .task-result,.task-scene:not([data-step=complete]) .gmail-draft-status{opacity:0}.feature .chapter-copy>.handsfree-companion{display:block;width:47px;height:47px;margin-top:28px}.task-scene[data-task-motion=paused] *,html[data-motion=paused] .task-scene *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.task-examples button:hover{background:#f4f7efb0}}
@media(min-width:900px) and (max-width:1120px){.chapter-track .live-feature{gap:38px}.gmail-sidebar{width:80px}.gmail-draft-status{display:none}.docs-workspace{padding-left:25px;padding-right:25px}.docs-page{padding-left:20px;padding-right:20px}.docs-toolbar{gap:5px}.docs-header .google-avatar{display:none}.docs-toolbar>span:nth-child(4){display:none}}
@media(max-width:899px){.chapter-track .live-feature{grid-template-columns:1fr;gap:40px}.task-scene{grid-row:2;max-width:575px}.feature .chapter-copy>.handsfree-companion{width:39px;height:39px;margin-top:22px}.task-examples button{min-height:44px}}
@media(max-width:520px){.task-scene{height:510px}.task-request{right:0;font-size:12px;padding:13px 15px}.task-reply{top:58px;right:12px;font-size:12px;height:47px;min-width:205px}.task-window{top:122px;height:334px;border-radius:10px}.task-app{height:280px}.gmail-sidebar{display:none}.gmail-draft{margin:3px 10px 0}.gmail-layout{height:238px}.gmail-topbar{gap:6px;font-size:16px}.gmail-search{margin-left:2px;font-size:12px;padding:8px}.gmail-search>span{font-size:8px}.gmail-message{font-size:10px}.gmail-draft-status{font-size:7px}.gmail-format{gap:6px}.docs-header{padding-left:8px;gap:5px}.docs-title{font-size:11px}.docs-title span,.docs-header .google-avatar{display:none}.docs-menubar{font-size:6.8px}.docs-share{font-size:8px;padding:7px 9px}.docs-toolbar{font-size:7px;gap:6px;padding:0 8px}.docs-toolbar>span:nth-child(4){display:none}.docs-toolbar>span:nth-child(2),.docs-toolbar>span:nth-child(3),.docs-toolbar>span:nth-child(5){padding-right:5px}.docs-workspace{padding:16px 14px 0;height:204px}.docs-ruler{left:16px;right:16px}.docs-page{padding:19px 17px}.docs-page h3{font-size:17px}.docs-solution li{font-size:10px}.docs-solution li>b{font-size:12px}.docs-solution li>span{width:60%}.task-result{font-size:9px}.task-examples button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.task-scene *{animation:none!important;transition:none!important}}
@media(max-width:350px){.task-scene{height:540px}.task-window{height:364px}.task-app{height:310px}.gmail-layout{height:268px}.docs-workspace{height:234px}.gmail-format{gap:5px}.gmail-draft-status{display:none}}

/* Compact app controls use drawn icons, not miscellaneous text glyphs. */
.task-browserbar svg,.gmail-menu svg,.gmail-search svg,.gmail-sidebar svg,.docs-title-icons svg,.docs-share svg,.docs-tools svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;flex:none}.browser-window-mark{display:flex}.gmail-menu{display:flex}.gmail-search{padding:9px 11px}.gmail-search .search-options{margin-left:auto}.gmail-sidebar>span,.gmail-sidebar>b{display:flex;align-items:center;gap:7px}.gmail-sidebar svg{width:11px;height:11px}.gmail-sidebar small{margin-left:auto}.gmail-sidebar .gmail-compose{display:flex;gap:7px;padding:12px 7px}.gmail-sidebar .gmail-compose svg{width:14px;height:14px}.gmail-message{font-family:Arial,sans-serif;font-size:11px;line-height:1.5}.gmail-message p{min-height:16px;margin:10px 0}.gmail-subject{min-height:29px}.gmail-message p[data-typed=false]{margin:0;min-height:0}.gmail-message p[data-typed=false]:first-child{min-height:110px}
.docs-title{display:flex;align-items:center;gap:9px;font-size:11px}.docs-title .docs-title-icons{display:flex;align-items:center;gap:8px;padding-left:0}.docs-title-icons svg{width:11px;height:11px}.docs-share{display:flex;align-items:center;gap:5px}.docs-share svg{width:10px;height:10px}.docs-tools{display:flex;align-items:center;gap:10px}.docs-toolbar{justify-content:flex-start;gap:10px;font-size:8px;height:29px}.docs-toolbar>span{display:flex;align-items:center;gap:5px}.docs-tools svg{width:10px;height:10px}.docs-font-size b{font:9px Arial;border:1px solid #c5cbd2;background:#fff8;border-radius:2px;min-width:20px;padding:2px 3px;text-align:center}.ui-chevron{display:inline-block;width:4px;height:4px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin:-2px 3px 0}.docs-course{letter-spacing:.2px;font:8px Arial;color:#686d71}.docs-page h3{font:400 17px/1.3 Arial;letter-spacing:0;margin:7px 0 13px}.docs-solution li{line-height:1.4;padding:5px 0;font:10px Arial;min-height:25px}.docs-solution li>span{width:69%}.docs-solution li>b{font:400 11px Arial}.docs-solution li[data-typed=false]{visibility:hidden}.docs-solution li[data-typed=true]{visibility:visible}.typed-run[data-caret]::after{content:'';display:inline-block;vertical-align:-.1em;width:1px;height:1.12em;background:currentColor;margin-left:1px;animation:task-caret 850ms steps(1) infinite}.docs-page .typed-run[data-caret]::after{background:#1a73e8}.task-scene[data-task-motion=paused] .typed-run[data-caret]::after{animation-play-state:paused}
@media(min-width:900px) and (max-width:1120px){.gmail-sidebar{width:80px}.gmail-sidebar>span,.gmail-sidebar>b{padding-left:3px;gap:5px}.docs-title-icons svg:last-child{display:none}.docs-toolbar{gap:6px}.docs-tools{gap:7px}.docs-solution li>span{width:65%}}
@media(max-width:520px){.gmail-search{padding:8px}.gmail-sidebar{display:none}.gmail-message{font-size:10px;line-height:1.45}.docs-toolbar{gap:7px;font-size:7px}.docs-toolbar>.docs-font{display:none}.docs-title .docs-title-icons{display:none}.docs-toolbar .docs-tools{gap:7px}.docs-tools svg{width:10px;height:10px}.docs-share svg{display:none}.docs-page{padding:19px 16px}.docs-page h3{font-size:15px}.docs-solution li{font-size:9px;min-height:29px}.docs-solution li>span{width:66%}.docs-solution li>b{font-size:10px}.docs-toolbar .docs-align{display:none}}
@media(min-width:351px) and (max-width:520px){.task-scene{height:530px}.task-window{height:354px}.task-app{height:300px}.gmail-layout{height:258px}.docs-workspace{height:224px}}