/* Final UX pass: readable controls, stable anchors and native modal behavior. */
html{scroll-padding-top:96px}
#simulation,.sim-result,#sugestoes,#seu-momento,#projetos,#como-funciona,#duvidas{scroll-margin-top:96px}
#sim-error:empty{display:none}
[aria-invalid=true]{outline:2px solid #8c2727;outline-offset:3px}
.chat-panel{margin:0;padding:0;max-width:none;max-height:none;top:auto;left:auto;color:var(--ink)}
.chat-panel::backdrop{background:#123d3233}
body.chat-open{overflow:hidden}
body.chat-open .chat-launcher,body.chat-open .mobile-actions{display:none}
.panel-bar :is(a,button):focus-visible{outline-color:#e4d3b2;outline-offset:-3px}
.sim-card{scroll-margin-bottom:96px}
.section{padding-top:64px;padding-bottom:48px}
.about{gap:56px}
.about-monogram{min-height:240px}
.footer-bottom a{max-width:100%;overflow-wrap:anywhere}
.no-script{margin:20px auto;padding:20px;max-width:800px;font-size:16px;line-height:1.6}
.no-script a{text-decoration:underline}
@media(max-width:650px){
  .chat-panel{inset:0;width:100%;height:100dvh;padding-top:env(safe-area-inset-top)}
  .section{padding-top:44px;padding-bottom:36px}
  .about{gap:22px}
  .about-monogram{min-height:150px;font-size:92px}
  .about-monogram span{left:auto;right:20px;font-size:12px}
  .term-row select{font-size:16px}
  .parameter-grid{grid-template-columns:1fr}
  .parameter-grid input{font-size:16px}
  .sim-result{scroll-margin-bottom:90px}
}
@media(forced-colors:active){.button,.suggestion-whatsapp{border:1px solid ButtonText}}