/* Níveis de estudo — selos e placas (ver niveis.js) */
.atq-nivel{
  --c:#6b7280; --w:#f3f4f6;
  display:inline-flex; align-items:center; gap:6px;
  font:600 12px/1 'Instrument Sans', system-ui, sans-serif; letter-spacing:.02em;
  color:var(--c); background:var(--w); border:1px solid var(--c);
  border-radius:999px; padding:4px 10px 4px 4px; margin:0 0 10px;
}
.atq-nivel b{
  display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%;
  background:var(--c); color:#fff; font-size:11px;
}

.atq-placa{
  --c:#b45309; --w:#fff7e6;
  background:var(--w); border-top:3px solid var(--c); border-bottom:1px solid var(--c);
  color:#1f2937; font:15px/1.5 'Instrument Sans', system-ui, sans-serif;
  padding:14px 0;
}
.atq-placa b{ color:var(--c) }
.atq-placa a{ color:var(--c); font-weight:600; margin-left:4px }
.atq-placa-topo{ border-top:0 }

/* cores por nível (depois dos padrões acima) */
.atq-n0{--c:#6b7280; --w:#f3f4f6}
.atq-n1{--c:#15803d; --w:#ecfdf3}
.atq-n2{--c:#1d4ed8; --w:#eff4ff}
.atq-n3{--c:#b45309; --w:#fff7e6}
.atq-n4{--c:#9f1239; --w:#fff0f3}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .atq-n0{--w:#1f2329}
  :root:not([data-theme="light"]) .atq-n1{--c:#4ade80; --w:#10261a}
  :root:not([data-theme="light"]) .atq-n2{--c:#7aa2ff; --w:#141d33}
  :root:not([data-theme="light"]) .atq-n3{--c:#f0a640; --w:#2a2010}
  :root:not([data-theme="light"]) .atq-n4{--c:#fb7193; --w:#2c1219}
  :root:not([data-theme="light"]) .atq-placa{ color:#e5e7eb }
  :root:not([data-theme="light"]) .atq-nivel b{ color:#111 }
}
:root[data-theme="dark"] .atq-n0{--w:#1f2329}
:root[data-theme="dark"] .atq-n1{--c:#4ade80; --w:#10261a}
:root[data-theme="dark"] .atq-n2{--c:#7aa2ff; --w:#141d33}
:root[data-theme="dark"] .atq-n3{--c:#f0a640; --w:#2a2010}
:root[data-theme="dark"] .atq-n4{--c:#fb7193; --w:#2c1219}
:root[data-theme="dark"] .atq-placa{ color:#e5e7eb }
:root[data-theme="dark"] .atq-nivel b{ color:#111 }