/* ==========================================================================
   Gradus Lab · blog (lista e artigo). Usa os tokens e componentes de style.css.
   ========================================================================== */

.menu-links a[aria-current="page"]{color:var(--azul)}
.menu-links a[aria-current="page"]::after{transform:scaleX(1)}
@media (max-width:900px){.menu-links a[aria-current="page"]{color:var(--coral-esc)}}
.topo{background:rgba(250,246,239,.92)}

.aviso-rascunho{margin:0;padding:calc(var(--nav-h) + 12px) var(--gutter) 12px;background:var(--coral-claro);color:var(--azul);font:600 13px/1.4 var(--fb);text-align:center}
.aviso-rascunho + *{padding-top:48px}

/* Lista */
.blog-topo{padding-top:calc(var(--nav-h) + clamp(48px,7vw,96px));padding-bottom:clamp(28px,4vw,48px)}
.blog-lista-sec{padding-bottom:clamp(64px,9vw,120px)}
.blog-lista{list-style:none;margin:0;padding:0;display:grid;gap:26px;max-width:860px}
.blog-item{padding:26px 28px 28px;border-radius:3px;--bg:var(--papel);display:grid;gap:10px}
.blog-lista li:nth-child(odd) .blog-item{transform:rotate(-.5deg)}
.blog-lista li:nth-child(even) .blog-item{transform:rotate(.4deg)}
.blog-item-meta{font:600 12px/1.3 var(--fb);letter-spacing:.07em;text-transform:uppercase;color:var(--coral-esc);display:flex;gap:12px;align-items:center}
.blog-item-titulo{font:700 clamp(22px,2vw,28px)/1.15 var(--fd);letter-spacing:-.015em}
.blog-item-titulo a{background-image:linear-gradient(var(--salvia),var(--salvia));background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s var(--ease)}
.blog-item-titulo a:hover{background-size:100% 2px}
.blog-item-resumo{font-size:16px;line-height:1.55;color:var(--texto-2);max-width:62ch}
.blog-vazio{display:inline-block;padding:22px 26px;border-radius:3px;--bg:var(--papel);font-size:16px;color:var(--texto-2)}
.selo-rascunho{padding:3px 8px;border-radius:3px;background:var(--coral-claro);color:var(--azul);letter-spacing:.05em}

.tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:4px 10px;border-radius:3px;background:var(--salvia-clara);color:var(--azul);font:600 12px/1.3 var(--fb)}

/* Artigo */
.wrap-leitura{max-width:calc(580px + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.artigo{padding-top:calc(var(--nav-h) + clamp(40px,6vw,80px));padding-bottom:clamp(48px,7vw,88px)}
.artigo-topo .eyebrow a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--salvia)}
.artigo-titulo{font:700 clamp(34px,4.4vw,58px)/1.06 var(--fd);letter-spacing:-.025em;text-wrap:balance}
.artigo-meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px 10px;font:500 14px/1.4 var(--fb);color:var(--texto-2)}
.artigo-topo .tags{margin-top:14px}
.artigo-capa{margin:36px auto 0;max-width:min(680px,calc(100% - 2 * var(--gutter)));--rot:-.8deg}
.artigo-capa img{aspect-ratio:16/9;object-fit:cover}

.prosa{margin-top:40px;font-size:18px;line-height:1.7;color:var(--texto)}
.prosa > * + *{margin-top:1.1em}
.prosa h2{margin-top:1.9em;font:700 clamp(24px,2.4vw,32px)/1.2 var(--fd);letter-spacing:-.02em}
.prosa h3{margin-top:1.6em;font:700 clamp(20px,1.8vw,24px)/1.25 var(--fd)}
.prosa a{color:var(--azul);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--coral)}
.prosa a:hover{color:var(--coral-esc)}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li + li{margin-top:.4em}
.prosa blockquote{margin-inline:0;padding:18px 22px;border-left:4px solid var(--coral);background:var(--papel);font:500 20px/1.45 var(--fs);font-style:italic;color:var(--azul)}
.prosa strong{color:var(--azul)}
.prosa img{height:auto;border-radius:2px}

.autora{margin:56px auto 0;max-width:min(580px,calc(100% - 2 * var(--gutter)));padding:22px 24px;border-radius:3px;--bg:var(--papel);display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:start}
.autora img{width:88px;height:auto;aspect-ratio:380/560;object-fit:cover;border-radius:2px;border:4px solid var(--creme)}
.autora-nome{font:700 20px/1.2 var(--fd);color:var(--azul)}
.autora-bio{margin:6px 0 12px;font-size:15px;line-height:1.55;color:var(--texto-2)}
.autora-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}

@media (max-width:760px){
  .blog-item{padding:22px 20px 24px}
  .blog-lista li .blog-item{transform:none}
  .prosa{font-size:17px}
  .autora{grid-template-columns:72px 1fr;gap:16px;padding:20px}
  .autora img{width:72px}
}
@media (prefers-reduced-motion:reduce){.blog-item-titulo a{transition:none}}