/* One persistent player: docked on desktop, a collapsible listening panel on mobile. */
/* Fachada (26/10/2026, DESIGN.md › Sala de escuta): antes da escolha de ouvir, o cabeçalho mostra só "Ouvir YUMI"
   (.sound-dock.is-idle) e o YouTube não carrega. Depois, o player compacto mostra título, reproduzir/pausar e Expandir;
   anterior, próximo, volume e o link do YouTube ficam no cartão expandido. */
:root{--chrome-height:148px}
html{scroll-padding-top:calc(var(--chrome-height) + 20px)}
.site-chrome{position:sticky;top:0;z-index:var(--z-chrome);background:var(--bg)}
.site-header{height:94px;display:grid;grid-template-columns:115px minmax(0,1fr) auto;gap:var(--sp-24);padding:0 4vw;position:relative;z-index:2}
.site-header>.edition{display:none}
.chapter-nav{position:relative;top:auto;z-index:1;height:54px}
.wordmark{justify-self:start;color:var(--gold)}
.sound-dock{min-width:0;display:flex;align-items:center;justify-content:flex-end;min-height:68px}
.sound-dock>.sound-toggle{display:none}
.player-expanded .sound-dock>.sound-toggle{display:flex}
.sound-room{max-height:calc(100dvh - var(--chrome-height) - 30px);overflow-y:auto;border-radius:12px}
.sound-room.is-minimized{position:relative;right:auto;bottom:auto;width:100%;max-width:730px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;max-height:none}
.sound-room .sound-controls .sound-transport{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--edge);border-radius:50%;padding:0;color:var(--gold)}
.sound-room .sound-controls .sound-transport[hidden]{display:none}
.sound-room .sound-controls .sound-skip{min-height:2.75rem;min-width:2.75rem;border-radius:0}
.sound-window-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sound-collapse-mobile,.sound-launcher{display:none}
.sound-room:not(.is-minimized) .sound-head{padding:12px 14px}
.sound-room:not(.is-minimized) .sound-head strong{display:block;line-height:1.5}
.sound-room:not(.is-minimized) .sound-controls{padding:10px 14px}
@media(hover:hover){.sound-toggle:hover,.sound-size:hover{border-color:var(--gold);color:var(--gold);background:#cfb47d14}.sound-room .sound-controls .sound-transport:hover{border-color:var(--gold);background:#cfb47d14}}

/* Player compacto no cabeçalho (desktop e tablet). Os seletores levam .site-header para prevalecer sobre as grades
   antigas de review-polish.css e workspace-layout-polish.css, que não pertencem a esta tarefa. */
@media(min-width:761px){
 .site-header .sound-dock.is-idle>.sound-toggle{display:flex}
 .site-header .sound-dock.is-idle>.sound-room.is-minimized{display:none}
 .site-header .sound-dock>.sound-room.is-minimized{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-12);width:auto;max-width:min(100%,32rem);padding:0}
 .site-header .sound-dock>.sound-room.is-minimized .sound-head{display:contents;padding:0}
 .site-header .sound-dock>.sound-room.is-minimized .sound-head>div:first-child{order:1;flex:0 1 auto;min-width:0;max-width:16rem;text-align:right}
 .site-header .sound-dock>.sound-room.is-minimized .sound-head .kicker{display:none}
 .site-header .sound-dock>.sound-room.is-minimized .sound-head strong{display:block;font-size:var(--fs-14);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .site-header .sound-dock>.sound-room.is-minimized .sound-track-meta{justify-content:flex-end;font-size:var(--fs-12);gap:var(--sp-8);margin-top:2px;padding:0}
 .site-header .sound-dock>.sound-room.is-minimized .sound-controls{order:2;padding:0;gap:0}
 .site-header .sound-dock>.sound-room.is-minimized .sound-skip,
 .site-header .sound-dock>.sound-room.is-minimized #sound-youtube-link,
 .site-header .sound-dock>.sound-room.is-minimized .sound-volume-panel,
 .site-header .sound-dock>.sound-room.is-minimized .sound-status{display:none}
 .site-header .sound-dock>.sound-room.is-minimized .sound-window-actions{order:3;position:static;transform:none;margin:0}
 .site-header .sound-dock>.sound-room.is-minimized .sound-size{min-height:2.75rem;padding:0 var(--sp-12);gap:var(--sp-8);border:1px solid var(--edge);font:600 var(--fs-14)/1.4 var(--sans);white-space:nowrap}
 .site-header .sound-dock>.sound-room.is-minimized .video-shell{position:absolute;width:200px;height:0;left:0;bottom:0;overflow:hidden;opacity:0;pointer-events:none}
}

/* Controles do cabeçalho: desenho do botão secundário, alvos de 44 px, raio zero. */
.site-header .header-actions{display:flex;align-items:center;gap:var(--sp-8)}
.site-header .header-actions .language-switch{min-height:2.75rem;padding:0 var(--sp-12);border-color:var(--edge);color:var(--paper)}
.site-header .header-actions .language-switch svg{color:var(--muted);flex:none}
.site-header .header-actions .language-switch select{width:auto;height:2.625rem;padding:0 2px}
.language-code{display:none}
.site-header .header-actions .institutional-back{border-color:var(--edge);border-radius:0;font:600 var(--fs-14)/1.4 var(--sans);color:var(--paper)}
.site-header .account-access{position:relative;padding:0;border:0;margin:0}
.account-access summary{min-height:2.75rem;display:flex;align-items:center;justify-content:center;gap:var(--sp-8);border:1px solid var(--edge);padding:0 var(--sp-12);color:var(--paper);font:600 var(--fs-14)/1.4 var(--sans);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.account-access summary svg{color:var(--muted);flex:none}
.account-access summary:after{display:none}
.account-access[open] summary{border-color:var(--gold)}
@media(hover:hover){.account-access summary:hover,.site-header .header-actions .language-switch:hover{border-color:var(--gold)}.account-access summary:hover,.account-access summary:hover svg{color:var(--gold)}}
.account-access>.account-panel{position:absolute;right:0;top:calc(100% + 14px);width:270px;margin:0;padding:20px;background:var(--panel-raised);border:1px solid var(--edge);border-radius:9px;box-shadow:var(--shadow-float);color:var(--paper);font-size:var(--fs-14);line-height:1.7;z-index:var(--z-panel)}
.account-panel p{margin:0 0 15px;color:var(--muted)}
.account-panel a{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);padding:11px 0;min-height:44px}
.account-signin{color:var(--paper);border-top:1px solid var(--line)}
.account-signin .ico{color:var(--gold)}
.account-signout{color:var(--muted);font-size:var(--fs-12)}
.sound-room button:focus-visible,.sound-launcher:focus-visible,.account-access summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Página de marca (institucional): Guia e Acesso continuam no cabeçalho, mas discretos, só com ícone. */
body[data-work-area=institucional] .site-header .account-access summary,
body[data-work-area=institucional] .site-header .yg-toggle:not(.yg-is-on){border-color:transparent;background:transparent}
body[data-work-area=institucional] .site-header .account-access summary,
body[data-work-area=institucional] .site-header .yg-toggle{width:2.75rem;min-width:2.75rem;padding:0}
body[data-work-area=institucional] .site-header .account-access summary>span,
body[data-work-area=institucional] .site-header .yg-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Navegação horizontal: pista de rolagem (máscara nas bordas que têm mais itens) e botões só para mouse.
   chrome.js marca .nav-more-start e .nav-more-end e mantém o item ativo à vista. */
.chapter-nav.nav-more-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent)}
.chapter-nav.nav-more-start{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 2rem),transparent)}
.chapter-nav.nav-more-start.nav-more-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent)}
.site-chrome .chapter-nav a .ico-out{font-size:var(--fs-14);color:currentColor;margin-left:2px}
.nav-scroll{display:none}
@media(hover:hover) and (pointer:fine){
 .chapter-nav.nav-more-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 4.5rem),transparent calc(100% - 1rem));mask-image:linear-gradient(90deg,#000 calc(100% - 4.5rem),transparent calc(100% - 1rem))}
 .chapter-nav.nav-more-start{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 4.5rem),transparent calc(100% - 1rem));mask-image:linear-gradient(270deg,#000 calc(100% - 4.5rem),transparent calc(100% - 1rem))}
 .chapter-nav.nav-more-start.nav-more-end{-webkit-mask-image:linear-gradient(90deg,transparent 1rem,#000 4.5rem,#000 calc(100% - 4.5rem),transparent calc(100% - 1rem));mask-image:linear-gradient(90deg,transparent 1rem,#000 4.5rem,#000 calc(100% - 4.5rem),transparent calc(100% - 1rem))}
 .nav-scroll{position:absolute;z-index:3;display:grid;place-items:center;width:2.75rem;height:54px;padding:0;border:0;background:transparent;color:var(--paper);font-size:var(--fs-16);cursor:pointer;transition:color var(--dur-1) var(--ease-out)}
 .nav-scroll[data-dir=prev]{left:0}
 .nav-scroll[data-dir=next]{right:0}
 .nav-scroll:hover{color:var(--gold)}
}

@media(min-width:1500px){
 .site-header{grid-template-columns:130px auto minmax(0,1fr) auto}
 .site-header>.edition{display:block;grid-column:2;grid-row:1;text-align:left;padding-left:var(--sp-24);border-left:1px solid var(--line)}
 .site-header>.sound-dock{grid-column:3;grid-row:1}
 .site-header>.header-actions{grid-column:4;grid-row:1}
}
@media(min-width:761px) and (max-width:1050px){.site-header{padding:0 24px;gap:18px;grid-template-columns:90px minmax(0,1fr) auto}.wordmark{font-size:2rem}.site-header .sound-dock>.sound-room.is-minimized .sound-head>div:first-child{max-width:9rem}.site-header .sound-dock>.sound-room.is-minimized .sound-size>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header .sound-dock>.sound-room.is-minimized .sound-size{width:2.75rem;padding:0;justify-content:center}.header-actions{gap:7px}.account-access summary>span{display:none}.account-access summary{width:2.75rem;padding:0}}
@media(max-width:760px){
 :root{--chrome-height:124px}
 .site-header{height:74px;display:flex;justify-content:space-between;gap:14px;padding:0 20px}
 .wordmark{font-size:1.875rem;flex-shrink:0}.wordmark span{font-size:var(--fs-11);margin-top:10px}
 .site-header .header-actions{gap:var(--sp-8)}
 .site-header .header-actions .language-switch{padding:0 var(--sp-8);gap:var(--sp-4)}
 .account-access summary{height:2.75rem;min-height:2.75rem;width:2.75rem;padding:0}.account-access summary>span{display:none}
 .account-access>.account-panel{max-width:calc(100vw - 40px)}
 .chapter-nav{height:50px;justify-content:flex-start;padding:0 20px;gap:24px}.chapter-nav a{font-size:var(--fs-12)}
 .nav-scroll{height:50px}
 .sound-dock{position:absolute;width:0;height:0;min-height:0;top:0;left:0}
 .sound-dock>.sound-toggle,.player-expanded .sound-dock>.sound-toggle{display:none}
 .sound-room,.sound-room.is-minimized{position:fixed;inset:auto 14px calc(86px + env(safe-area-inset-bottom,0px)) auto;width:min(360px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:calc(100dvh - var(--chrome-height) - 106px);background:var(--panel-raised);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--shadow-float);overflow-y:auto;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),visibility var(--dur-2);opacity:1;visibility:visible;transform:translateY(0)}
 .sound-room.is-mobile-collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px)}
 .sound-room.is-minimized{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1fr);gap:10px 16px;padding:16px}
 .sound-room.is-minimized .sound-head{display:contents;padding:0}
 .sound-room.is-minimized .sound-head>div:first-child{grid-column:1/-1;grid-row:1;padding-right:110px;min-height:39px;min-width:0}
 .sound-room.is-minimized .sound-head .kicker{display:none}
 .sound-room.is-minimized .sound-head strong{display:block;font-size:var(--fs-14);line-height:1.5;white-space:normal}
 .sound-room.is-minimized .sound-track-meta{font-size:var(--fs-12)}
 .sound-room.is-minimized .sound-window-actions{position:absolute;right:12px;top:13px;margin:0;transform:none;flex-direction:row-reverse;gap:10px}
 .sound-room.is-minimized .sound-size{min-height:2.75rem;font-size:var(--fs-12);gap:4px}
 .sound-room.is-minimized .sound-controls{grid-column:1;grid-row:2;justify-content:flex-start;gap:5px;padding:0}
 .sound-room.is-minimized #sound-youtube-link{display:none}
 .sound-room.is-minimized .sound-volume-panel{grid-column:2;grid-row:2;align-self:center;padding:0;display:flex;flex-direction:column}
 .sound-room.is-minimized .sound-volume-meta{order:2;font-size:var(--fs-12)}
 .sound-room.is-minimized .video-shell{position:absolute;width:200px;height:0;left:0;bottom:0;overflow:hidden;opacity:0;pointer-events:none}
 .sound-room.is-minimized .sound-status,.sound-room.is-minimized.audio-error .sound-status{display:none}
 .sound-collapse-mobile{display:grid;place-items:center;width:2.75rem;height:2.75rem;font-size:var(--fs-20);color:var(--paper);border:1px solid var(--line);border-radius:50%}
 .sound-room:not(.is-minimized) .sound-collapse-mobile{display:none}
 .sound-launcher{display:flex;position:fixed;z-index:var(--z-float);right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border:1px solid var(--edge);border-radius:50%;align-items:center;justify-content:center;flex-direction:column;color:var(--gold);background:var(--panel-raised);box-shadow:var(--shadow-float);line-height:1;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),visibility 0s linear 0s}
 .launcher-letter{font-family:var(--serif);font-size:1.875rem;line-height:29px}.launcher-name{font-size:var(--fs-11);letter-spacing:.22em;padding-left:.22em}
 .launcher-close{display:none;font-size:var(--fs-28)}.sound-launcher[aria-expanded=true] .launcher-letter,.sound-launcher[aria-expanded=true] .launcher-name{display:none}.sound-launcher[aria-expanded=true] .launcher-close{display:block}
 .playing .sound-launcher:after{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);position:absolute;right:4px;top:6px;box-shadow:0 0 0 3px var(--panel-raised)}
 /* O lançador não cobre conteúdo: some ao rolar para baixo, com um campo em uso e no contato; volta ao rolar para cima. */
 .floaters-away .sound-launcher[aria-expanded=false]{transform:translateY(calc(100% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),visibility 0s linear var(--dur-2)}
 /* Fim de página livre do lançador: o último item pode subir acima dele. */
 .site-footer{padding-bottom:calc(var(--sp-96) + env(safe-area-inset-bottom,0px))}
}
@media(max-width:430px){
 .site-header .header-actions .language-switch svg{width:14px;height:14px}
 .language-code{display:block;min-width:1.25rem;font:600 var(--fs-14)/1 var(--sans);letter-spacing:.04em;text-align:center}
 .site-header .header-actions .language-switch select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
}
@media(max-width:360px){.site-header{padding:0 14px}.sound-room.is-minimized{gap:10px;padding:12px}.sound-room.is-minimized .sound-head>div:first-child{padding-right:105px}.sound-room.is-minimized .sound-controls{gap:2px}.sound-room.is-minimized .sound-controls .sound-skip{min-width:2.5rem;flex-basis:2.5rem}}
/* Paisagem baixa: só a navegação fica fixa; o cabeçalho rola com a página. chrome.js mede --header-height. */
@media(max-height:500px){.site-chrome{top:calc(-1 * var(--header-height,94px))}}
@media(prefers-reduced-motion:reduce){.sound-room,.sound-room.is-minimized,.sound-launcher,.floaters-away .sound-launcher[aria-expanded=false]{transition:none}}
@media print{.site-chrome,.sound-launcher,.nav-scroll{display:none!important}}

#sound-track-link{display:block;min-width:0}#sound-track-link:hover{color:var(--gold)}.audio-error #sound-track-link{color:var(--gold);text-decoration:underline;text-underline-offset:3px}