/* ═══════ SENTHORA BLOG — lightweight pages, no heavy JS ═══════ */
body {
  background:var(--bg); /* no hero backdrop on blog pages */
  cursor:auto;
}
body a, body button, body summary { cursor:pointer; }
.nav.is-solid { background:rgba(17,15,20,.9); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }

.blog-wrap { max-width:840px; margin:0 auto; padding:140px 24px 80px; }
.blog-wide { max-width:1100px; }

/* blog index */
.blog-head { text-align:center; margin-bottom:60px; }
.blog-head h1 { font-size:clamp(34px, 5vw, 60px); margin-bottom:14px; }
.blog-head p { color:var(--muted-2); font-size:16px; max-width:560px; margin:0 auto; line-height:1.6; }
.post-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:20px; }
.post-card {
  display:flex; flex-direction:column; gap:12px;
  background:linear-gradient(160deg, rgba(30,28,38,.92), rgba(21,19,26,.92));
  border:1px solid var(--line); border-radius:22px; padding:30px 28px;
  transition:transform .35s, border-color .35s, box-shadow .35s;
}
.post-card:hover { transform:translateY(-5px); border-color:rgba(154,138,251,.45); box-shadow:0 18px 50px rgba(124,92,240,.18); }
.post-card .tag { font-size:10.5px; letter-spacing:.3em; color:var(--violet); }
.post-card h2 { font-size:21px; line-height:1.3; }
.post-card p { color:var(--muted-2); font-size:14px; line-height:1.6; flex:1; }
.post-card .more { color:var(--violet); font-size:13.5px; font-weight:500; }

/* article */
.article-head { margin-bottom:44px; }
.article-head .tag { font-size:11px; letter-spacing:.32em; color:var(--violet); display:block; margin-bottom:16px; }
.article-head h1 { font-size:clamp(30px, 4.4vw, 50px); line-height:1.12; margin-bottom:18px; }
.article-head .meta { color:var(--muted); font-size:13.5px; }
.article { color:var(--muted-2); font-size:16.5px; line-height:1.75; }
.article h2 { color:var(--text); font-size:clamp(22px, 2.6vw, 30px); margin:44px 0 16px; line-height:1.25; }
.article h3 { color:var(--text); font-size:19px; margin:30px 0 12px; }
.article p { margin-bottom:16px; }
.article ul, .article ol { margin:0 0 16px 22px; display:flex; flex-direction:column; gap:8px; }
.article strong { color:var(--text); font-weight:500; }
.article a { color:var(--violet); text-decoration:underline; text-underline-offset:3px; }
.article blockquote {
  border-left:3px solid var(--violet); padding:4px 0 4px 20px; margin:24px 0;
  color:var(--text); font-size:18px;
}
.article .cta-box {
  margin:44px 0; padding:32px 30px; border-radius:22px; text-align:center;
  background:linear-gradient(160deg, rgba(37,33,48,.95), rgba(22,19,28,.95));
  border:1px solid rgba(154,138,251,.35);
}
.article .cta-box h3 { margin:0 0 8px; }
.article .cta-box p { margin-bottom:20px; }
/* the generic article-link style must not repaint the CTA button */
.article a.btn-primary { color:#0E0C12; text-decoration:none; }
.article table { width:100%; border-collapse:collapse; margin:20px 0; font-size:14.5px; }
.article th, .article td { text-align:left; padding:11px 14px; border:1px solid var(--line); }
.article th { color:var(--text); background:rgba(154,138,251,.08); font-weight:500; }
.back-link { display:inline-block; margin-bottom:26px; color:var(--muted-2); font-size:13.5px; }
.back-link:hover { color:var(--text); }