/* Insights pages (20 Oct 2026). Loaded after page.css. */
  .art-hero{padding:clamp(120px,13vw,190px) 0 clamp(30px,4vw,50px)}
  .art-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,5.4vw,82px);line-height:1.03;letter-spacing:-.02em;margin:22px 0 24px;max-width:19ch}
  .art-hero .lead{font-size:clamp(19px,1.45vw,23px);line-height:1.55;color:var(--ink-2);max-width:36em}
  .art-meta{margin-top:22px;font-family:var(--ui);font-size:13px;color:var(--ink-3)}
  .art-meta a{text-decoration:underline;text-underline-offset:3px}
  .art-grid{display:grid;grid-template-columns:minmax(180px,.28fr) 1fr;gap:clamp(24px,5vw,80px);border-top:1px solid var(--rule);padding-top:clamp(36px,4vw,60px)}
  .art-side{position:sticky;top:120px;align-self:start;font-family:var(--ui);font-size:13px;color:var(--ink-3);display:flex;flex-direction:column;gap:8px}
  .art-side a{color:var(--ink-2)}.art-side a:hover{color:var(--red)}
  .prose{max-width:740px;font-size:19px;line-height:1.7}
  .prose p{margin:0 0 1.1em}
  .prose h2{font-family:var(--display);font-weight:500;font-size:clamp(28px,2.6vw,38px);line-height:1.15;margin:1.6em 0 .55em}
  .prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(163,65,42,.5)}
  .prose a:hover{color:var(--red)}
  .prose ul{margin:0 0 1.2em 1.1em}.prose li{margin:.3em 0}
  .key{border:1px solid var(--rule-2);border-radius:var(--r);background:rgba(241,235,223,.55);padding:22px 26px;margin:0 0 1.6em}
  .key .label{display:block;margin-bottom:10px}
  .key ul{margin:0 0 0 1.1em;font-size:17.5px}
  .tbl{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:14px;margin:.4em 0 .6em}
  .tbl th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--ink);padding:8px 8px 8px 0}
  .tbl td{border-bottom:1px solid var(--rule);padding:8px 8px 8px 0;vertical-align:middle}
  .tbl td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
  .tbl .bar{display:block;height:9px;background:var(--sepia);border-radius:2px;min-width:2px}
  .tbl tr.hi .bar{background:var(--red)}
  .tbl td.b{width:42%}
  .cap{font-family:var(--ui);font-size:12.5px;line-height:1.55;color:var(--ink-3);margin:0 0 1.6em}
  .cap b{color:var(--red);font-weight:500}
  .cta-box{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:28px 0;margin:2.2em 0}
  .cta-box h3{font-family:var(--display);font-weight:500;font-size:30px;line-height:1.15;margin-bottom:10px}
  .cta-box p{font-size:17px;color:var(--ink-2)}
  .cta-box .hero-cta{margin-top:18px}
  .faq2{margin-top:1em}
  .more{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:1.2em}
  .more a{border:1px solid var(--rule-2);border-radius:var(--r);padding:18px 20px;text-decoration:none!important;display:block}
  .more a:hover{border-color:var(--red)}
  .more b{display:block;font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:6px 0}
  .more span{font-family:var(--ui);font-size:13px;color:var(--ink-3)}
  .list{display:grid;gap:0;border-top:1px solid var(--rule)}
  .list a{display:grid;grid-template-columns:minmax(120px,.22fr) 1fr;gap:clamp(16px,4vw,60px);padding:30px 0;border-bottom:1px solid var(--rule)}
  .list a:hover h2{color:var(--red)}
  .list h2{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.6vw,38px);line-height:1.12;margin-bottom:10px;transition:color .2s}
  .list p{color:var(--ink-2);font-size:18px;max-width:40em}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  @media(max-width:820px){.art-grid,.list a{grid-template-columns:1fr}.art-side{position:static}}