/* Blue Lance — blog index + single post, styled to the 2.0 design system.
   Hand-authored (not generated). Loaded after blue-lance-site.css on blog contexts. */

/* ---------- blog index grid ---------- */
.bl-blog-grid{
  max-width:1200px;margin:0 auto;padding:80px 40px 100px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.bl-card{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid #DDE6EE;border-radius:12px;overflow:hidden;
  transition:box-shadow .22s ease,transform .22s ease;color:inherit;
}
.bl-card:hover{box-shadow:0 16px 44px rgba(8,72,112,.12);transform:translateY(-3px);}
.bl-card__media{aspect-ratio:16/9;background:#04243A;overflow:hidden;}
.bl-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.bl-card:hover .bl-card__media img{transform:scale(1.04);}
.bl-card__body{display:flex;flex-direction:column;gap:12px;padding:24px 26px 26px;flex:1;}
.bl-card__meta{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#16BDE8;
}
.bl-card__title{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;line-height:1.22;
  letter-spacing:-.012em;color:#04243A;
}
.bl-card__excerpt{font-size:14.5px;line-height:1.62;color:#5A6B7B;flex:1;}
.bl-card__more{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;color:#16BDE8;
  display:inline-flex;align-items:center;gap:7px;transition:gap .15s ease;
}
.bl-card:hover .bl-card__more{gap:12px;}

/* ---------- single post article ---------- */
.bl-article{max-width:748px;margin:0 auto;}
.bl-article__hero-img{
  width:100%;border-radius:12px;border:1px solid #DDE6EE;margin:0 0 40px;display:block;
}
.bl-article p{font-size:17px;line-height:1.75;color:#243845;margin:0 0 22px;}
.bl-article h2{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:28px;line-height:1.2;
  letter-spacing:-.015em;color:#04243A;margin:46px 0 16px;
}
.bl-article h3{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px;line-height:1.25;
  letter-spacing:-.01em;color:#04243A;margin:38px 0 14px;
}
.bl-article h3 strong{font-weight:700;}
.bl-article a{color:#0A6E92;text-decoration:underline;text-underline-offset:2px;transition:color .15s;}
.bl-article a:hover{color:#04243A;}
.bl-article strong,.bl-article b{color:#04243A;font-weight:700;}
.bl-article ul,.bl-article ol{margin:0 0 24px;padding-left:22px;}
.bl-article li{font-size:17px;line-height:1.7;color:#243845;margin:0 0 10px;}
.bl-article li::marker{color:#16BDE8;}
.bl-article blockquote{
  border-left:3px solid #16BDE8;margin:30px 0;padding:4px 0 4px 24px;
  font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:20px;line-height:1.5;color:#04243A;
}
.bl-article img{max-width:100%;height:auto;border-radius:10px;margin:26px 0;}
.bl-article > :first-child{margin-top:0;}

/* ---------- shared: pagination + back link ---------- */
.bl-backlink{
  display:inline-flex;align-items:center;gap:8px;max-width:748px;margin:44px auto 0;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:#16BDE8;transition:gap .15s;
}
.bl-backlink:hover{gap:12px;}
.bl-pagination{max-width:1200px;margin:0 auto;padding:0 40px 90px;display:flex;gap:10px;justify-content:center;}
.bl-pagination .page-numbers{
  font-family:'JetBrains Mono',monospace;font-size:13px;color:#5A6B7B;
  border:1px solid #DDE6EE;border-radius:8px;padding:9px 14px;background:#fff;
}
.bl-pagination .page-numbers.current{background:#04243A;color:#fff;border-color:#04243A;}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .bl-blog-grid{grid-template-columns:1fr 1fr;padding:56px 22px 72px;}
}
@media (max-width:600px){
  .bl-blog-grid{grid-template-columns:1fr;}
  .bl-article h2{font-size:24px;}
}