body.pub{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px}
  .capa{width:400px;max-width:100%;background:var(--panel);border:1px solid var(--linha);
        border-top:2.5px solid var(--latao);border-radius:14px;padding:30px 30px 26px;
        box-shadow:0 1px 0 var(--linha),0 18px 40px -28px rgba(27,23,18,.5)}
  .capa .marca{display:flex;align-items:center;gap:11px;justify-content:center}
  /* selo § — mesmo brasão da sidebar (bordô + filete latão); cores vêm dos tokens */
  .capa .marca .mk{width:34px;height:34px;border-radius:6px;background:var(--azul);border:1.5px solid var(--latao);box-shadow:inset 0 0 0 1px rgba(255,253,248,.18);display:grid;place-items:center;color:#F0DCAE;font-family:var(--news);font-size:19px;font-weight:600;flex:0 0 auto}
  .capa .marca .nm{font-family:var(--news);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1}
  .capa .marca .nm b{color:var(--faint);font-weight:500}
  .capa .lede{font-family:var(--body);color:var(--suave);font-size:14px;margin:11px 0 3px;text-align:center}
  .capa hr{border:0;border-top:1px solid var(--linha);margin:19px 0 4px}
  .capa form{display:block}
  .capa label{font-family:var(--sans);display:block;font-size:12px;font-weight:600;letter-spacing:.02em;
        color:var(--suave);margin:15px 0 5px}
  .capa input,.capa select{font-family:var(--sans);width:100%;padding:10px 12px;border:1px solid var(--linha-2);
        border-radius:9px;font-size:14px;background:var(--bg);color:var(--tinta)}
  .capa input:focus,.capa select:focus{outline:2px solid var(--azul);outline-offset:1px;border-color:var(--azul-ink)}
  .capa .dupla{display:grid;grid-template-columns:1fr 96px;gap:10px}
  .capa .dica{font-family:var(--sans);font-size:11.5px;color:var(--faint);margin-top:5px}
  .capa button{width:100%;height:40px;margin-top:22px;font-size:13.5px}
  .capa .erro{font-family:var(--sans);background:var(--crit-dim);color:var(--crit);
        border:1px solid color-mix(in srgb,var(--crit) 40%,transparent);
        border-radius:3px;padding:10px 12px;font-size:13px;margin-bottom:4px}
  .capa .rodape{font-family:var(--sans);text-align:center;margin-top:18px;font-size:13px;color:var(--suave)}
  .tgpub{position:fixed;top:12px;right:12px;width:44px;height:44px;border:1px solid var(--linha-2);
        background:var(--panel);color:var(--suave);border-radius:9px;display:inline-grid;place-items:center;
        cursor:pointer;font-size:14px}
  .tgpub:hover{background:var(--hover);color:var(--tinta)}
  /* sombra e tinta do erro por tema — espelhados nos DOIS sentidos (SO + toggle).
     No escuro var(--crit) sobre var(--crit-dim) fica ~3.5:1 (< AA); #E68A90 dá ~6:1. */
  @media (prefers-color-scheme:dark){
    .capa{box-shadow:0 1px 0 var(--linha),0 18px 44px -26px rgba(0,0,0,.7)}
    .capa .erro{color:#E68A90}}
  :root[data-theme=dark] .capa{box-shadow:0 1px 0 var(--linha),0 18px 44px -26px rgba(0,0,0,.7)}
  :root[data-theme=dark] .capa .erro{color:#E68A90}
  :root[data-theme=light] .capa{box-shadow:0 1px 0 var(--linha),0 18px 40px -28px rgba(27,23,18,.5)}
  :root[data-theme=light] .capa .erro{color:var(--crit)}