/* Blog-specific layout — layers on assets/styles.css */
.post-hero { padding: 96px 0 32px; }
.post-hero .kicker { color: var(--muted, #6b7280); }
.post-meta { display:flex; gap:16px; flex-wrap:wrap; font-size:14px; color:#6b7280; margin-top:12px; }
.post-body { max-width: 720px; }
.post-body h2 { margin-top: 40px; }
.post-body h3 { margin-top: 28px; }
.post-body table { width:100%; border-collapse:collapse; margin:24px 0; font-size:15px; }
.post-body th, .post-body td { border:1px solid #e5e7eb; padding:10px 12px; text-align:left; vertical-align:top; }
.post-body th { background:#f9fafb; font-weight:600; }
.answer-box { border-left:3px solid var(--accent,#1f6feb); background:#f6f9ff; padding:16px 20px; margin:20px 0; font-size:17px; }
.faq { margin-top:48px; }
.faq h2 { margin-bottom:8px; }
.faq details { border-bottom:1px solid #e5e7eb; padding:14px 0; }
.faq summary { font-weight:600; cursor:pointer; }
.faq summary::marker { color: var(--accent,#1f6feb); }
.faq details p { margin-top:10px; color:#374151; }
.sources { margin-top:40px; font-size:14px; }
.sources ol { padding-left:20px; }
.sources li { margin:6px 0; }
.post-nav { display:grid; gap:16px; margin-top:48px; }
.related { margin-top:48px; }
.related a { display:block; padding:12px 0; border-bottom:1px solid #eee; }
.blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; margin-top:32px; }
.blog-card { border:1px solid #e5e7eb; border-radius:12px; padding:20px; display:flex; flex-direction:column; gap:8px; }
.blog-card .pillar { font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:#6b7280; }
.blog-card h3 { font-size:18px; line-height:1.3; }
.blog-card time { font-size:13px; color:#9ca3af; }

/* Research-use notice: sits above the answer box on every post, in the initial HTML.
   Uses --gray-1 rather than the --gray-2 of .note: 9.19:1 against the page background
   versus 5.55:1, so the one line a reader must not miss is the most legible small text
   on the page. Not a fix for .note, which already passes AA. */
.post-body .research-notice { font-size: 14px; line-height: 1.5; color: var(--gray-1);
  border-left: 2px solid var(--olive); padding: 8px 0 8px 14px; margin: 0 0 20px; }