/* Casca do site público (layouts/public-v2.php): era o <style> inline do <head>, movido pra cá
   sem mudar nada (mesmas regras, mesma ordem, mesmo lugar na cascata) pra ir pro
   cache do navegador em vez de viajar em todo HTML (site leve, 30/09/2026). */
/* <helmet> dos .dc.html (união dos 7 arquivos públicos) */
body{margin:0;background:#F8F7F5;color:#181625;font-family:'Inter',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:#9a2c9d}a:hover{color:#C64FCA}
*{box-sizing:border-box}
input,button,select,textarea{font:inherit}
@keyframes nh-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes nh-fade{from{opacity:0}to{opacity:1}}
@keyframes nh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes nh-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes nh-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.12s!important;transition-property:color,background-color,border-color,opacity,box-shadow,outline-color,fill,stroke!important}}
/* bloco de texto que acompanha a rolagem ao lado de um formulário/lista: só quando há duas colunas (17/09/2026) */
@media (max-width:959px){.dc-sticky-intro{position:static!important}}

/* tema escuro = `static DARK` do renderVals(), aplicado pelo data-theme do <html> (cookie nh_theme) ou pelo sistema */
html[data-theme="dark"] .dc-theme,
html[data-theme="dark"] body{--accent:#e07de3;--accent-ink:#edb0ee;--accent-wash:#33203a;--cta:#e07de3;--cta-ink:#1a1020;--cta-hover:#edb0ee;--band:#241F38;--band-ink:#fff;--band-eyebrow:#f0b4f0;--accent-soft:#251a29;--deep:#1a1626;--ground:#141317;--surface:#1d1b21;--surface-2:#19171d;--ink:#f1eef4;--soft:#b7b3bf;--muted:#8b8693;--line:#312d38;--line-strong:#453f4e;--ok:#74d6ae;--ok-wash:#16332a;--bad:#e79aa2;--bad-wash:#3a1f24;--wm:url(/assets/dc/wordmark-escuro.png);--shadow:0 1px 2px rgba(0,0,0,.45),0 16px 44px -14px rgba(0,0,0,.6);background:#141317;color:#f1eef4}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) .dc-theme,
  html:not([data-theme="light"]) body{--accent:#e07de3;--accent-ink:#edb0ee;--accent-wash:#33203a;--cta:#e07de3;--cta-ink:#1a1020;--cta-hover:#edb0ee;--band:#241F38;--band-ink:#fff;--band-eyebrow:#f0b4f0;--accent-soft:#251a29;--deep:#1a1626;--ground:#141317;--surface:#1d1b21;--surface-2:#19171d;--ink:#f1eef4;--soft:#b7b3bf;--muted:#8b8693;--line:#312d38;--line-strong:#453f4e;--ok:#74d6ae;--ok-wash:#16332a;--bad:#e79aa2;--bad-wash:#3a1f24;--wm:url(/assets/dc/wordmark-escuro.png);--shadow:0 1px 2px rgba(0,0,0,.45),0 16px 44px -14px rgba(0,0,0,.6);background:#141317;color:#f1eef4}
}
/* ícone do toggle: sol no escuro, lua no claro (sc-if isDark / isLight) */
.dc-sun{display:none}.dc-moon{display:block}
html[data-theme="dark"] .dc-sun{display:block}html[data-theme="dark"] .dc-moon{display:none}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) .dc-sun{display:block}html:not([data-theme="light"]) .dc-moon{display:none}
}
/* utilidades da casca que não existem no protótipo */
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--ground);padding:.6em 1em;z-index:99}
.skip:focus{left:8px;top:8px}
.navbar-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;z-index:100000;background:var(--accent);box-shadow:0 0 8px var(--accent);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}
.navbar-progress.on{opacity:1}
.previewbar{background:var(--accent-wash);color:var(--accent-ink);text-align:center;font-size:.875rem;font-weight:600;padding:.7em 1em}
/* menu no celular (fase 1 do mobile, 14/09/2026): abaixo de 1000px (era 720; a 768px os links estouravam o cabeçalho, ainda mais com a página Sobre no menu) os links viram um painel sob o cabeçalho, aberto pelo botão [data-nav-toggle] (site.js) */
.dc-navbtn{display:none}
@media (max-width:999px){
  .dc-navlinks{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0!important;padding:8px 16px 14px!important;background:var(--ground);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .dc-navlinks a{font-size:1.05rem!important;padding:12px 4px!important;text-align:left;border-bottom:1px solid var(--line);box-shadow:none!important}
  .dc-navlinks a[aria-current="page"]{color:var(--accent-ink)!important}
  body.nav-open .dc-navlinks{display:flex!important}
  .dc-navbtn{display:grid}
  .dc-navcta{display:none!important}
  body.nav-open .dc-navbtn .dc-ico-menu{display:none}.dc-navbtn .dc-ico-x{display:none}body.nav-open .dc-navbtn .dc-ico-x{display:block}
}
@media (max-width:719px){
  input,select,textarea{font-size:16px!important}
}
/* alvos de toque de 44px em tela de toque (estilos inline no cabeçalho e rodapé, por isso o !important); o visual não muda no desktop */
@media (pointer:coarse){
  .dc-navbtn,[data-theme-toggle]{width:44px!important;height:44px!important}
  header a[aria-label]{display:inline-flex!important;align-items:center;min-height:44px}
  footer a{display:inline-flex;align-items:center;min-height:44px;margin-block:-8px}
  /* linha legal: mesma altura de toque, sem empurrar a linha de base (padding e margem negativa se anulam) */
  footer .nh-legal a,footer .nh-legal .nh-ck-link{display:inline-block;min-height:0;padding-block:12px;margin-block:-12px}
}