/* Notice-owned teaching scene. Shared Nutshell and Rough Notation stay unchanged. */
[data-request-scene]{--request-ink:#244d3d;--request-soft:#dfebda;--request-accent:#b14a2c;--request-paper:#fffdf5;margin:8px 0 0;color:inherit;container-type:inline-size}
[data-request-scene=hot]{--request-ink:#4f2518;--request-soft:#f4ddbb;--request-accent:#a02d1e}
[data-request-meta]{display:flex;justify-content:space-between;gap:12px;font:500 13px/1.4 'Bricolage Grotesque',sans-serif;color:var(--request-ink)}
[data-request-counter]{font-variant-numeric:tabular-nums}
[data-request-world]{height:296px;position:relative;margin:8px 0 0;isolation:isolate}
[data-request-browser]{position:absolute;left:0;top:8px;width:42%;height:252px;border:2px solid var(--request-ink);border-radius:10px;background:var(--request-paper);overflow:hidden;z-index:2}
[data-request-chrome]{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 10px;border-bottom:1px solid var(--request-ink);background:var(--request-soft);font:500 12px/1.2 'Bricolage Grotesque',sans-serif}
[data-request-chrome]>span:first-child{font-size:9px;letter-spacing:2px}
[data-request-page]{margin:14px 14px 0;height:113px;color:var(--request-ink)}
[data-request-address]{display:block;font:13px/1.2 Inconsolata,monospace;margin-bottom:10px;opacity:.8}
[data-request-page-title]{display:block;font:600 21px/1.15 'Bricolage Grotesque',sans-serif;margin-bottom:9px;opacity:.25;transition:opacity .35s}
[data-request-page-line]{display:block;margin:6px 0;height:4px;width:85%;border-radius:2px;background:var(--request-ink);opacity:.13;transform-origin:left;transform:scaleX(.25);transition:transform .4s,opacity .4s}
[data-request-page-line]:last-child{width:56%}
[data-request-phase="3"] [data-request-page-title]{opacity:1}
[data-request-phase="3"] [data-request-page-line]{transform:scaleX(1);opacity:.45}
[data-request-localfile]{position:absolute;inset:auto 8px 10px;display:flex;align-items:center;gap:7px;min-height:62px;padding:7px;background:var(--request-soft);border:1px dashed var(--request-ink);border-radius:5px;color:var(--request-ink);font:500 13px/1.3 'Bricolage Grotesque',sans-serif}
[data-request-localfile]>svg{flex:0 0 27px;width:27px;height:33px}
[data-request-localfile]>span{min-width:0}
[data-request-localfile] small{display:block;font:400 12px/1.35 'Bricolage Grotesque',sans-serif;margin-top:3px}
[data-request-provider]{position:absolute;top:6px;right:0;width:34%;height:263px;display:flex;align-items:center;flex-direction:column;color:var(--request-ink)}
[data-request-provider]>span{font:600 20px/1.2 'Bricolage Grotesque',sans-serif}
[data-request-provider]>small{font:400 13px/1.3 'Bricolage Grotesque',sans-serif;margin-top:2px}
[data-request-press]{width:100%;height:215px;position:relative;overflow:hidden}
[data-request-press] img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0}
[data-request-press] img[data-request-image="0"]{opacity:1}
[data-request-press][data-request-frame="1"] img{opacity:0}
[data-request-press][data-request-frame="1"] img[data-request-image="1"],
[data-request-press][data-request-frame="2"] img[data-request-image="2"],
[data-request-press][data-request-frame="3"] img[data-request-image="3"]{opacity:1}
[data-request-press][data-request-frame="2"] img:not([data-request-image="2"]),
[data-request-press][data-request-frame="3"] img:not([data-request-image="3"]){opacity:0}
[data-request-scene=warm] [data-request-press] img[data-request-image="0"]{opacity:1!important}
[data-request-route]{position:absolute;left:40%;top:100px;width:28%;height:108px;z-index:3;pointer-events:none}
[data-request-request-path],[data-request-response-path]{position:absolute;left:0;right:0;height:1px;border-top:1.5px dashed var(--request-ink);opacity:.45}
[data-request-request-path]{top:16px;transform:rotate(-18deg)}
[data-request-response-path]{top:58px;transform:rotate(18deg)}
[data-request-envelope],[data-request-return-page]{position:absolute;top:0;left:2%;display:grid;place-items:center;width:34px;height:27px;background:#e5bd52;border:1.5px solid var(--request-ink);border-radius:3px;font:600 24px/1 'Bricolage Grotesque',sans-serif;color:var(--request-ink);opacity:0;transform:translateY(4px)}
[data-request-return-page]{background:var(--request-paper);top:44px;left:72%}
[data-request-phase="1"] [data-request-envelope]{opacity:1;animation:request-out 1.65s ease-in-out both}
[data-request-phase="2"] [data-request-return-page]{opacity:1;animation:request-back 1.65s ease-in-out both}
[data-request-ticket]{position:absolute;left:44%;top:4px;z-index:4;padding:8px 9px;background:#f8e9bb;border:1px solid var(--request-ink);box-shadow:2px 3px 0 #244d3d15;transform:rotate(-3deg);font:12px/1.45 'Bricolage Grotesque',sans-serif;color:var(--request-ink);opacity:1}
[data-request-ticket]>span{display:block;white-space:nowrap}
[data-request-ticket]>span:first-child{font-weight:600;border-bottom:1px solid #244d3d40;margin-bottom:4px;padding-bottom:3px}
[data-request-phase="1"] [data-request-ticket],[data-request-phase="2"] [data-request-ticket],[data-request-phase="3"] [data-request-ticket]{opacity:1}
#dc-root .nutshell-bubble [data-request-narration]{min-height:4.1em;margin:0 0 6px!important;font:inherit!important;line-height:1.45!important}
[data-request-controls]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 0}
[data-request-controls] [data-request-action=play]{min-width:78px}
[data-request-controls] button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--request-ink);border-radius:5px;background:transparent;color:var(--request-ink);padding:0 12px;font:500 14px/1.2 'Bricolage Grotesque',sans-serif;cursor:pointer}
[data-request-controls] button:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
[data-request-controls] button:hover{background:var(--request-soft)}
[data-request-steps]{display:flex;gap:4px}
[data-request-steps] button{padding:0;width:44px}
[data-request-steps] button[aria-current=step]{background:var(--request-ink);color:var(--request-paper)}
#dc-root .nutshell-bubble [data-request-takeaway]{margin:8px 0 0!important;font:400 13px/1.5 'Bricolage Grotesque',sans-serif!important;color:var(--request-ink)}
@keyframes request-out{from{left:0;transform:translateY(10px) rotate(-6deg)}to{left:75%;transform:translateY(-16px) rotate(-6deg)}}
@keyframes request-back{from{left:72%;transform:translateY(0) rotate(6deg)}to{left:0;transform:translateY(-20px) rotate(6deg)}}
@container(max-width:440px){
 [data-request-world]{height:416px}
 [data-request-browser]{top:4px;left:0;width:100%;height:184px}
 [data-request-page]{height:58px;margin-top:9px}
 [data-request-page-title]{font-size:20px}
 [data-request-page-line]:nth-last-child(-n+2){display:none}
 [data-request-provider]{top:244px;right:0;width:58%;height:166px}
 [data-request-press]{height:130px}
 [data-request-provider]>span{font-size:18px}
 [data-request-provider]>small{font-size:12px}
 [data-request-route]{top:184px;left:53%;height:56px;width:36%;transform:none}
 [data-request-request-path],[data-request-response-path]{top:0;bottom:0;left:20%;right:auto;width:1px;height:auto;border-top:0;border-left:1.5px dashed var(--request-ink);transform:none}
 [data-request-response-path]{left:70%}
 [data-request-envelope]{left:20%!important;top:-6px;transform:rotate(90deg)}
 [data-request-return-page]{left:70%!important;top:32px;transform:rotate(90deg)}
 [data-request-phase="1"] [data-request-envelope]{animation:request-down 1.65s ease-in-out both}
 [data-request-phase="2"] [data-request-return-page]{animation:request-up 1.65s ease-in-out both}
 [data-request-ticket]{left:0;top:250px;max-width:44%;padding:8px;font-size:11px;transform:none}
 [data-request-ticket]>span{white-space:normal}
 [data-request-controls]{flex-wrap:wrap}
 #dc-root .nutshell-bubble [data-request-narration]{min-height:6em}
}
@keyframes request-down{from{top:-6px;transform:rotate(90deg)}to{top:32px;transform:rotate(90deg)}}
@keyframes request-up{from{top:32px;transform:rotate(90deg)}to{top:-6px;transform:rotate(90deg)}}
[data-request-playing="false"] :is([data-request-envelope],[data-request-return-page]){animation-play-state:paused}
@media(prefers-reduced-motion:reduce){[data-request-scene] *,[data-request-scene] *::before,[data-request-scene] *::after{animation:none!important;transition:none!important}}