/* Styles for /insights pages. Loaded after style.css and uses its colour tokens. */
.post{max-width:46rem;padding:clamp(2rem,6vw,4rem) 0 clamp(3rem,8vw,5rem)}
.post h1{font-size:clamp(2rem,5vw,3.1rem);max-width:none;line-height:1.08}
.post .lede{max-width:none}
.kicker{margin:0 0 1rem;font-weight:700;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.kicker a{text-decoration:none}
.byline{margin:1.25rem 0 0;color:var(--slate);font-size:.95rem}
.body{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:.5rem}
.body h2{font-size:1.5rem;margin:2.25rem 0 .75rem}
.body p,.body li{max-width:42rem}
.body li{margin:.45rem 0}
figure{margin:1.75rem 0 2rem}
figcaption{margin-top:.6rem;color:var(--slate);font-size:.88rem;line-height:1.5}
.chart{display:block;width:100%;height:auto;font-family:var(--sans)}
.chart .bar{fill:var(--slate)}
.chart .bar.hot{fill:var(--flame)}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .avg{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 3}
.chart .axis{fill:var(--slate);font-size:12px}
.chart .lab{fill:var(--ink);font-size:12.5px}
.chart .val{fill:var(--ink);font-size:12px;font-weight:700;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
.chart-scroll{overflow-x:auto}
@media (max-width:640px){.chart{min-width:560px}}
.code{margin:1rem 0 1.5rem;background:var(--panel);color:var(--panel-text);border:1px solid var(--panel-line);border-radius:8px;padding:1rem 1.15rem;overflow-x:auto;font:400 .86rem/1.6 var(--mono)}
.code code{font:inherit;white-space:pre}
.cta{margin:2.5rem 0 0;padding:1.1rem 1.25rem;border:1px solid var(--line);border-left:3px solid var(--flame);border-radius:6px;background:var(--surface)}
.cta p{margin:0}
.src-h{font-size:1.1rem !important}
.sources{padding-left:1.15rem;color:var(--slate);font-size:.92rem}
.posts{list-style:none;margin:0;padding:0}
.posts li{padding:1.5rem 0;border-top:1px solid var(--line)}
.posts li:first-child{border-top:0;padding-top:0}
.posts h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:.35rem 0 .5rem;line-height:1.2}
.posts h2 a{color:var(--ink);text-decoration:none}
.posts h2 a:hover{color:var(--accent);text-decoration:underline}
.posts p{margin:0;max-width:42rem;color:var(--slate)}
.posts .meta{font-size:.9rem}
.top nav a[aria-current="page"]{color:var(--accent)}