/* insights/index.html's own layout, extracted from its inline <style>
 * (Task 11). Bespoke to the hub page rather than shared with the 24
 * articles, which is why it is not part of assets/insights.css: this page's
 * template (a listing of posts) has nothing in common with an article's.
 *
 * .post borders take var(--rule-soft), which is canon #B3A887, and that is a
 * correction of 2026-09-02 rather than a restyle. The page used to carry an
 * inline :root binding --rule itself to #B3A887 so that these two borders
 * painted sand, which was page-local and harmless while --rule was read only
 * here. Task 7 then gave every page a shared assets/chrome.css that reads
 * var(--rule) for the nav bottom border and for .nav-cta-plain, so the
 * override stopped being page-local: measured on 2026-09-02, the hub painted
 * a sand nav rule and sand CTA border while all 52 other pages painted canon
 * #1A1A1A, and sand on cream is close to invisible. Naming the soft token
 * these borders always wanted leaves --rule at canon on this page, so the
 * chrome matches every other page and these two borders do not move: canon
 * --rule-soft is #B3A887 to the byte, which is what the deleted override
 * declared. The page's third original call site was its own hand-written
 * footer, replaced at Task 8 by the injected .site-footer, which already
 * reads var(--rule-soft) and so was already painting the same colour.
 */
.home{display:inline-block;color:var(--ink-muted);text-decoration:none;font-size:.95rem;margin:0 0 2.5rem}
.home:hover{color:var(--orange)}
h1{font-family:Newsreader,Georgia,serif;font-size:2.6rem;line-height:1.12;margin:0 0 .75rem}
.lede{color:var(--ink-muted);font-size:1.1rem;margin:0 0 3rem;max-width:38rem}
.post{border-top:1px solid var(--rule-soft);padding:1.75rem 0}
.post:last-of-type{border-bottom:1px solid var(--rule-soft)}
.post h2{font-family:Newsreader,Georgia,serif;font-size:1.4rem;line-height:1.2;margin:0 0 .5rem}
.post h2 a{color:var(--ink);text-decoration:none}
.post h2 a:hover{color:var(--orange)}
.post p{color:var(--ink-muted);margin:0}