@font-face{font-family:"Bricolage Grotesque";src:url("brand-fonts/bricolage.woff2") format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url("brand-fonts/plex-500.woff2") format("woff2");font-weight:500;font-display:swap}
:root{color-scheme:light;--paper:#e9ece5;--band:#f7f9f4;--ink:#1b2430;--amber:#ebd39a;--teal:#0f6360;--wash:#d6e8e6;--mono:"IBM Plex Mono",monospace;--display:"Bricolage Grotesque",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display)}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button:disabled{cursor:not-allowed}a{color:inherit;text-underline-offset:4px}.shell{max-width:1320px;margin:auto;padding:30px 28px 36px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:44px;line-height:1;letter-spacing:-.045em}.brand i{width:8px;height:43px;background:#d3a742}.brand b{font-weight:500}.masthead>p,.eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:29px 0}.welcome h1{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.04em;margin:8px 0 10px}.welcome p:not(.eyebrow){margin:0;font-size:18px}.language-button{border:3px solid var(--ink);background:var(--band);box-shadow:6px 6px var(--ink);padding:13px 20px;min-width:270px;text-align:left;display:flex;flex-direction:column;gap:5px}.language-button #current-language{font-size:25px;font-weight:700;line-height:1.35}.change-label{font:500 11px var(--mono);margin-top:3px}.player{border:3px solid var(--ink);box-shadow:8px 8px var(--ink);background:var(--ink);position:relative;overflow:hidden}.screen{position:relative;aspect-ratio:16/9;background:var(--paper);overflow:hidden}.screen video{display:block;width:100%;height:100%;object-fit:contain}.start-button{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:15px 26px;background:var(--amber);border:3px solid var(--ink);box-shadow:5px 5px var(--ink);font-size:21px;font-weight:800;white-space:nowrap}.start-button span{font-size:19px}.start-button[hidden]{display:none}.caption-band{min-height:104px;padding:15px 36px;background:var(--ink);color:var(--band);display:flex;align-items:center;justify-content:center;border-top:2px solid #49505a}.caption-band p{margin:0;text-align:center;max-width:1100px;font-family:var(--caption-font,var(--display));font-weight:500;font-size:24px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;unicode-bidi:plaintext}.caption-band p:lang(ur),.caption-band p:lang(sd){font-size:27px;line-height:1.85}.control-bar{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--band);border-top:3px solid var(--ink)}.control-bar button{padding:9px 11px;min-height:40px;border:2px solid var(--ink);background:var(--paper);font:500 12px var(--mono);white-space:nowrap}.control-bar input{flex:1;min-width:70px;accent-color:var(--ink)}.control-bar output{font:500 12px var(--mono);white-space:nowrap}.control-bar #cc-button{font-family:var(--caption-font,var(--mono));max-width:190px;overflow:hidden;text-overflow:ellipsis}.review-note{display:flex;align-items:baseline;gap:13px;margin:27px 0 18px}.review-note>span{background:var(--amber);border:2px solid var(--ink);padding:4px 8px;font:500 11px var(--mono);white-space:nowrap}.review-note p{font-size:15px;line-height:1.5;margin:0;max-width:970px}.downloads{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;font-size:15px}.downloads button{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;font:inherit}.downloads a[aria-disabled=true]{pointer-events:none;opacity:.45}footer{font-size:12px;line-height:1.6;max-width:850px;margin-top:28px;opacity:.8}.transcript{margin-top:25px;border:2px solid var(--ink);background:var(--band);padding:22px 27px}.transcript h2{margin:0 0 20px;font-size:27px}.transcript ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;max-height:520px;overflow:auto}.transcript li{display:flex;gap:20px;align-items:baseline;font-family:var(--caption-font,var(--display));font-size:20px;line-height:1.6}.transcript time{font:500 12px var(--mono);min-width:48px}.transcript p{margin:0;unicode-bidi:plaintext;flex:1}.transcript[hidden]{display:none}
dialog{width:min(1000px,calc(100vw - 40px));max-height:85vh;border:4px solid var(--ink);padding:25px 28px 21px;background:var(--paper);color:var(--ink);box-shadow:9px 9px var(--ink);overflow:auto}dialog::backdrop{background:rgba(27,36,48,.74)}.dialog-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.dialog-head h2{font-size:39px;line-height:1.1;font-weight:800;letter-spacing:-.035em;margin:6px 0 0}.dialog-head button{border:2px solid var(--ink);background:var(--band);padding:8px 12px;white-space:nowrap;font:500 12px var(--mono)}.dialog-intro{font-size:16px;line-height:1.5;margin:17px 0 21px}.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lang-entry{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;min-height:103px;padding:12px 14px;background:var(--band);border:2px solid var(--ink);box-shadow:3px 3px var(--ink);position:relative}.lang-entry[aria-pressed=true]{background:var(--wash);border-color:var(--teal);box-shadow:3px 3px var(--teal)}.lang-entry .native-name{font-family:var(--language-font,var(--display));font-size:22px;font-weight:600;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.lang-entry .english-name{font:500 11px/1.3 var(--mono)}.lang-entry .status{font:500 9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;opacity:.8}.lang-entry:disabled{box-shadow:none;opacity:.5;background:var(--paper)}.dialog-note{margin:21px 0 0;font-size:13px;line-height:1.5;padding-top:13px;border-top:1px solid var(--ink)}.player:fullscreen{border:0;box-shadow:none;display:flex;flex-direction:column;background:var(--ink);width:100vw;height:100vh}.player:fullscreen .screen{aspect-ratio:auto;flex:1;min-height:0}.player:fullscreen .caption-band{flex:none}.player:fullscreen .control-bar{flex:none}.player:fullscreen .screen video{height:100%;width:100%;object-fit:contain}
@media(max-width:850px){.shell{padding:21px 18px 30px}.welcome h1{font-size:40px}.masthead>p{max-width:160px;text-align:right}.language-button{min-width:220px}.control-bar{flex-wrap:wrap}.control-bar input{min-width:130px}.control-bar #fullscreen-button{margin-left:auto}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.caption-band p{font-size:21px}.caption-band{padding:13px 23px;min-height:100px}}
@media(max-width:560px){.shell{padding:17px 13px 26px}.brand{font-size:35px}.brand i{height:35px;width:7px}.masthead{gap:12px;padding-bottom:17px}.masthead>p{font-size:9px;max-width:115px}.welcome{display:block;padding:22px 0}.welcome h1{font-size:39px}.welcome p:not(.eyebrow){font-size:16px}.language-button{width:100%;margin-top:21px;min-width:0;padding:11px 16px;display:grid;grid-template-columns:1fr auto}.language-button>.eyebrow{grid-column:1/3}.language-button .change-label{align-self:center}.language-button #current-language{font-size:22px}.player{box-shadow:5px 5px var(--ink)}.start-button{font-size:17px;padding:10px 18px;bottom:9%;gap:10px}.caption-band{padding:12px 16px;min-height:105px}.caption-band p{font-size:18px;line-height:1.55}.caption-band p:lang(ur),.caption-band p:lang(sd){font-size:21px}.control-bar{gap:8px;padding:10px}.control-bar #play-button{order:1}.control-bar input{order:2;flex:1;min-width:100px;max-width:calc(100% - 145px)}.control-bar output{order:3;font-size:10px}.control-bar #mute-button{order:4}.control-bar #cc-button{order:5;max-width:150px}.control-bar #fullscreen-button{order:6}.control-bar button{font-size:10px;min-height:38px;padding:8px}.review-note{display:block;margin-top:22px}.review-note p{font-size:13px;margin-top:10px}.downloads{font-size:13px;gap:12px 18px}dialog{width:calc(100vw - 24px);padding:19px 15px;max-height:88vh}.dialog-head h2{font-size:29px}.dialog-head button{font-size:10px;padding:8px}.dialog-intro{font-size:14px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lang-entry{min-height:103px;padding:10px}.lang-entry .native-name{font-size:21px}.lang-entry .english-name{font-size:10px}.transcript{padding:18px}.transcript li{font-size:17px;gap:12px}}

.avatar-greeting{width:140px;height:180px;flex:none;overflow:hidden}.avatar-greeting svg{display:block;overflow:hidden}.dialog-heading{flex:1;align-self:center}.dialog-head{align-items:flex-start}dialog[open] .avatar-greeting .comic-arm-right{transform-box:view-box;transform-origin:210px 237px;animation:popup-wave 1.45s steps(9,end) .15s 1 both}@keyframes popup-wave{0%,100%{rotate:0deg}25%,75%{rotate:-9deg}50%{rotate:6deg}}@media(max-width:560px){.avatar-greeting{width:90px;height:124px}.avatar-greeting svg{width:96px;height:124px}.dialog-head{gap:10px;position:relative;padding-right:44px}.dialog-heading h2{font-size:25px;line-height:1.12}.dialog-head>button{position:absolute;top:0;right:0;font-size:9px;padding:7px}.dialog-intro{margin-top:11px}}

.avatar-greeting svg path{stroke-width:2.25px}

/* The site supplies the surrounding introduction in the embedded view. */
.is-embedded body{background:#f7f9f4}
.is-embedded .shell{max-width:none;padding:0 8px 10px 0}
.is-embedded .masthead,.is-embedded .welcome,.is-embedded footer{display:none}
.is-embedded .review-note{margin-top:22px}
.is-embedded .player{box-shadow:6px 6px #1b2430}
.is-embedded .downloads{padding-bottom:4px}
@media(prefers-reduced-motion:reduce){dialog[open] .avatar-greeting .comic-arm-right{animation:none}}
