/* /blog/ extras, loaded after /scientific-calculator/blog/blog.css.
   The guides stylesheet is cached as immutable for a year, so anything the
   WideMath blog adds lives here instead of in that file. */

/* ---- Author box (E-E-A-T: a real, named person behind the post) ------- */
.author-box { display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px 20px; margin:40px 0 8px; }
.author-avatar { flex:none; width:52px; height:52px; border-radius:50%; background:#15803d; color:#fff; font-weight:800; font-size:1.05rem; display:flex; align-items:center; justify-content:center; letter-spacing:0.02em; }
.author-box .author-name { font-weight:700; color:#0f172a; margin:0 0 2px; font-size:1rem; }
.author-box .author-role { color:#64748b; font-size:0.85rem; margin:0 0 8px; }
.author-box p { margin:0 0 8px; font-size:0.92rem; color:#475569; }
.author-box .author-links { font-size:0.85rem; }
.author-box .author-links a { margin-right:14px; }

/* ---- Blog index: post cards ------------------------------------------ */
.post-list { display:grid; gap:16px; margin:8px 0 36px; }
.post-card { display:block; background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:20px 22px; color:inherit; transition:border-color .15s, box-shadow .15s, transform .15s; }
.post-card:hover { border-color:#86efac; box-shadow:0 6px 18px rgba(15,23,42,0.07); transform:translateY(-1px); text-decoration:none; }
.post-card .kicker { display:block; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:#15803d; margin-bottom:6px; }
.post-card .title { display:block; font-size:1.18rem; font-weight:750; color:#0f172a; line-height:1.3; margin-bottom:6px; }
.post-card .desc { display:block; color:#475569; font-size:0.95rem; }
.post-card .meta { display:block; color:#94a3b8; font-size:0.8rem; margin-top:10px; }
.post-card.featured { border-color:#bbf7d0; background:linear-gradient(180deg,#f0fdf4 0%,#fff 70%); }
.post-card.featured .title { font-size:1.35rem; }

/* ---- "Try it" links inside articles ----------------------------------- */
.try { display:inline-block; font-size:0.82rem; font-weight:600; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:999px; padding:2px 10px; margin-left:4px; white-space:nowrap; }
.try:hover { background:#dcfce7; text-decoration:none; }

@media (max-width: 560px) {
  .author-box { flex-direction:column; }
  .post-card { padding:16px; }
}