/* Peças comuns às demonstrações: aviso, rodapé da marca e alvos de toque. */
@font-face{font-family:"Mil Mono";src:url(../fonts/jetbrains-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Mil Mono";src:url(../fonts/jetbrains-700.woff2) format("woff2");font-weight:700;font-display:swap}
.faixa a{color:inherit;display:inline-block;text-decoration:underline;text-underline-offset:3px;padding:.15rem 0;white-space:nowrap}
.rodape-mil{display:flex;flex-wrap:wrap;gap:1.2rem 3rem;align-items:center;justify-content:space-between;padding:clamp(1.5rem,4vw,2.6rem) clamp(1rem,4vw,3rem);background:#101418;color:#F4F1E8;font:400 .95rem/1.55 "Mil Mono",ui-monospace,Menlo,Consolas,monospace}
.rodape-mil p{margin:0}
.rm-marca{font-weight:700;font-size:1.05rem}
.rm-marca a{color:inherit;text-decoration:none;display:inline-block;padding:.25rem 0}
.rm-marca b{color:#B8F34A}
.rm-texto{max-width:54ch;color:#CDD3DA;margin-top:.25rem!important}
.rm-links{display:flex;flex-wrap:wrap;gap:.6rem}
.rm-links a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 1rem;border:1px solid #AEB7C0;border-radius:3px;color:#F4F1E8;text-decoration:none;font-weight:700;font-size:.875rem}
.rm-links a:hover{border-color:#B8F34A;color:#B8F34A}
.rm-links a.cheio{background:#B8F34A;border-color:#B8F34A;color:#101418}
.rm-links a.cheio:hover{background:#F4F1E8;border-color:#F4F1E8;color:#101418}
.rodape-mil :focus-visible{outline:3px solid #B8F34A;outline-offset:2px;box-shadow:none}
#aviso:not(#_){position:fixed;top:0;left:0}
input[type=checkbox]:not(#_),input[type=radio]:not(#_){width:24px;height:24px}
@media (pointer:coarse){
  button:not(#_),select:not(#_),input:not([type=checkbox]):not([type=radio]):not(#_),textarea:not(#_){min-height:44px}
  nav a:not(#_){display:inline-flex;align-items:center;min-height:44px}
}
@media print{.rodape-mil,.faixa{display:none}}
