/* 96-area-estudo.css — cartão-resumo da área de estudo
   Extraído de index.html por split_css.py.
   O NÚMERO no nome é a posição na cascata: os arquivos são
   carregados em ordem alfabética de nome, e é essa ordem que
   decide quem ganha o desempate entre regras de mesma
   especificidade. Não renumere sem conferir o que passa a
   sobrescrever o quê. */
        /* A ESCALA TIPOGRÁFICA E A LARGURA ANDAM JUNTAS. Os corpos subiram
           ~15% (a grade de 13 para 15px, os rótulos de 9 para 10,5) porque o
           cartão estava ilegível no tamanho anterior. A largura teve de subir
           junto: a grade é de duas colunas e o valor mais largo é
           "R$ 76.695 mil" — mantida em 262px, ele quebrava em duas linhas e
           desalinhava a célula vizinha. Mexer numa sem a outra reintroduz isso. */
        #estudo-resumo{--ae:#a78bfa;margin:0;padding:10px 13px 11px;border-radius:11px;
          min-width:232px;max-width:290px;
          background:rgba(6,13,24,0.90);border:1px solid rgba(167,139,250,0.34);
          backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);
          box-shadow:0 8px 26px rgba(0,0,0,0.5);}
        #estudo-resumo .ae-tit{display:flex;align-items:center;font-family:var(--display);
          font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ae);}
        /* O botão de apagar mora no título: some junto com o recorte, e não
           precisa de espaço próprio quando não há recorte nenhum. */
        #estudo-resumo .ae-x{margin-left:auto;background:none;border:none;cursor:pointer;
          color:rgba(255,255,255,.45);font-size:15px;line-height:1;padding:0 0 0 8px;}
        #estudo-resumo .ae-x:hover{color:#fff;}
        #estudo-resumo .ae-area{font-family:var(--display);font-size:24px;font-weight:600;
          color:#fff;line-height:1.1;margin-top:5px;}
        #estudo-resumo .ae-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;
          margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.10);}
        #estudo-resumo .ae-grid b{display:block;font-family:var(--display);font-size:15px;
          font-weight:600;color:#fff;line-height:1.15;}
        #estudo-resumo .ae-grid span{font-size:10.5px;color:var(--muted);letter-spacing:.02em;}
        #estudo-resumo .ae-vazio{font-size:12.5px;color:rgba(221,232,248,.72);line-height:1.45;margin-top:6px;}
        #estudo-resumo .ae-nota{font-size:10.5px;color:var(--muted);line-height:1.45;margin-top:8px;
          padding-top:6px;border-top:1px solid rgba(255,255,255,.08);}
        /* Ação dentro do texto do estado vazio. É <button>, e não <a href="#">,
           porque não navega para lugar nenhum — liga uma camada. Herda o
           tamanho da frase em que está embutida para não virar um degrau
           tipográfico no meio da linha. */
        #estudo-resumo .ae-liga{background:none;border:none;padding:0;cursor:pointer;
          font:inherit;color:var(--ae);text-decoration:underline;
          text-underline-offset:2px;}
        #estudo-resumo .ae-liga:hover{color:#fff;}