/* Similaridade de cosseno · Amanda Noronha®
   Base: o CSS que estava no bloco HTML da página, sem alteração.
   Acréscimos da 2.24.0 no fim: busca por URL, faixas e grifo. */

#an-cs{--f:#EC1180;--fm:#DA31A5;--n:#0C1438;--e:#142155;--r:#5A0099;--c:#22E8F0;--g:#F4F7FF;--s:#C4CBE4;--m:#8E9AC4;
font-family:Inter,system-ui,sans-serif;color:var(--g);max-width:1180px;margin:0 auto}
#an-cs .an-cs__rot{font:600 13px/1 Chivo,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--f);margin:0 0 14px}
#an-cs h1{font:800 clamp(28px,3.6vw,42px)/1.12 Chivo,sans-serif;margin:0 0 16px;color:var(--g);letter-spacing:-.5px;max-width:780px}
#an-cs .an-cs__sub{font-size:18px;line-height:1.6;color:var(--s);margin:0 0 34px;max-width:680px}
#an-cs .an-cs__grade{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:860px){#an-cs .an-cs__grade{grid-template-columns:1fr}}
#an-cs .an-cs__campo{display:block;min-width:0}
#an-cs .an-cs__nome{display:block;font:600 12px/1 Chivo,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--c);margin:0 0 10px}
#an-cs textarea{width:100%;box-sizing:border-box;min-height:130px;resize:vertical;background:rgba(12,20,56,.6);border:1px solid rgba(244,247,255,.16);border-radius:12px;padding:16px;color:var(--g);font:400 15px/1.55 Inter,system-ui,sans-serif}
#an-cs textarea:focus{outline:none;border-color:var(--f);box-shadow:0 0 0 3px rgba(236,17,128,.22)}
#an-cs .an-cs__acoes{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 34px}
#an-cs .an-cs__bt{cursor:pointer;border:0;border-radius:100px;padding:.85em 1.7em;font:700 14px/1 Chivo,sans-serif;letter-spacing:.6px;background:var(--f);color:#fff;transition:filter .2s}
#an-cs .an-cs__bt:hover{filter:brightness(1.12)}
#an-cs .an-cs__bt--linha{background:transparent;color:var(--s);border:1px solid rgba(244,247,255,.28)}
#an-cs .an-cs__saida{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start;background:rgba(20,33,85,.5);border:1px solid rgba(244,247,255,.12);border-radius:16px;padding:30px}
@media(max-width:860px){#an-cs .an-cs__saida{grid-template-columns:1fr}}
#an-cs .an-cs__medidor{text-align:center}
#an-cs .an-cs__valor{font:800 clamp(40px,6vw,64px)/1 Chivo,sans-serif;color:var(--g);letter-spacing:-1px}
#an-cs .an-cs__legenda{font:600 12px/1.4 Chivo,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--m);margin-top:10px}
#an-cs .an-cs__angulo{font-size:14px;color:var(--s);margin-top:6px}
#an-cs .an-cs__leitura{display:inline-block;margin-top:16px;padding:7px 15px;border-radius:100px;font:600 13px/1.3 Chivo,sans-serif;letter-spacing:.5px}
#an-cs .an-cs__leitura:empty{display:none}
#an-cs .an-cs__conta{font:400 14px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--s);margin:0}
#an-cs .an-cs__conta b{color:var(--g);font-weight:600}
#an-cs .an-cs__tab{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
#an-cs .an-cs__tab th{text-align:left;font:700 12px/1 Chivo,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:var(--c);padding:0 10px 12px 0;border-bottom:1px solid rgba(34,232,240,.4)}
#an-cs .an-cs__tab td{padding:10px 10px 10px 0;border-bottom:1px solid rgba(244,247,255,.12);color:var(--g);font-size:15px}
#an-cs .an-cs__diag{font-size:13px;color:var(--s);margin:14px 0 0}
#an-cs .an-cs__tab td:first-child{color:var(--g);font-weight:500}
#an-cs .an-cs__barra{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--r),var(--f))}
#an-cs .an-cs__nota{font-size:13px;color:var(--m);margin-top:22px;line-height:1.6}

/* Blindagem contra o tema (2.24.1). A calculadora pode cair numa linha que o
   tema trata como hero (texto centrado, parágrafo com margem automática,
   cor clara forçada no parágrafo). Com o id na frente, as regras daqui
   ganham das do tema sem precisar de !important. */
#an-cs{text-align:left}
#an-cs p,#an-cs h1,#an-cs ol,#an-cs li,#an-cs label,#an-cs td,#an-cs th,#an-cs summary{color:inherit}
#an-cs p,#an-cs h1{margin-left:0;margin-right:0}
#an-cs p{max-width:none}
#an-cs li{font-size:inherit;line-height:inherit}

/* ---------- 2.24.0 · busca por URL ---------- */
#an-cs .an-cs__url{display:flex;gap:8px;margin:0 0 8px}
#an-cs .an-cs__url input[type="url"]{border-width:1px;flex:1;min-width:0;box-sizing:border-box;height:40px;background:rgba(12,20,56,.6);border:1px solid rgba(244,247,255,.16);border-radius:10px;padding:0 12px;color:var(--g);font:400 14px/1 Inter,system-ui,sans-serif;box-shadow:none;margin:0}
#an-cs .an-cs__url input[type="url"]::placeholder{color:var(--m);opacity:1}
#an-cs .an-cs__url input[type="url"]:focus{outline:none;border-color:var(--f);box-shadow:0 0 0 1px var(--f)}
#an-cs .an-cs__bt--peq{padding:0 16px;height:40px;font-size:13px;white-space:nowrap;flex:none}
#an-cs .an-cs__bt[disabled]{opacity:.55;cursor:progress;filter:none}
#an-cs .an-cs__status{font-size:13px;line-height:1.5;color:var(--s);margin:0 0 8px;min-height:0}
#an-cs .an-cs__status:empty{display:none}
#an-cs .an-cs__status--erro{color:#FF9CCB}
#an-cs .an-cs__status b{color:var(--g);font-weight:600}
#an-cs .an-cs__priv{font-size:13px;line-height:1.6;color:var(--m);margin:16px 0 0;max-width:820px}
@media(max-width:480px){#an-cs .an-cs__url{flex-wrap:wrap}#an-cs .an-cs__bt--peq{width:100%}}

/* ---------- 2.24.0 · faixas de leitura ---------- */
#an-cs .an-cs__faixa,#an-cs .an-cs__grifo{margin-top:24px;background:rgba(20,33,85,.5);border:1px solid rgba(244,247,255,.12);border-radius:16px;padding:26px 30px}
#an-cs .an-cs__faixa[hidden],#an-cs .an-cs__grifo[hidden]{display:none}
#an-cs .an-cs__tit{font:700 20px/1.25 Chivo,sans-serif;color:var(--g);margin:0 0 16px;letter-spacing:-.2px}
#an-cs .an-cs__escala{position:relative;margin:0 0 18px}
#an-cs .an-cs__trilho{position:relative;display:flex;height:12px;border-radius:6px;overflow:visible}
#an-cs .an-cs__trilho span{display:block;height:100%}
#an-cs .an-cs__trilho span[data-f="1"]{width:40%;background:rgba(142,154,196,.35);border-radius:6px 0 0 6px}
#an-cs .an-cs__trilho span[data-f="2"]{width:30%;background:rgba(168,129,212,.55)}
#an-cs .an-cs__trilho span[data-f="3"]{width:15%;background:rgba(236,17,128,.7)}
#an-cs .an-cs__trilho span[data-f="4"]{width:15%;background:#EC1180;border-radius:0 6px 6px 0}
#an-cs .an-cs__trilho span+span{box-shadow:inset 2px 0 0 #0C1438}
#an-cs .an-cs__trilho i{position:absolute;top:-6px;width:4px;height:24px;margin-left:-2px;border-radius:2px;background:var(--g);box-shadow:0 0 0 2px #0C1438;left:0;transition:left .6s cubic-bezier(.2,.8,.2,1)}
#an-cs .an-cs__cortes{position:relative;height:16px;margin-top:6px}
#an-cs .an-cs__cortes span{position:absolute;transform:translateX(-50%);font:600 12px/16px Chivo,sans-serif;color:var(--m)}
#an-cs .an-cs__nomes{display:grid;grid-template-columns:40% 30% 15% 15%;margin-top:2px}
#an-cs .an-cs__nomes span{font:600 11px/1.3 Chivo,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--m);padding-right:6px}
#an-cs .an-cs__nomes span.on{color:var(--g)}
@media(max-width:620px){#an-cs .an-cs__nomes{display:none}}
#an-cs .an-cs__diz{font-size:16px;line-height:1.6;color:var(--g);margin:0 0 10px}
#an-cs .an-cs__conf{font-size:15px;line-height:1.6;color:var(--s);margin:0 0 14px}
#an-cs .an-cs__gsc{border-top:1px solid rgba(244,247,255,.12);padding-top:12px;margin-top:4px}
#an-cs .an-cs__gsc summary{cursor:pointer;font:700 14px/1.4 Chivo,sans-serif;color:var(--c);list-style:none}
#an-cs .an-cs__gsc summary::-webkit-details-marker{display:none}
#an-cs .an-cs__gsc summary::before{content:"+";display:inline-block;width:18px;font-weight:800}
#an-cs .an-cs__gsc[open] summary::before{content:"\2212"}
#an-cs .an-cs__gsc ol{margin:10px 0 0 20px;padding:0;color:var(--s);font-size:15px;line-height:1.6}
#an-cs .an-cs__gsc li{margin:0 0 6px;padding:0}
#an-cs .an-cs__crit{font-size:13px;line-height:1.6;color:var(--m);margin:14px 0 0}
@media(max-width:620px){#an-cs .an-cs__faixa,#an-cs .an-cs__grifo{padding:22px 18px}}

/* ---------- 2.24.0 · grifo ---------- */
#an-cs .an-cs__grifo-leg{font-size:14px;line-height:1.6;color:var(--s);margin:-6px 0 18px}
#an-cs .an-cs__grifo-grade{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:860px){#an-cs .an-cs__grifo-grade{grid-template-columns:1fr}}
#an-cs .an-cs__grifo-grade>div{min-width:0}
#an-cs .an-cs__grifo-txt{max-height:380px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(12,20,56,.6);border:1px solid rgba(244,247,255,.12);border-radius:12px;padding:16px;font-size:15px;line-height:1.7;color:var(--s)}
#an-cs .an-cs__grifo-txt mark{color:#fff;border-radius:3px;padding:0 2px;margin:0 -2px;background:rgba(236,17,128,var(--a,.3))}

/* ==================== 2.25.0 · ajustes de leitura ==================== */

/* Hero na largura da coluna, sem viúva. */
#an-cs h1,#an-cs .an-cs__sub{max-width:none;text-wrap:pretty}
#an-cs .an-cs__sub{font-size:19px}

/* Caixas A e B alinhadas mesmo quando uma mensagem tem mais linhas que a
   outra: as duas colunas dividem as mesmas quatro linhas de grade. */
#an-cs .an-cs__status{display:block}
#an-cs .an-cs__status:empty{display:block;margin:0}
@supports (grid-template-rows:subgrid){
  #an-cs .an-cs__grade{grid-template-rows:auto auto auto 1fr;row-gap:0}
  #an-cs .an-cs__campo{display:grid;grid-row:span 4;grid-template-rows:subgrid}
  #an-cs .an-cs__campo>.an-cs__nome{grid-row:1}
  #an-cs .an-cs__campo>.an-cs__url{grid-row:2}
  #an-cs .an-cs__campo>.an-cs__status{grid-row:3}
  #an-cs .an-cs__campo>textarea{grid-row:4;align-self:start}
  @media(max-width:860px){
    #an-cs .an-cs__grade{grid-template-rows:none;row-gap:24px}
    #an-cs .an-cs__campo{display:block;grid-row:auto}
  }
}

/* Mensagem da busca e aviso de privacidade: maiores e mais claros. */
#an-cs .an-cs__status{font-size:14px;line-height:1.55;color:#DCE1F2;margin:0 0 10px}
#an-cs .an-cs__status:empty{margin:0}
#an-cs .an-cs__status b{color:#fff}
#an-cs .an-cs__status--erro{color:#FFB3D6}
#an-cs .an-cs__priv{font-size:14px;line-height:1.65;color:var(--s)}

/* Tabela: o tema pinta as linhas de branco. */
#an-cs .an-cs__tab tr,#an-cs .an-cs__tab td,#an-cs .an-cs__tab th,#an-cs .an-cs__tab thead,#an-cs .an-cs__tab tbody{background:transparent !important;border-left:0;border-right:0}
#an-cs .an-cs__tab td{color:var(--g)}
#an-cs .an-cs__tab{border:0}

/* Rótulo do medidor e chip da faixa com mais contraste. */
#an-cs .an-cs__legenda{color:var(--s);font-size:13px}
#an-cs .an-cs__angulo{color:#DCE1F2;font-size:15px}
#an-cs .an-cs__leitura{font-size:14px;padding:8px 16px}
#an-cs .an-cs__leitura--baixa{background:rgba(196,203,228,.2);color:#fff}
#an-cs .an-cs__leitura--media{background:#5A0099;color:#fff}
#an-cs .an-cs__leitura--alta{background:#EC1180;color:#fff}

/* Faixas e grifo em Gelo Técnico: leitura longa em fundo claro. */
#an-cs .an-cs__faixa,#an-cs .an-cs__grifo{background:#F4F7FF;border-color:#E3E6EF;color:#0C1438}
#an-cs .an-cs__tit{color:#0C1438}
#an-cs .an-cs__diz{color:#0C1438}
#an-cs .an-cs__conf,#an-cs .an-cs__grifo-leg{color:#2A3563}
#an-cs .an-cs__crit{color:#54608A}
#an-cs .an-cs__cortes span{color:#54608A}
#an-cs .an-cs__nomes span{color:#54608A}
#an-cs .an-cs__nomes span.on{color:#0C1438}
#an-cs .an-cs__trilho span[data-f="1"]{background:#C4CBE4}
#an-cs .an-cs__trilho span[data-f="2"]{background:#A881D4}
#an-cs .an-cs__trilho span+span{box-shadow:inset 2px 0 0 #F4F7FF}
#an-cs .an-cs__trilho i{background:#0C1438;box-shadow:0 0 0 2px #F4F7FF}
#an-cs .an-cs__gsc{border-top-color:#E3E6EF}
#an-cs .an-cs__gsc summary{color:#5A0099}
#an-cs .an-cs__gsc ol{color:#2A3563}
#an-cs .an-cs__grifo .an-cs__nome{color:#5A0099}
#an-cs .an-cs__grifo-txt{background:#fff;border-color:#E3E6EF;color:#2A3563}
#an-cs .an-cs__grifo-txt mark{color:#0C1438;background:rgba(236,17,128,var(--a,.3))}

/* 2.25.2 · a tabela em si também. O tema pinta de branco toda tabela do
   conteúdo com um seletor mais forte que o do tema filho. */
#an-cs table.an-cs__tab{background:transparent !important;border:0 !important}

/* 2.25.6 · limite da medida em formato de aviso, com contraste de leitura
   no fundo escuro. */
#an-cs .an-cs__aviso{margin-top:24px;padding:16px 18px 16px 20px;border:1px solid rgba(34,232,240,.28);border-left:4px solid #22E8F0;border-radius:12px;background:rgba(34,232,240,.07)}
#an-cs .an-cs__aviso p{margin:0;font-size:15px;line-height:1.65;color:#DCE1F2;max-width:none}
#an-cs .an-cs__aviso p+p{margin-top:8px}
#an-cs .an-cs__aviso .an-cs__aviso-rot{margin:0 0 8px;font:700 12px/1.3 Chivo,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#22E8F0}