/* Opt-in study annotations. All generated UI is scoped to yg classes. */
/* Guia no mundo YUMI (DESIGN.md › Guia de estudo, 26/10/2026): Cormorant 400 nos títulos, Manrope no corpo, raio zero,
   cruz de fio como único marcador, foco e dourado do contrato, sombra flutuante. No desktop largo o painel se encaixa
   à direita e o conteúdo abre espaço (não cobre rosto nem texto); no celular é uma folha de até 60svh que abre direto
   na explicação. Os seletores de item ficam recolhidos acima dela. */
.yg-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-8);min-width:2.75rem;min-height:2.75rem;flex-shrink:0;padding:0 var(--sp-12);border:1px solid var(--edge);border-radius:0;background:transparent;color:var(--paper);font:600 var(--fs-14)/1.4 var(--sans);letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}
.yg-toggle .ico{font-size:var(--fs-16);color:var(--muted)}
.yg-toggle.yg-is-on{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.yg-toggle.yg-is-on .ico{color:var(--bg)}
@media(hover:hover){.yg-toggle:not(.yg-is-on):hover{border-color:var(--gold);color:var(--gold)}.yg-toggle:not(.yg-is-on):hover .ico{color:var(--gold)}}
.yg-layer{position:relative;z-index:var(--z-guide);font:400 var(--fs-14)/1.65 var(--sans);color:var(--paper);text-align:left}
.yg-layer[hidden],.yg-layer [hidden]{display:none!important}
.yg-layer *{box-sizing:border-box}
.ico-question{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round'%3E%3Cpath d='M5.6 5.9a2.4 2.4 0 1 1 3.4 2.2c-.7.3-1 .8-1 1.5v.5M8 12.6v.05'/%3E%3C/svg%3E")}

/* Painel */
.yg-panel{position:fixed;top:calc(var(--chrome-height,148px) + 12px);right:18px;bottom:18px;width:min(24rem,calc(100vw - 36px));max-height:calc(100dvh - var(--chrome-height,148px) - 30px);display:flex;flex-direction:column;background:var(--panel-raised);border:1px solid var(--edge);border-radius:0;box-shadow:var(--shadow-float);overflow:hidden;isolation:isolate}
.yg-panel-head{display:flex;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-20) var(--sp-20) var(--sp-16);border-bottom:1px solid var(--line);flex-shrink:0}
.yg-panel-heading{min-width:0;flex:1}
.yg-panel h2{font:400 var(--fs-28)/1.1 var(--serif);letter-spacing:-.01em;margin:0;color:var(--paper)}
.yg-panel h2:focus{outline:none}
.yg-intro{font-size:var(--fs-14);color:var(--muted);margin:var(--sp-8) 0 0;line-height:1.5}
.yg-close{display:grid;place-items:center;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;margin:-8px -8px 0 0;padding:0;border:1px solid transparent;border-radius:0;background:transparent;color:var(--paper);font-size:var(--fs-20);cursor:pointer}
.yg-panel-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-12) var(--sp-20) var(--sp-24);scrollbar-color:var(--edge) var(--panel-raised)}
.yg-panel-scroll>.lang-note{margin:var(--sp-4) 0 var(--sp-12);padding:var(--sp-8) var(--sp-12);border:1px solid var(--line);background:var(--panel)}

/* Recolhíveis do Guia: a cruz de fio é o único marcador (sem o nativo e sem o "+" global). */
.yg-browser,.yg-legend{margin:0;padding:0;border-bottom:1px solid var(--line)}
.yg-legend{margin-top:var(--sp-24);border-top:1px solid var(--line)}
.yg-layer summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);min-height:2.75rem;padding:0;list-style:none;cursor:pointer;font:600 var(--fs-12)/1.5 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--muted)}
.yg-layer summary::-webkit-details-marker{display:none}
.yg-layer summary::after{content:'';flex:none;width:.75rem;height:.75rem;margin:0;color:var(--gold);background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 100% no-repeat;transition:background-size var(--dur-2) var(--ease-out)}
.yg-layer details[open]>summary::after{content:'';background-size:100% 1px,1px 0}
@media(hover:hover){.yg-layer summary:hover{color:var(--paper)}}
.yg-legend dl{margin:0 0 var(--sp-16)}
.yg-legend dl>div{margin-top:var(--sp-12)}
.yg-legend dt{font:600 var(--fs-14)/1.4 var(--sans);color:var(--paper)}
.yg-legend dd{margin:2px 0 0;font-size:var(--fs-14);color:var(--read);line-height:1.6}
.yg-filters{display:grid;gap:var(--sp-12);padding:var(--sp-4) 0 var(--sp-16)}
.yg-field{display:grid;gap:var(--sp-8)}
.yg-field>span{font:600 var(--fs-12)/1.5 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--muted)}
.yg-field select,.yg-field input{display:block;width:100%;min-width:0;min-height:3rem;padding:.75rem .875rem;background:var(--field);border:1px solid var(--edge);border-radius:0;color:var(--paper);font:400 var(--fs-16)/1.5 var(--sans)}
.yg-field input::placeholder{color:var(--faint);opacity:1}
.yg-field select{padding-right:1.5rem;text-overflow:ellipsis}
.yg-field :focus-visible{border-color:var(--gold);outline-offset:2px}
.yg-clear-search{justify-self:start;border:0;background:none;padding:2px 0;min-height:2.25rem;color:var(--paper);font:500 var(--fs-14)/1.4 var(--sans);text-decoration:underline;text-underline-offset:.35em;text-decoration-color:var(--edge);cursor:pointer}

/* Explicação */
.yg-count{margin:var(--sp-16) 0 var(--sp-12);color:var(--faint);font-size:var(--fs-12);line-height:1.5;font-variant-numeric:var(--num-data)}
.yg-entry{overflow-wrap:anywhere}
.yg-entry h3{font:400 var(--fs-28)/1.15 var(--serif);letter-spacing:-.01em;color:var(--paper);margin:0 0 var(--sp-12)}
.yg-status{display:inline-block;max-width:100%;padding:.25rem .5rem;margin:0 0 var(--sp-8);border:1px solid var(--edge);border-radius:0;background:transparent;color:var(--paper);font:500 var(--fs-12)/1.5 var(--sans)}
.yg-entry-section{margin:var(--sp-20) 0 0;padding:0}
.yg-entry h4{font:600 var(--fs-12)/1.5 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-8)}
.yg-entry p{font-size:var(--fs-14);line-height:1.7;color:var(--read);margin:0 0 var(--sp-8)}
.yg-entry p.yg-status{font:500 var(--fs-12)/1.5 var(--sans);color:var(--paper);margin-bottom:var(--sp-8)}
.yg-sources{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-8)}
.yg-sources a{display:inline-flex;align-items:center;gap:var(--sp-8);min-height:2.25rem;padding:4px 0;color:var(--paper);border-bottom:1px solid var(--edge);font-size:var(--fs-14);line-height:1.5;overflow-wrap:anywhere}
.yg-sources a .ico{color:var(--gold)}
@media(hover:hover){.yg-sources a:hover{color:var(--gold);border-color:var(--gold)}}
.yg-source-note{font-size:var(--fs-12);color:var(--muted)}
.yg-message{margin:var(--sp-16) 0 0;color:var(--muted);font-size:var(--fs-12);line-height:1.6}
.yg-load-box{padding:var(--sp-16) 0 var(--sp-8);color:var(--read)}
.yg-load-box p{font-size:var(--fs-14);line-height:1.7;margin:0 0 var(--sp-12)}

/* Rodapé do painel: anterior e próximo; "Ver no site" é a única ação primária. */
.yg-panel-foot{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-8);padding:var(--sp-12) var(--sp-20) max(var(--sp-12),env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--panel-raised)}
.yg-step-nav{grid-column:1/-1;display:flex;gap:var(--sp-8)}
.yg-step-nav .yg-button{flex:1}
.yg-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-8);min-height:2.75rem;padding:0 var(--sp-12);border:1px solid var(--edge);border-radius:0;background:transparent;color:var(--paper);font:600 var(--fs-14)/1.3 var(--sans);cursor:pointer;text-align:center;transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}
.yg-button:disabled{opacity:.4;cursor:default;pointer-events:none}
.yg-primary{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.yg-disable{min-height:2.75rem;background:transparent;border:0;padding:0 0 0 var(--sp-8);color:var(--muted);font:500 var(--fs-14)/1.4 var(--sans);text-decoration:underline;text-underline-offset:.35em;text-decoration-color:var(--edge);cursor:pointer}
@media(hover:hover){
 .yg-close:hover{border-color:var(--edge);color:var(--gold)}
 .yg-button:not(.yg-primary):hover{border-color:var(--gold);color:var(--gold);background:#cfb47d14}
 .yg-primary:hover{background:var(--paper);border-color:var(--paper);color:var(--bg)}
 .yg-disable:hover,.yg-clear-search:hover{color:var(--gold)}
}

/* Lançador do painel recolhido e marcadores na página */
.yg-launcher{position:fixed;z-index:var(--z-float);left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;min-height:3rem;max-width:calc(100vw - 100px);padding:0 var(--sp-16);border:1px solid var(--gold);border-radius:0;background:var(--panel-raised);color:var(--paper);box-shadow:var(--shadow-float);font:600 var(--fs-14)/1.3 var(--sans);cursor:pointer;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),visibility 0s linear 0s}
.yg-markers{position:fixed;inset:0;pointer-events:none;z-index:-1}
.yg-marker{position:fixed;pointer-events:auto;display:grid;place-items:center;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;padding:0;border:1px solid var(--gold);border-radius:50%;background:var(--bg);color:var(--gold);box-shadow:var(--shadow-float);font-size:var(--fs-16);cursor:pointer;opacity:.96}
.yg-marker::before{content:'';position:absolute;inset:-4px;border-radius:50%}
@media(hover:hover){.yg-marker:hover{background:var(--gold);color:var(--bg)}}
.yg-target{outline:2px solid var(--gold)!important;outline-offset:6px!important;scroll-margin-top:calc(var(--chrome-height,148px) + 24px)!important}

/* Desktop largo: painel encaixado à direita, abaixo do cromo; o conteúdo recua e nada fica coberto. */
@media(min-width:1024px){
 body.yg-panel-open{--yg-dock:clamp(20rem,28vw,26rem)}
 body.yg-panel-open .yg-panel{top:var(--chrome-height,148px);right:0;bottom:0;width:var(--yg-dock);max-height:none;border-width:0 0 0 1px;border-color:var(--line);box-shadow:none}
 body.yg-panel-open #main,body.yg-panel-open>.site-footer{margin-right:var(--yg-dock)}
 body.yg-panel-open .sound-room:not(.is-minimized){right:calc(var(--yg-dock) + 22px)}
}
@media(max-width:1100px) and (min-width:761px){.yg-toggle{padding:0;width:2.75rem}.yg-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:760px){
 .yg-toggle{width:2.75rem;padding:0}
 .yg-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .yg-panel{top:auto;right:0;left:0;bottom:0;width:auto;height:auto;max-height:60svh;border-width:1px 0 0}
 .yg-panel-head{padding:var(--sp-12) var(--sp-16) var(--sp-8)}
 .yg-close{margin:-4px -8px 0 0}
 .yg-panel h2{font-size:1.5rem}
 .yg-intro{display:none}
 .yg-panel-scroll{padding:var(--sp-8) var(--sp-16) var(--sp-16)}
 .yg-panel-foot{padding:var(--sp-8) var(--sp-16) max(var(--sp-8),env(safe-area-inset-bottom,0px))}
 .yg-count{margin:var(--sp-12) 0 var(--sp-8)}
 .yg-entry h3{font-size:1.5rem}
 .yg-launcher{left:12px}
 .floaters-away .yg-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)}
}
@media(max-width:360px){
 body.yg-mounted .site-header{padding-inline:12px;gap:6px}
 body.yg-mounted .header-actions{gap:4px}
 body.yg-mounted .wordmark{font-size:1.5625rem}
 body.yg-mounted[data-work-area=institucional] .wordmark{font-size:1.4375rem}
}
@media(prefers-reduced-motion:reduce){.yg-layer *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.yg-layer,.yg-toggle{display:none!important}.yg-target{outline:none!important}body.yg-panel-open #main,body.yg-panel-open>.site-footer{margin-right:0}}