/* Clippy livery: a quiet editorial frame around live television. */
:root {
  --ground:#F2ECE0; --panel:#FFFFFF; --panel-2:#FAF6EE;
  --line:rgba(122,93,27,.36); --line-soft:rgba(122,93,27,.18);
  --accent:#7A5D1B; --accent-hi:#5E4712; --on-accent:#FFFFFF;
  --text:#0B1F3E; --text-2:#40506B; --text-3:#5A6779;
  --display:'Bodoni Moda',Didot,Georgia,serif;
  --ui:'Jost',Futura,'Avenir Next',sans-serif;
  --read:'Newsreader',Georgia,'Times New Roman',serif;
  --stage:#03080F; --stage-2:#0A1B33;
  --knock:none;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#061428; --panel:#0B1F3E; --panel-2:#102A50;
    --line:rgba(198,160,82,.46); --line-soft:rgba(198,160,82,.24);
    --accent:#C6A052; --accent-hi:#E8CE87; --on-accent:#061428;
    --text:#F7F3EA; --text-2:rgba(247,243,234,.82); --text-3:rgba(247,243,234,.62); --knock:brightness(0) invert(1);
  }
}
:root[data-theme="dark"]{--ground:#061428;--panel:#0B1F3E;--panel-2:#102A50;--line:rgba(198,160,82,.46);--line-soft:rgba(198,160,82,.24);--accent:#C6A052;--accent-hi:#E8CE87;--on-accent:#061428;--text:#F7F3EA;--text-2:rgba(247,243,234,.82);--text-3:rgba(247,243,234,.62);--knock:brightness(0) invert(1)}
html,body{background:var(--ground);color:var(--text)}
body{font-family:var(--ui);letter-spacing:normal}
button,input,select{font-family:var(--ui)}
.clippy-topnav{height:58px!important;padding:0 max(18px,env(safe-area-inset-left))!important;gap:4px!important;background:var(--panel)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 3px 18px rgba(3,8,15,.08)}
.clippy-topnav a{border-radius:0!important;padding:20px 14px 16px!important;font:500 12px var(--ui)!important;letter-spacing:.08em!important;color:var(--text-2)!important;transition:color .18s,border-color .18s}
.clippy-topnav a.active{background:transparent!important;color:var(--text)!important;border-bottom:2px solid var(--accent)}
.clippy-topnav a:hover{color:var(--accent-hi)!important}
.transcript-drawer-head,.transcript-head{background:var(--panel-2);padding:14px!important;border-bottom:1px solid var(--line)!important}
#transcript-drawer,#transcript-panel{border:1px solid var(--accent)!important;border-radius:0!important;background:var(--panel)!important;box-shadow:0 22px 55px rgba(3,8,15,.28)!important}
#transcript-search,#transcript-query{border-radius:0!important;background:var(--ground)!important;color:var(--text)!important;font:400 16px var(--ui)!important}
.fs-btn.transcript,.btn-transcript{border-radius:0!important;border-color:var(--accent)!important;color:var(--accent-hi)!important;background:transparent!important;font:500 11px var(--ui)!important;letter-spacing:.1em}
.fs-btn.transcript:hover,.btn-transcript:hover{background:var(--accent)!important;color:var(--on-accent)!important}
.transcript-row,.transcript-result{border-radius:0!important;font:400 16px/1.45 var(--read)!important;border-bottom:1px solid var(--line-soft)!important}
.transcript-row time,.transcript-time{font:500 11px var(--ui)!important;color:var(--accent-hi)!important;font-variant-numeric:tabular-nums}
.transcript-note,.transcript-empty{font:400 16px/1.5 var(--read)!important;color:var(--text-2)!important}
@media(max-width:600px){
  .clippy-topnav{height:52px!important;overflow-x:auto;white-space:nowrap}
  .clippy-topnav a{padding:17px 11px 14px!important;font-size:11px!important}
  #transcript-drawer,#transcript-panel{right:12px!important;bottom:84px!important;width:calc(100vw - 24px)!important}
}