:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18373c;background:#f3f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:90px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #d6dfd6}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px;color:#17373b;text-decoration:none}.brand span{color:#d66843;font-size:16px;margin-left:5px}.tag,.eyebrow,.topline,.pill{font-size:11px;font-weight:700;letter-spacing:1.8px}main{max-width:1240px;margin:auto;padding:38px 36px 0}.topline{display:flex;justify-content:space-between;color:#577168}.topline #connection{letter-spacing:.3px;background:#e4eadf;padding:7px 12px;border-radius:30px}h1{font-size:clamp(36px,5vw,60px);font-weight:550;letter-spacing:-2.5px;line-height:1.08;margin:24px 0 16px}h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0 0 14px}p{line-height:1.6;color:#526861}.intro{font-size:17px;margin-bottom:30px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.layout:has(aside[hidden]){grid-template-columns:minmax(0,1fr)}.maincol{display:flex;flex-direction:column;gap:24px;min-width:0}.card{padding:28px;border:1px solid #dbe2d8;border-radius:18px;background:#fff}button{border:0;border-radius:9px;background:#183c3d;color:white;padding:15px 22px;font-size:14px;font-weight:650;cursor:pointer;min-height:48px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.4;cursor:default}button.secondary{border:1px solid #ccd8ce;background:transparent;color:#284b42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cf6d43;outline-offset:4px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{color:#687d71;letter-spacing:1px;font-size:10px}.small{font-size:12px}.meterline{display:flex;align-items:center;gap:20px;font-size:12px;color:#5c7567}meter{flex:1;height:13px}aside img{display:block;width:100%;height:auto;border-radius:10px}aside a{display:block;color:#224e46;font-size:13px;overflow-wrap:anywhere;margin:16px 0}aside button{width:100%;font-size:12px}.stats{border-top:1px solid #dfe6dc;margin-top:24px;padding-top:20px;display:flex;gap:14px;align-items:center}.stats strong{font-size:26px}.stats span{font-size:12px;color:#617563}.captions{background:#15383b;color:#f1f5e7;min-height:280px;border-color:#15383b;display:flex;flex-direction:column}.captions h2{font-size:14px;color:#b4c7bb;letter-spacing:.2px}.captions .pill{color:#b4c7bb}#transcript{font-size:clamp(24px,3vw,34px);line-height:1.45;font-weight:400;letter-spacing:-.4px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow-y:auto;flex:1;padding:14px 0 26px}.captionfoot{border-top:1px solid #426062;padding-top:18px;color:#a9c2b7;font-size:10px;display:flex;justify-content:space-between;gap:12px}.banner,#notice{border-radius:10px;padding:15px 20px;margin-bottom:22px;font-size:13px;background:#f7e9cb;color:#6b4f20}#notice{background:#f9ded6;color:#843a24}.volume{display:flex;gap:20px;margin-top:20px;font-size:13px}input{accent-color:#204941}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d6dfd6;margin-top:40px;padding:22px 0;font-size:10px;letter-spacing:1px;color:#647769}[hidden]{display:none!important}body.screen{background:#102d32;color:#eff5e8}body.screen header{border-color:#345256}body.screen .brand{color:white}body.screen h1{font-size:30px;letter-spacing:-1px}body.screen .intro,body.screen footer{display:none}body.screen .captions{border:0;background:transparent;padding:0;min-height:55vh}body.screen #transcript{font-size:clamp(36px,5.5vw,76px);max-height:65vh;line-height:1.35}body.screen .secondary{color:#eff5e8}body.listener main{max-width:800px}body.listener h1{max-width:550px}body.listener #transcript{font-size:28px}body.listener header{max-width:800px}@media(max-width:760px){header{height:72px;padding:0 22px}.tag{font-size:9px;letter-spacing:1px}main{padding:26px 20px 0}.layout{grid-template-columns:1fr}h1{letter-spacing:-1.7px}.card{padding:23px}aside img{max-width:260px;margin:auto}.topline{font-size:9px;letter-spacing:1px}footer{flex-direction:column;gap:8px}.sectionhead{align-items:start}.pill{font-size:9px}.intro{font-size:15px}}

/* Original logo framed without altering the supplied artwork. */
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:210px;height:68px;background:#fff;border-radius:8px} @media(max-width:760px){.brand-logo{width:160px;height:52px}}

#languageControls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}#language{font:inherit;padding:12px;border:1px solid #ccd8ce;border-radius:8px;background:white;color:#18373c;min-width:180px}body.screen #languageControls{background:#24454a;color:white}

/* Full-width white brand header across all screens. */
body header,body.listener header,body.screen header{max-width:none;margin:0;background:#fff;color:#18373c;border-bottom:1px solid #dbe2d8;padding-left:max(22px,calc((100vw - 1168px)/2));padding-right:max(22px,calc((100vw - 1168px)/2))}.brand-logo{background:transparent;border-radius:0}body.screen header .tag{color:#18373c}

/* Center the logo independently of the language label. */
.access-card{max-width:680px;margin:24px 0;color:#18373c}.access-card label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}.access-fields{display:flex;gap:12px;align-items:stretch}.access-fields input{font:inherit;min-width:0;flex:1;border:1px solid #9bb2a7;border-radius:9px;padding:14px;background:#fff;color:#18373c}.access-fields button{flex-shrink:0}.role-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.role-links a{display:inline-block;padding:14px 18px;border:1px solid #bccfc7;border-radius:9px;color:#183c3d;font-weight:650;text-decoration:none}.role-links a:hover{background:#eef3ec}@media(max-width:480px){.access-fields{flex-direction:column}.role-links{flex-direction:column}}
body header,body.listener header,body.screen header{position:relative;justify-content:center}
header .tag{position:absolute;right:max(22px,calc((100vw - 1168px)/2));top:50%;transform:translateY(-50%)}
@media(max-width:760px){body header,body.listener header,body.screen header{height:102px;flex-direction:column;gap:4px;padding:8px 20px}header .tag{position:static;transform:none;text-align:center}}

body.listener #title,body.listener #intro{display:none}body.listener #languageControls{margin:20px 0 24px;display:block;padding:24px}#languageChoices{width:100%}#languageChoices h2{font-size:clamp(18px,3vw,24px);line-height:1.5;margin-bottom:18px}.language-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.language-buttons button{min-height:82px;font-size:clamp(22px,4vw,30px);padding:16px 8px;border:2px solid #bccfc7;background:#fff;color:#183c3d}.language-buttons button[aria-pressed="true"]{background:#183c3d;color:white;border-color:#183c3d;box-shadow:0 0 0 3px #a8c7bd}.language-buttons button:disabled{opacity:.65}@media(max-width:420px){body.listener #languageControls{padding:18px}.language-buttons{gap:7px}.language-buttons button{font-size:21px;min-height:76px}}