/* ONBOARD CLUB — APPROFONDIMENTI FROZEN LAYOUT
   Approved 2026-09-23 from owner screenshots.
   This file is intentionally isolated from the global design system.
   Update only with explicit owner approval. */

body.blog-listing-page .journal-topics{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 20px;
  margin:0 0 28px;
  border:1px solid rgba(6,24,39,.12);
  background:rgba(255,255,255,.78);
}
body.blog-listing-page .journal-topic-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
body.blog-listing-page .journal-topic-links a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid rgba(6,24,39,.16);
  background:#fff;
  color:var(--navy-900);
  text-decoration:none;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.blog-listing-page .article-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px 22px;
  align-items:stretch;
}
body.blog-listing-page .article-card{
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(6,24,39,.12);
  background:#fff;
  box-shadow:0 16px 38px rgba(6,24,39,.055);
}
body.blog-listing-page .article-card-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  margin:0;
}
body.blog-listing-page .article-card-content{
  display:flex;
  flex-direction:column;
  min-height:330px;
  padding:27px 24px 24px;
}
body.blog-listing-page .article-card-content h2,
body.blog-listing-page .article-card-content h3{
  margin:9px 0 12px;
  min-height:2.35em;
}
body.blog-listing-page .article-card-content>p{
  margin:0 0 20px;
}
body.blog-listing-page .article-card-content .article-meta,
body.blog-listing-page .article-card-content .article-footer{
  margin-top:auto;
}
body.blog-listing-page .article-card a:focus-visible,
body.blog-listing-page .journal-topic-links a:focus-visible{
  outline:3px solid rgba(184,147,76,.42);
  outline-offset:3px;
}
@media(max-width:980px){
  body.blog-listing-page .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.blog-listing-page .article-card-content{min-height:300px;}
}
@media(max-width:680px){
  body.blog-listing-page .journal-topics{align-items:flex-start;flex-direction:column;padding:16px;}
  body.blog-listing-page .journal-topic-links{display:grid;grid-template-columns:1fr 1fr;width:100%;justify-content:stretch;}
  body.blog-listing-page .journal-topic-links a{width:100%;text-align:center;}
  body.blog-listing-page .article-grid{grid-template-columns:1fr;gap:18px;}
  body.blog-listing-page .article-card-content{min-height:0;padding:24px 21px;}
  body.blog-listing-page .article-card-content h2,
  body.blog-listing-page .article-card-content h3{min-height:0;}
}
@media(max-width:430px){
  body.blog-listing-page .journal-topic-links{grid-template-columns:1fr;}
}