/* Axionova blog — universal article + listing styling (dark, matches the site) */

.axnv-blog-main, .axnv-article-main{
  background:#020b1a;
  color:#cfe0f4;
  font-family:'Exo 2','Rajdhani',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- listing ---------- */
.axnv-blog-wrap{ max-width:1120px; margin:0 auto; padding:64px 22px 96px; }
.axnv-blog-head{ text-align:center; margin-bottom:48px; }
.axnv-blog-eyebrow{
  margin:0 0 10px; font-size:13px; letter-spacing:.22em; text-transform:uppercase;
  color:#4fd8ff; font-weight:700;
}
.axnv-blog-head h1{
  margin:0 0 14px; font-size:clamp(28px,4.4vw,44px); line-height:1.12; font-weight:800;
  color:#eaf4ff; letter-spacing:-.01em;
}
.axnv-blog-sub{ margin:0 auto; max-width:640px; color:#9db8d6; font-size:15px; line-height:1.6; }

.axnv-blog-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:26px; }
.axnv-blog-card{
  display:flex; flex-direction:column; overflow:hidden;
  background:linear-gradient(180deg,rgba(8,22,44,.72),rgba(4,13,28,.72));
  border:1px solid rgba(0,120,255,.16); border-radius:16px;
  text-decoration:none; color:inherit;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.axnv-blog-card:hover{
  transform:translateY(-4px);
  border-color:rgba(25,231,252,.4);
  box-shadow:0 20px 44px rgba(0,0,0,.45), 0 0 32px rgba(0,120,255,.14);
}
.axnv-blog-card-img{ display:block; aspect-ratio:16/9; background:#06122a; overflow:hidden; }
.axnv-blog-card-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.axnv-blog-card-body{ display:flex; flex-direction:column; gap:9px; padding:18px 20px 20px; }
.axnv-blog-card-meta{ font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:#6fa0cf; font-weight:600; }
.axnv-blog-card-title{ font-size:18px; line-height:1.34; font-weight:700; color:#eaf4ff; }
.axnv-blog-card-excerpt{ font-size:13.5px; line-height:1.6; color:#9db8d6; }
.axnv-blog-card-more{ margin-top:4px; font-size:13px; font-weight:700; color:#4fd8ff; }

/* ---------- article ---------- */
.axnv-article-inner{ max-width:760px; margin:0 auto; padding:56px 22px 96px; }
.axnv-article-back{
  display:inline-block; margin-bottom:26px; font-size:13px; font-weight:700;
  color:#6fa0cf; text-decoration:none;
}
.axnv-article-back:hover{ color:#4fd8ff; }
.axnv-article-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; color:#6fa0cf; font-weight:600;
}
.axnv-article-cat{ color:#4fd8ff; }
.axnv-article-dot{ opacity:.5; }
.axnv-article-title{
  margin:14px 0 26px; font-size:clamp(28px,4.6vw,42px); line-height:1.15; font-weight:800;
  color:#f2f8ff; letter-spacing:-.01em;
}
.axnv-article-cover{
  margin:0 0 34px; border-radius:16px; overflow:hidden;
  border:1px solid rgba(0,120,255,.18);
}
.axnv-article-cover img{ width:100%; height:auto; display:block; }

.axnv-article-body{ font-size:16.5px; line-height:1.75; color:#c6d8ef; }
.axnv-article-body > *:first-child{ margin-top:0; }
.axnv-article-body p{ margin:0 0 20px; }
.axnv-article-body h2{
  margin:44px 0 16px; font-size:26px; line-height:1.25; font-weight:800; color:#eaf4ff;
  letter-spacing:-.01em;
}
.axnv-article-body h3{ margin:34px 0 12px; font-size:20px; font-weight:700; color:#e3eeff; }
.axnv-article-body h4{ margin:26px 0 10px; font-size:17px; font-weight:700; color:#dbe8fb; }
.axnv-article-body a{ color:#4fd8ff; text-decoration:none; border-bottom:1px solid rgba(79,216,255,.4); }
.axnv-article-body a:hover{ color:#9becff; }
.axnv-article-body strong{ color:#eaf4ff; }
.axnv-article-body ul,
.axnv-article-body ol{ margin:0 0 20px; padding-left:24px; }
.axnv-article-body li{ margin:0 0 9px; }
.axnv-article-body li::marker{ color:#4fd8ff; }
.axnv-article-body blockquote{
  margin:24px 0; padding:12px 20px; border-left:3px solid #0078ff;
  background:rgba(0,120,255,.08); border-radius:0 10px 10px 0; color:#b8cfe9;
}
.axnv-article-body code{
  background:rgba(0,120,255,.14); padding:2px 6px; border-radius:5px; font-size:.9em;
  font-family:'Rajdhani',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.axnv-article-body pre{
  margin:24px 0; padding:18px 20px; overflow-x:auto; border-radius:12px;
  background:#04101f; border:1px solid rgba(0,120,255,.18);
}
.axnv-article-body pre code{ background:none; padding:0; }
.axnv-article-body img{ max-width:100%; height:auto; border-radius:12px; margin:20px 0; }
.axnv-article-body hr{ margin:36px 0; border:0; border-top:1px solid rgba(0,120,255,.2); }
.axnv-article-body table{ width:100%; border-collapse:collapse; margin:22px 0; font-size:14.5px; }
.axnv-article-body th,
.axnv-article-body td{ border:1px solid rgba(0,120,255,.2); padding:9px 12px; text-align:left; }
.axnv-article-body th{ background:rgba(0,120,255,.1); color:#eaf4ff; }

@media (max-width:560px){
  .axnv-blog-wrap{ padding:44px 16px 72px; }
  .axnv-article-inner{ padding:40px 16px 72px; }
  .axnv-article-body{ font-size:16px; }
}