/* Layout for /insights (list) and the article pages. Loads after site.css,
   which carries the chrome plus .reading / .masthead / .sources / .cta-panel. */

.article-kicker{font-size:15px;color:var(--accent);margin-bottom:20px}
.back-link{font-size:15px;color:var(--muted);margin-bottom:28px}
.back-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.back-link svg{width:14px;height:14px;transform:rotate(180deg)}

/* Post list: hairline rules rather than floating cards, matching the FAQ. */
.post-list{list-style:none;margin:0;padding:0}
.post-list li{border-bottom:1px solid #dde6ea}
.post-card{display:block;padding-block:36px}
.post-card .post-meta{font-size:15px;color:var(--accent);margin-bottom:14px}
.post-card h2{font-size:24px;line-height:1.6;letter-spacing:-.02em;transition:color .2s}
.post-card p{margin-top:16px;font-size:16px;line-height:1.9;color:var(--muted)}
.post-card .post-more{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:15px;color:var(--accent)}
.post-card:hover h2{color:var(--accent)}
.post-card:hover .post-more{text-decoration:underline;text-underline-offset:6px}
.post-list-section{padding-block:16px 104px}
.post-list-section .cta-panel{margin-top:72px}

/* Article body */
.article-body{padding-block:64px 104px}
.lede{background:var(--pale);border-left:3px solid var(--sky);padding:28px 32px;font-size:17px;line-height:1.95}
.lede p{max-width:none}
.lede strong{font-weight:500;color:var(--accent)}
.prose{margin-top:52px;font-size:17px;line-height:2}
.prose>*{max-width:none}
.prose h2{font-size:clamp(24px,2.2vw,30px);line-height:1.55;letter-spacing:-.025em;margin-top:64px;margin-bottom:24px}
.prose h3{font-size:21px;margin-top:44px;margin-bottom:16px}
.prose p{margin-top:24px}
.prose>*:first-child{margin-top:0}
.prose strong{font-weight:500}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.prose ul,.prose ol{margin:24px 0 0;padding-left:24px}
.prose li{margin-top:10px}
.prose blockquote{margin:32px 0 0;padding-left:24px;border-left:3px solid var(--sky);color:var(--muted)}
.prose hr{margin:48px 0 0;border:0;border-top:1px solid #dde6ea}
.article-body .cta-panel{margin-top:72px}

@media(max-width:760px){
  .post-card{padding-block:30px}.post-card h2{font-size:21px}.post-card p{font-size:15px}
  .post-list-section{padding-block:8px 72px}
  .post-list-section .cta-panel{margin-top:56px}
  .article-body{padding-block:48px 72px}
  .lede{padding:24px 24px;font-size:16px}
  .prose{margin-top:40px;font-size:16px;line-height:1.95}
  .prose h2{margin-top:48px;margin-bottom:20px}
  .article-body .cta-panel{margin-top:56px}
}