/* Approved watch-page structure and controls, connected to published videos. */
[data-public-watch] .screen-frame{isolation:isolate;background:#07172a;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px}
#watch-decks,.published-deck{position:absolute;inset:0;width:100%;height:100%}
.published-deck{object-fit:contain;opacity:0;pointer-events:none}
.published-deck.is-current{opacity:1;pointer-events:auto}
[data-public-watch] .screen-poster,#public-featured{background-size:cover;background-position:center;z-index:3;text-decoration:none}
#screen-toggle{position:absolute;inset:0 0 64px;width:100%;height:calc(100% - 64px);z-index:2;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;color:white;padding:0}
#screen-toggle span{display:none;background:rgba(8,32,54,.75);border:2px solid white;border-radius:50%;width:68px;height:68px;place-items:center;font:28px Arial;margin:auto}
#screen-toggle.is-paused span,#screen-toggle:focus-visible span{display:grid}
#screen-toggle:focus-visible{outline:3px solid #ff8300;outline-offset:-5px}
[data-public-watch] .screen-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
[data-public-watch] .screen-mode{font:14px/1.5 Arial,sans-serif;flex:1;min-width:160px}
[data-public-watch] .screen-frame:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}
#watch-exit-fullscreen{display:none;position:absolute;right:18px;top:18px;z-index:8;background:#fffdf8;color:#143859;border:1px solid #ff8300;border-radius:12px;padding:10px 16px;font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
[data-public-watch] .screen-frame:fullscreen #watch-exit-fullscreen{display:block}
[data-public-watch] .video-actions button:disabled,[data-public-watch] #channel-subscribe:disabled{opacity:.55;cursor:not-allowed}
[data-public-watch] #public-report{display:contents}
[data-public-watch] .video-action-note{font:13px/1.6 Arial,sans-serif;color:var(--muted,#49637c)}
[data-public-watch] .screen-poster-copy>p{font-size:clamp(20px,2.4vw,34px);text-shadow:0 2px 8px #102a43;overflow-wrap:anywhere}
[data-public-watch] .video-byline{gap:14px;flex-wrap:wrap}
[data-public-watch] #version-reference input{width:100%;max-width:100%;padding:12px;border:1px solid #a8bdcf;border-radius:10px}
#public-suggestions{margin-top:18px}
#public-suggestions p{font:15px/1.6 Arial,sans-serif;color:var(--muted,#49637c)}
.video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.suggestion-play{position:relative}
.catalogue-card h3 a{color:inherit;text-decoration:none}
.catalogue-card h3 a:hover{text-decoration:underline}
#published-results .catalogue-card{min-width:0;width:auto}
#channel-results .sample-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
#channel-results h2{overflow-wrap:anywhere}
[data-page=settings] main .preference-card{padding:24px 0;border-top:1px solid var(--line);margin-top:24px}
[data-page=settings] main label{display:block;margin:12px 0 8px;font-size:14px}
[data-page=settings] main input,[data-page=settings] main select{display:block;width:100%;max-width:620px;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,sans-serif;box-sizing:border-box}
[data-page=settings] main input:focus,[data-page=settings] main select:focus{outline:2px solid #ff8300;outline-offset:2px}
[data-page=settings] main button{min-height:44px;padding:12px 20px;margin-top:12px;border:1px solid #ff8300;border-radius:12px;background:var(--paper);color:var(--ink);font:600 14px/1.4 Arial,sans-serif;cursor:pointer}
[data-page=settings] main button:hover{background:#fff0d7;color:#143859}
[data-page=settings] main button:focus-visible{outline:2px solid #ff8300;outline-offset:3px}
[data-page=watch] .home-screen,[data-page=watch] .right-column{min-width:0}
[data-page=watch] .watch-page{overflow-wrap:anywhere}
@media(max-width:700px){[data-page=watch] .watch-page{padding:16px}.screen-layout{grid-template-columns:1fr!important}[data-public-watch] .screen-poster-copy{gap:8px;padding:12px}[data-public-watch] .screen-poster-copy>p{margin:0}[data-public-watch] .poster-demo-label{display:none}[data-public-watch] .signature{max-width:250px}[data-public-watch] .video-actions{gap:8px}[data-public-watch] .video-byline{font-size:13px}[data-public-watch] #screen-toggle span{width:48px;height:48px;font-size:22px}}
@media(max-width:540px){.site-header .brand-shell,html[data-theme] .site-header .brand-shell{flex:0 1 120px;width:120px;min-width:90px}.header-actions .account{width:110px;min-width:110px;padding:5px 7px;font-size:10px;white-space:nowrap}}