/* Audience pages in the homepage's look (trial: /video, 2026-09-27). Loads after /home.css and
   /inner.css. The live demo's styles move here unchanged from the old page (uc-take.js drives it),
   plus the audience switcher at the top and the marked-script card. */

/* the audience switcher: the homepage's pill bar, current page bold orange (like .uc-switch and the jump chips) */
.uc-bar.aud{margin-top:18px;padding:2px 32px}
.uc-bar nav a[aria-current="page"]{background:#fff;color:var(--accent-dark,#d96400);font-weight:650;box-shadow:0 1px 3px rgba(0,0,0,.10),0 0 0 .5px rgba(0,0,0,.04)}
.uc-bar.aud + .ih{padding-top:56px}

/* the live "watch it follow a take" demo, unchanged */
.ucDemo{padding: 56px 0;}
.ucWin{position: relative; width: min(720px, 92vw); margin: 0 auto; border: 11px solid #241230; border-radius: 26px; overflow: hidden; background: linear-gradient(158deg, #cfe3f7 0%, #9dc2e8 42%, #6d9bd4 100%); box-shadow: 0 30px 80px -26px rgba(36,18,48,.5);}
.ucBar{display: flex; justify-content: space-between; align-items: center; padding: 7px 14px; font-size: 11.5px; font-weight: 500; color: #55555e; background: #f8f8f9; border-bottom: 1px solid #dcdce2;}
.ucBar .tl{width: 9px; height: 9px; border-radius: 50%; background: #d3d3d8; display: inline-block; margin-right: 5px; vertical-align: middle;}
.ucBar b{margin-left: 6px; font-weight: 600;}
.ucRec{color: #e5484d; font-size: 9px; vertical-align: middle;}
.ucGap{height: 390px;}
.ucWin .sh-demo{position: absolute; top: 0; left: 0; right: 0; margin: 0;}
.ucWin .sh-demo > div{width: 62%; margin: 0 auto;}
.ucWin .sh-stage{padding: 11px 12px 13px; border-radius: 0 0 18px 18px; box-shadow: 0 22px 46px -12px rgba(0,0,0,.45);}
.ucWin .sh-frame{height: 176px; padding: 0 16px;}
.ucWin .sh-mark, .ucWin .sh-speed{display: none;}
.ucSaid{position: absolute; right: 14px; top: 96px; z-index: 4; width: 46%; max-width: 260px; background: #fff; color: #1a1a17; border-radius: 16px 16px 16px 4px; padding: 11px 14px 12px; text-align: left; box-shadow: 0 18px 40px -12px rgba(20,10,40,.45), 0 2px 0 rgba(0,0,0,.04); opacity: 0; transform: translateY(6px) scale(.96); transform-origin: 100% 0; transition: opacity .22s ease, transform .22s cubic-bezier(.2,.8,.3,1); pointer-events: none;}
.ucSaid.on{opacity: 1; transform: none;}
.ucSaidWho{display: block; font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #8a8a82; margin-bottom: 3px;}
.ucSaidText{display: block; font-size: 13.5px; line-height: 1.4; font-weight: 500;}
.ucCap{max-width: 720px; margin: 18px auto 0; text-align: center;}
.ucDemoHead{font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; margin: 0 0 18px; text-align: center;}
@media (max-width: 640px){.ucSaid{right: 8px; top: 78px; width: 58%; padding: 8px 10px 9px;}.ucSaidText{font-size: 11.5px;}.ucSaidWho{font-size: 8.5px;}}
@media (max-width: 640px){.ucWin{border-width: 8px; border-radius: 20px;}.ucGap{height: 380px;}.ucWin .sh-demo > div{width: 88%;}.ucWin .sh-frame{height: 150px;}}
.ucDemo{padding:56px 32px 0}
.ucDemoHead{font-weight:600}

/* a script with its marks, as a document card */
.scard{margin:0;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -34px rgba(20,40,80,.35);overflow:hidden}
.scard .bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#f5f5f7;border-bottom:1px solid var(--line);font-size:12px;color:var(--faint)}
.scard .bar i{width:11px;height:11px;border-radius:50%;background:#d3d3d8}
.scard .bar span{margin:0 auto;transform:translateX(-24px)}
.scard pre{margin:0;padding:20px 24px 24px;font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:14px;line-height:1.75;color:#3a3a3c;white-space:pre-wrap;word-break:break-word}
.scard .h{color:#d96400;font-weight:600}.scard .k{color:#1f8a4c}.scard .m{color:var(--faint)}
@media (max-width:860px){.uc-bar.aud{padding:2px 16px}.uc-bar.aud + .ih{padding-top:36px}.ucDemo{padding:40px 16px 0}}
/* A featured quote followed by a pair (the /video voices) needs air between them. */
.vfeat + .vpair{margin-top:72px}
@media (max-width:860px){.vfeat + .vpair{margin-top:52px}}