/* Ajuda da Rotina: botão ? no topo, pop-up de novidades, manual (/manual/) e novidades (/novidades/).
   Carrega depois do ds/rizzygo.css. Spec: rotina/specs/manual-e-novidades.md */

/* Botão ? na faixa .familia, logo antes do botão de tema (ordem 70 no rizzygo.css) */
.ajuda-botao{order:65;flex:none;display:inline-grid;place-items:center;width:2rem;height:2rem;margin-left:.35rem;border-radius:var(--raio-pilula);border:1px solid rgba(255,255,255,.28);color:#F5A524;font:800 1rem/1 var(--f-titulo);text-decoration:none;transition:background-color .15s,border-color .15s}
.ajuda-botao:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:#F5A524}
.ajuda-botao[aria-current="page"]{background:rgba(255,255,255,.14)}
@media print{.ajuda-botao{display:none !important}}

/* Pop-up de novidades */
.novas{position:fixed;inset:0;z-index:70;background:rgba(8,17,41,.62);display:grid;place-items:center;padding:16px;animation:novas-entra .2s ease-out}
.novas-caixa:focus{outline:none}
.novas-caixa{background:var(--superficie);color:var(--tinta);border-radius:var(--raio);box-shadow:var(--sombra-2);max-width:30rem;width:100%;max-height:calc(100dvh - 32px);overflow:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}
.novas-cab{display:flex;gap:.8rem;align-items:center}
.novas-cab img{width:72px;height:72px;flex:none}
.novas-cab h2{margin:0;font-size:var(--t-sub);line-height:1.2}
.novas-sobre{margin:0 0 .2rem;color:var(--suave);font-size:var(--t-pequeno);font-weight:700}
.novas-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.novas-lista li{display:grid;grid-template-columns:2rem 1fr;gap:.6rem;align-items:start;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--linha);background:var(--fundo)}
.novas-ic{font-size:1.35rem;line-height:1.4}
.novas-lista b{display:block;font-family:var(--f-titulo);font-size:1rem}
.novas-lista p{margin:.15rem 0 0;line-height:1.45}
.novas-lista a{display:inline-block;margin-top:.35rem;font-weight:700}
.novas-acoes{display:flex;flex-wrap:wrap;gap:.5rem}
.novas-acoes .btn{flex:1 1 10rem;justify-content:center;text-align:center}
@media (max-width:420px){.novas-caixa{padding:1rem;gap:.8rem}.novas-cab img{width:56px;height:56px}.novas-lista li{padding:.6rem .7rem}.novas-lista p{font-size:.92rem}}
@keyframes novas-entra{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.novas{animation:none}}

/* Manual e página de novidades */
.ajuda-pagina{max-width:var(--largura-texto);margin:0 auto;padding:2rem 16px 3rem}
.ajuda-pagina h1{font-size:var(--t-pagina);line-height:1.1;margin:.3rem 0 .6rem}
.ajuda-pagina > .lead{margin-bottom:1.5rem}
.ajuda-indice{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem 1.2rem;margin:0 0 2rem}
.ajuda-indice h2{font-size:var(--t-sub);margin:0 0 .5rem}
.ajuda-indice ol{margin:0;padding-left:1.8rem;columns:2 14rem;column-gap:2rem}
.ajuda-indice li{margin:.2rem 0;break-inside:avoid}
.ajuda-secao{scroll-margin-top:5rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--linha)}
.ajuda-secao h2{font-size:var(--t-secao);margin:0 0 .5rem;display:flex;gap:.5rem;align-items:center}
.ajuda-secao h3{font-size:var(--t-sub);margin:1.5rem 0 .4rem;scroll-margin-top:5rem}
.ajuda-secao p,.ajuda-secao li{line-height:1.6}
.ajuda-secao ul{padding-left:1.2rem}
.ajuda-fig{margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.ajuda-fig img{width:100%;max-width:22rem;height:auto;border-radius:18px;border:1px solid var(--linha);box-shadow:var(--sombra-1);background:var(--superficie)}
.ajuda-fig figcaption{color:var(--suave);font-size:var(--t-pequeno);text-align:center;max-width:24rem}
.ajuda-dica{background:var(--ambar-claro);border-radius:12px;padding:.8rem 1rem;margin:1rem 0}
.ajuda-dica p{margin:0}
.ajuda-tabela{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
.ajuda-tabela th,.ajuda-tabela td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--linha);vertical-align:top}
.ajuda-tabela th{font-family:var(--f-titulo)}
.ajuda-voltar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.novas-edicao{margin-top:1.5rem}
.novas-edicao h2{font-size:var(--t-secao);margin:0 0 .4rem}
@media (min-width:760px){.ajuda-fig.lado{flex-direction:row;align-items:flex-start;gap:1.5rem}.ajuda-fig.lado img{max-width:18rem}.ajuda-fig.lado figcaption{text-align:left}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ajuda-dica{color:var(--tinta)}}