/* Extraído sem alteração de frontend/porta-falsa/index.html, que por sua
   vez veio do relatório original. Os três estados de tema já estão certos
   aqui (`:root`, `@media prefers-color-scheme` e `[data-theme]`) — é o bug
   que docs/07 §6 nomeia, e o jeito de não reintroduzi-lo é não reescrever.
   O que a Fase 2 acrescenta vai em app.css, sempre nos três blocos. */
:root{
  --paper:#EAEDE9; --surface:#FBFCFA; --surface-2:#F1F4EF;
  --ink:#111814; --ink2:#48534C; --ink3:#6A756E;
  --rule:#D2D8D1; --rule-soft:#E1E6E0;
  --accent:#006B3F; --accent-soft:#DCEBE3;
  --signal:#E8B900; --signal-ink:#5A4600;
  --b1:#0A6247; --b2:#2E8757; --b3:#77A24C; --b4:#C79A1F; --b5:#D4762A; --b6:#8F9A93;
  --b1t:#fff; --b2t:#fff; --b3t:#12200f; --b4t:#231a00; --b5t:#fff; --b6t:#1b201d;
  --lock:#EEF1EC; --lock-ink:#5F6A63; --lock-rule:#D2D8D1;
  --cta:#006B3F; --cta-ink:#FFFFFF;
  --warn:#FFF6DA; --warn-ink:#4A3B00; --warn-rule:#E4C96A;
  --alert:#FDECE4; --alert-ink:#6B2E10; --alert-rule:#E8A882;
  --ln-fallback:#6B7670; --ln-fallback-ink:#FFFFFF;
  --field:#FFFFFF; --field-rule:#C6CDC5; --focus:#0B6BCB;
  --map-bg:#E6EAE4; --map-line:#8A968E; --iso:#111814; --shadow:0 1px 2px rgba(17,24,20,.06),0 8px 24px -12px rgba(17,24,20,.18);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0D1210; --surface:#151C18; --surface-2:#1B231E;
  --ink:#E6EBE7; --ink2:#A2AEA7; --ink3:#8A9690;
  --rule:#28312C; --rule-soft:#1F2823;
  --accent:#3BB77B; --accent-soft:#12291F;
  --signal:#F0CB33; --signal-ink:#0D1210;
  --b1:#1F9E6E; --b2:#4FB169; --b3:#8CBB4E; --b4:#D9B531; --b5:#E0803A; --b6:#6E7C75;
  --b1t:#04140d; --b2t:#04140d; --b3t:#0d1607; --b4t:#181200; --b5t:#170a00; --b6t:#C3CCC7;
  --lock:#1A211D; --lock-ink:#7E8983; --lock-rule:#2A332E;
  --cta:#3BB77B; --cta-ink:#04140D;
  --warn:#2A2408; --warn-ink:#F3DC94; --warn-rule:#5F5218;
  --alert:#2E1A11; --alert-ink:#F2BE9E; --alert-rule:#6B3B22;
  --ln-fallback:#7E8983; --ln-fallback-ink:#0D1210;
  --field:#111814; --field-rule:#39433D; --focus:#7FB6F5;
  --map-bg:#121A16; --map-line:#4B574F; --iso:#EAF0EC; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7);
}}
:root[data-theme="dark"]{
  --paper:#0D1210; --surface:#151C18; --surface-2:#1B231E;
  --ink:#E6EBE7; --ink2:#A2AEA7; --ink3:#8A9690;
  --rule:#28312C; --rule-soft:#1F2823;
  --accent:#3BB77B; --accent-soft:#12291F;
  --signal:#F0CB33; --signal-ink:#0D1210;
  --b1:#1F9E6E; --b2:#4FB169; --b3:#8CBB4E; --b4:#D9B531; --b5:#E0803A; --b6:#6E7C75;
  --b1t:#04140d; --b2t:#04140d; --b3t:#0d1607; --b4t:#181200; --b5t:#170a00; --b6t:#C3CCC7;
  --lock:#1A211D; --lock-ink:#7E8983; --lock-rule:#2A332E;
  --cta:#3BB77B; --cta-ink:#04140D;
  --warn:#2A2408; --warn-ink:#F3DC94; --warn-rule:#5F5218;
  --alert:#2E1A11; --alert-ink:#F2BE9E; --alert-rule:#6B3B22;
  --ln-fallback:#7E8983; --ln-fallback-ink:#0D1210;
  --field:#111814; --field-rule:#39433D; --focus:#7FB6F5;
  --map-bg:#121A16; --map-line:#4B574F; --iso:#EAF0EC; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:Archivo,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.02em}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.num{font-variant-numeric:tabular-nums}

/* ---------- header ---------- */
header{border-bottom:1px solid var(--rule);background:var(--surface)}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;padding:34px 0 30px;align-items:start}
h1{font-size:clamp(34px,5.2vw,56px);font-weight:800;line-height:.98;margin:10px 0 12px}
h1 em{font-style:normal;color:var(--accent)}
.lede{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.55;color:var(--ink2);max-width:52ch}
.dest{background:var(--surface-2);border:1px solid var(--rule);border-radius:3px;padding:16px 18px}
.dest .pin{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--signal-ink);background:var(--signal);padding:3px 8px;border-radius:2px}
.dest address{font-style:normal;font-weight:700;font-size:17px;margin:11px 0 3px;line-height:1.3}
.dest .sub{font-size:13px;color:var(--ink2)}
.badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}

/* line badges (cores oficiais BVG / S-Bahn Berlin) */
.ln{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:3.5px 5px;border-radius:2px;
  color:#fff;letter-spacing:.01em;white-space:nowrap}
.ln.walk{background:transparent;color:var(--ink3);border:1px dashed var(--rule);padding:2.5px 4px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule)}
.stat{padding:16px 0 20px;border-right:1px solid var(--rule-soft)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.03em}
.stat span{display:block;font-size:12px;color:var(--ink2);margin-top:6px;max-width:22ch}

/* ---------- section ---------- */
section{padding:34px 0}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
h2{font-size:23px;font-weight:700}
.shead p{margin:5px 0 0;font-size:13.5px;color:var(--ink2);max-width:62ch}

/* ---------- scenario switch ---------- */
.scen{display:inline-flex;background:var(--surface-2);border:1px solid var(--rule);border-radius:3px;padding:3px;gap:3px}
.scen button{appearance:none;border:0;background:transparent;color:var(--ink2);font:inherit;font-size:12.5px;
  font-weight:600;padding:7px 12px;border-radius:2px;cursor:pointer;white-space:nowrap}
.scen button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.scen button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

/* ---------- map ---------- */
.mapcard{background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow);overflow:hidden}
.mapwrap{position:relative;background:var(--map-bg)}
svg.map{display:block;width:100%;height:auto}
.cell{shape-rendering:crispEdges}
.bez{fill:none;stroke:var(--map-line);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none;opacity:.9}
.iso{fill:none;stroke:var(--iso);vector-effect:non-scaling-stroke;pointer-events:none;stroke-linejoin:round}
.iso60{stroke-width:2.2}
.iso30{stroke-width:1.4;stroke-dasharray:5 4;opacity:.8}
.bezlabel{fill:var(--ink2);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  pointer-events:none;paint-order:stroke;stroke:var(--map-bg);stroke-width:3.5px;stroke-linejoin:round;opacity:.92}
.dot{stroke:var(--surface);stroke-width:1.4;cursor:pointer;transition:r .12s ease}
.dot.dim{opacity:.16}
.dot.hot{stroke:var(--ink);stroke-width:2.4}
.destmark{pointer-events:none}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--paper);border-radius:3px;
  padding:9px 11px;font-size:12.5px;line-height:1.4;max-width:250px;opacity:0;transition:opacity .1s;z-index:5}
.tip b{font-size:13.5px}
.tip .t2{color:#9fb0a7;font-size:11.5px}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:0;border-top:1px solid var(--rule);
  background:var(--surface);padding:0}
.lg{flex:1 1 90px;padding:10px 12px;border-right:1px solid var(--surface);min-width:90px}
.lg:last-child{border-right:0}
.lg b{display:block;font-size:12.5px;font-weight:700}
.lg span{display:block;font-size:11px;opacity:.85;margin-top:1px}
.mapnote{padding:11px 14px;border-top:1px solid var(--rule);font-size:12px;color:var(--ink3);background:var(--surface);
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.keyline{display:inline-flex;align-items:center;gap:6px;color:var(--ink2);font-weight:600}
.keyline svg{display:block}

/* ---------- filters ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;background:var(--surface-2);
  border:1px solid var(--rule);border-radius:3px;margin-bottom:14px}
.filters label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);
  display:block;margin-bottom:5px}
.fgroup{display:flex;flex-direction:column}
select,input[type=search]{font:inherit;font-size:13.5px;padding:7px 9px;border:1px solid var(--rule);
  border-radius:2px;background:var(--surface);color:var(--ink);min-width:150px}
input[type=range]{width:150px;accent-color:var(--accent)}
select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.rangeval{font-size:13px;font-weight:700;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{appearance:none;font:inherit;font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;cursor:pointer;
  border:1px solid var(--rule);background:var(--surface);color:var(--ink2)}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.count{margin-left:auto;font-size:12.5px;color:var(--ink2);align-self:flex-end;padding-bottom:7px}

/* ---------- table ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--rule);border-radius:3px;background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:900px}
th{position:sticky;top:0;z-index:2;background:var(--surface-2);text-align:left;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:10px 12px;border-bottom:1px solid var(--rule);
  cursor:pointer;white-space:nowrap;user-select:none}
th:hover{color:var(--ink)}
th .ar{opacity:.35;font-size:9px}
th[aria-sort] .ar{opacity:1;color:var(--accent)}
td{padding:11px 12px;border-bottom:1px solid var(--rule-soft);vertical-align:top;font-size:13.5px}
tbody tr:hover{background:var(--surface-2)}
tbody tr.hot{background:var(--accent-soft)}
.nm{font-weight:700;font-size:14px;line-height:1.25}
.nm small{display:block;font-weight:500;color:var(--ink3);font-size:11.5px;margin-top:2px;letter-spacing:.02em}
.time{display:inline-flex;align-items:baseline;gap:2px;font-weight:800;font-size:15px;padding:3px 8px;border-radius:2px}
.time i{font-style:normal;font-weight:600;font-size:10px;opacity:.75}
.route{display:flex;flex-wrap:wrap;gap:3px;align-items:center;max-width:230px}
.arrow{color:var(--ink3);font-size:10px}
.desc{color:var(--ink2);font-size:12.5px;line-height:1.4;max-width:38ch}
.rent{font-weight:700}
.rent i{font-style:normal;font-weight:400;color:var(--ink3);font-size:11px}
.tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}
.tag{font-size:10px;font-weight:600;letter-spacing:.03em;padding:2px 6px;border-radius:2px;
  background:var(--surface-2);border:1px solid var(--rule-soft);color:var(--ink3)}
.empty{padding:36px;text-align:center;color:var(--ink3);font-size:14px}

/* ---------- prose ---------- */
.prose{font-family:Newsreader,Georgia,serif;font-size:16.5px;line-height:1.62;color:var(--ink2);max-width:66ch}
.prose p{margin:0 0 14px}
.prose strong{color:var(--ink);font-weight:600}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
.note{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);
  border-radius:0 3px 3px 0;padding:16px 18px}
.note h3{font-size:14px;font-weight:700;margin-bottom:7px}
.note p,.note li{font-size:13.5px;color:var(--ink2);line-height:1.5;margin:0 0 8px}
.note ul{margin:0;padding-left:17px}
.note li{margin-bottom:5px}
.note a{color:var(--accent)}
.pick{background:var(--surface);border:1px solid var(--rule);border-radius:3px;padding:16px 18px;box-shadow:var(--shadow)}
.pick .rank{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}
.pick h3{font-size:19px;font-weight:800;margin:6px 0 3px}
.pick .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 10px}
.pick p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.5}
footer{border-top:1px solid var(--rule);padding:26px 0 44px;font-size:12.5px;color:var(--ink3)}
footer a{color:var(--ink2)}
footer h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;gap:22px;padding-bottom:24px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{border-right:0;border-bottom:1px solid var(--rule-soft);padding:14px 0}
  .count{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── Porta falsa: captura de e-mail e aviso do Kriminalitätsatlas ────────── */
.ask{background:var(--surface-2);border:1px solid var(--rule);border-radius:14px;
     padding:28px 24px;margin:8px 0 32px}
.ask h2{margin:0 0 6px}
.ask .lede{margin:0 0 18px}
.askform{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.askform label{display:block;font-size:13px;color:var(--ink2);margin:0 0 4px}
.askfield{flex:1 1 220px;min-width:0}
.askform input{width:100%;box-sizing:border-box;padding:11px 12px;font:inherit;
     color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:9px}
.askform input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.askform button{padding:11px 20px;font:inherit;font-weight:600;cursor:pointer;
     color:var(--signal-ink);background:var(--signal);border:0;border-radius:9px;
     align-self:flex-end}
.askform button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.askform button[disabled]{opacity:.6;cursor:progress}
.askmsg{margin:14px 0 0;font-size:14px;min-height:1.2em}
.askmsg[data-state="ok"]{color:var(--signal)}
.askmsg[data-state="erro"]{color:var(--ink)}
.asknote{margin:14px 0 0;font-size:13px;color:var(--ink3)}
.caveat{border-left:3px solid var(--rule);padding:2px 0 2px 14px;margin:14px 0;
     color:var(--ink2);font-size:14px}
@media (max-width:520px){.askform button{width:100%;align-self:stretch}}

/* ═══════════════════════════════════════════════════════════════════════════
   Fase 2 — o que o aplicativo acrescenta ao relatório.
   Toda cor daqui para baixo usa variável declarada nos três estados acima.
   ═══════════════════════════════════════════════════════════════════════════ */

:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}

/* ---------- formulário de consulta ---------- */
.query{background:var(--surface);border:1px solid var(--rule);border-radius:14px;
  padding:18px;box-shadow:var(--shadow);margin:22px 0}
.qgrid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;
  gap:12px;align-items:end}
.qfield{display:flex;flex-direction:column;gap:5px;min-width:0;position:relative}
.qfield label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink3)}
.qfield input,.qfield select{font:inherit;color:var(--ink);background:var(--field);
  border:1px solid var(--field-rule);border-radius:9px;padding:10px 11px;width:100%}
.qfield input[type=time]{font-variant-numeric:tabular-nums}
button.go{font:inherit;font-weight:700;background:var(--cta);color:var(--cta-ink);
  border:0;border-radius:9px;padding:11px 20px;cursor:pointer;white-space:nowrap}
button.go[disabled]{opacity:.5;cursor:not-allowed}

/* ---------- autocomplete ---------- */
.suggest{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;
  background:var(--surface);border:1px solid var(--rule);border-radius:10px;
  box-shadow:var(--shadow);max-height:280px;overflow:auto;padding:4px}
.suggest[hidden]{display:none}
.suggest li{list-style:none;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:14px}
.suggest li[aria-selected=true]{background:var(--accent-soft)}
.suggest li small{display:block;color:var(--ink3);font-size:11.5px}
.suggest li.out small{color:var(--alert-ink)}

/* ---------- avisos ---------- */
.notice{border-radius:11px;padding:13px 15px;margin:12px 0;font-size:14px;line-height:1.5;
  border:1px solid var(--warn-rule);background:var(--warn);color:var(--warn-ink)}
.notice.strong{border-color:var(--alert-rule);background:var(--alert);color:var(--alert-ink)}
.notice b{display:block;margin-bottom:3px}
.notice .num{font-variant-numeric:tabular-nums}
.notice[hidden]{display:none}

/* ---------- paywall ---------- */
td.locked{background:var(--lock);color:var(--lock-ink);font-size:12px;
  border-left:1px dashed var(--lock-rule)}
/* O nome do bairro bloqueado. Reusa as MESMAS variáveis de --lock, que já
   estão definidas nos três estados de tema (:root, prefers-color-scheme e
   [data-theme]). Definir uma cor nova aqui só dentro de um @media é o bug que
   deixa a página ilegível para quem usa o padrão do sistema. */
.nm.nmlocked{color:var(--lock-ink);font-weight:600}
.nm.nmlocked span{font-weight:600;letter-spacing:.01em}
.paywall{background:var(--surface);border:1px solid var(--rule);border-radius:14px;
  padding:22px;margin:20px 0;box-shadow:var(--shadow)}
.paywall h3{font-size:19px;margin-bottom:8px}
.paywall p{color:var(--ink2);margin:0 0 14px;max-width:62ch}
.paywall ul{margin:0 0 16px 18px;color:var(--ink2);font-size:14px}
.price{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--ink);margin-right:10px}

/* ---------- barra de acesso ---------- */
.access{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13px;
  background:var(--accent-soft);color:var(--ink);border-radius:10px;padding:9px 14px;margin:14px 0}
.access .num{font-variant-numeric:tabular-nums;font-weight:700}
.access[hidden]{display:none}

/* ---------- estados ---------- */
.state{padding:34px 20px;text-align:center;color:var(--ink2)}
.state[hidden]{display:none}
.spin{width:22px;height:22px;border:2.5px solid var(--rule);border-top-color:var(--accent);
  border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}

/* ---------- sem rota ---------- */
.noroute{margin:18px 0;font-size:13.5px;color:var(--ink2)}
.noroute h3{font-size:15px;color:var(--ink);margin-bottom:6px}
.noroute .names{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.noroute .names span{background:var(--surface-2);border:1px solid var(--rule-soft);
  border-radius:20px;padding:3px 11px;font-size:12px}

/* ---------- crachá de linha sem cor no feed ---------- */
.ln.nocolor{background:var(--ln-fallback);color:var(--ln-fallback-ink)}

/* ---------- 390 px ---------- */
@media (max-width:860px){
  .qgrid{grid-template-columns:1fr 1fr}
  .qfield.addr{grid-column:1/-1}
  button.go{grid-column:1/-1;width:100%;padding:13px}
}

/* ---------- guias (Fase 3.2) ---------- */
/* Só variáveis já declaradas nos três estados acima. Nenhuma cor nova. */
.guia{max-width:64ch;margin:0 auto;padding:44px 20px 72px}
.guia h1{font-size:clamp(28px,5vw,42px);line-height:1.05;margin:10px 0 14px}
.guia h2{font-size:21px;margin:34px 0 10px}
.guia h3{font-size:16px;margin:24px 0 6px}
.guia p,.guia li{color:var(--ink2);line-height:1.62}
.guia p{margin:0 0 14px}
.guia ul,.guia ol{margin:0 0 16px 20px}
.guia li{margin-bottom:7px}
.guia strong{color:var(--ink)}
.guia .lede{font-family:Newsreader,Georgia,serif;font-size:18px;color:var(--ink2)}
.guia a{color:var(--accent)}
.de{font-style:normal;font-weight:600;color:var(--ink)}
/* --ink2, não --ink3: sobre o fundo da página o terciário cai a 4,06:1, e a
   citação da fonte é a última coisa que pode ficar ilegível — procedência que
   não dá para ler é procedência que não existe (regra 1). O tamanho menor já
   a mantém como texto secundário. */
.fonte{font-size:12.5px;color:var(--ink2);border-left:2px solid var(--rule);
  padding-left:11px;margin:14px 0 20px}
.fonte a{color:var(--ink2);text-decoration:underline}
table.n{width:100%;border-collapse:collapse;margin:8px 0 6px;font-size:14px}
table.n th,table.n td{text-align:left;padding:7px 9px;border-bottom:1px solid var(--rule-soft)}
table.n th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:700}
table.n td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.tablewrap.n{overflow-x:auto}
.aviso{border:1px solid var(--warn-rule);background:var(--warn);color:var(--warn-ink);
  border-radius:11px;padding:13px 15px;margin:18px 0;font-size:14px;line-height:1.55}
.aviso b{display:block;margin-bottom:3px}
.guianav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.guianav a{display:block;flex:1 1 200px;background:var(--surface);border:1px solid var(--rule);
  border-radius:11px;padding:13px 15px;text-decoration:none;color:var(--ink);font-weight:600}
.guianav a small{display:block;font-weight:400;font-size:12.5px;color:var(--ink3);margin-top:3px}
.voltar{font-size:13.5px;margin-bottom:22px;display:block}