/* santiagomd.com · estilos comuns dos artigos (barra de navegação + cartão de livro) */

/* Barra de navegação do artigo — igual em cima e em baixo ("sandwich") */
.art-bar{max-width:780px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:Inter,system-ui,sans-serif}
.art-bar--top{padding-top:96px;padding-bottom:.25rem}
.art-bar--bottom{margin-top:2.5rem;margin-bottom:3rem;padding-top:1.5rem;border-top:1px solid #e6ddd2}
.art-bar a{color:#a8742a;font-weight:600;font-size:.95rem;text-decoration:none}
.art-bar a:hover{text-decoration:underline}
.art-bar .art-bar-cta{display:inline-flex;align-items:center;background:#151515;color:#fff;padding:.6rem 1.15rem;border-radius:999px;font-size:.88rem}
.art-bar .art-bar-cta:hover{background:#a8742a;text-decoration:none}
.art-bar-next{display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:60%}
.art-bar-next small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#9a8f80;font-weight:600}
/* o artigo deixa de precisar de espaço extra no topo: a barra já afasta o conteúdo da navegação fixa */
.art-bar--top + article,.art-bar--top + main,.art-bar--top + .article-full{margin-top:0!important;padding-top:1rem!important}
@media(max-width:600px){.art-bar--top{padding-top:84px}.art-bar-next{max-width:100%;align-items:flex-start;text-align:left}}

/* Cartão de livro — mesmo desenho da Biblioteca (publicacoes.html) */
.bk-card{display:grid;grid-template-columns:110px 1fr;gap:1.4rem;align-items:center;background:#1c1b1a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.3rem 1.5rem;margin:2.5rem 0;color:#eee;text-align:left;transition:border-color .3s,transform .3s}
.bk-card:hover{border-color:rgba(200,145,58,.45);transform:translateY(-2px)}
.bk-card img{width:110px;aspect-ratio:707/1000;object-fit:cover;border-radius:2px 4px 4px 2px;box-shadow:-6px 12px 24px rgba(0,0,0,.5);margin:0!important;max-width:none}
.bk-card .bk-tag{display:block;font:700 .68rem/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#cdb79a}
.bk-card h3{font-family:'Playfair Display',Georgia,serif;color:#fff!important;font-size:1.35rem;margin:.5rem 0 .4rem!important;line-height:1.2}
.bk-card p{color:#b3aca5!important;font-size:.95rem!important;line-height:1.55!important;margin:0 0 .9rem!important;text-align:left!important}
.bk-card a.bk-link{color:#e2b45f!important;font-weight:600;text-decoration:none;font-size:.95rem}
.bk-card a.bk-link:hover{text-decoration:underline}
@media(max-width:480px){.bk-card{grid-template-columns:84px 1fr;gap:1rem;padding:1rem}.bk-card img{width:84px}}

/* telemóvel: nada pode ficar mais largo do que o ecrã */
@media(max-width:768px){
  .navbar .nav-menu:not(.active){display:none!important}
  .navbar .mobile-menu-toggle{display:flex!important}
  article table,main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  article img,main img{max-width:100%;height:auto}
  .references li,.references a,article a{overflow-wrap:anywhere}
}
.references a{overflow-wrap:anywhere}.references li{text-align:left!important}