/* ============================================================
   INSIGHTS LIST (2026-10-23, approved from the mock-up): the blog home
   /insights/ and every topic page /category/<topic>/, and (same family, same
   style) search results and page not found.
   Its own tokens (--ins-*), read by this sheet alone: nothing here can reach a
   page body or an article, and no page token can reach this page. The page
   stylesheets (main.css / custom.css) are not loaded here.
   Narrow screens SCALE the headline and lead title with a multiplier, never
   replace the Global number.
   ============================================================ */
:root{
  /* text sizes */
  --ins-h1:50px;
  --ins-desc:18px;
  --ins-chip:14px;
  --ins-lead:32px;
  --ins-card:19px;
  --ins-res:20px;         /* a search result's title */
  --ins-cta-h:42px;       /* the closing section's headline */
  --ins-text:15px;
  --ins-meta:13px;
  --ins-label:12px;
  /* colours */
  --ins-ink:#1C244B;      /* headline, titles, chips */
  --ins-body:#324A6D;     /* description, summaries */
  --ins-gold:#815C00;     /* eyebrow, topic labels */
  --ins-mute:#6B7280;     /* dates, counts */
  --ins-chip-on:#1C244B;  /* the selected chip and the current page number */
  --ins-chip-bd:#D5DCE6;  /* chip and page-number outlines */
  --ins-line:#E3E5EA;     /* the rules around the lead card */
  --ins-tag-bg:#F4F6FA;   /* the Guide / Field Note label */
  --ins-btn:#5186F7;      /* buttons: search, project request (house blue) */
  --ins-cta-bg:#F3F5F8;   /* the closing section's band */
  --ins-cta-edge:#D9A63C; /* its gold top edge */
  --ins-btn-txt:#FFFFFF;  /* its text */
  /* layout */
  --ins-wrap:1120px;      /* the page width */
  --ins-narrow:880px;     /* search results and page not found */
  --ins-col-gap:28px;     /* between cards across */
  --ins-row-gap:36px;     /* between card rows */
  --ins-radius:8px;       /* photo corners */
  --ins-h1-mul:1;
  --ins-lead-mul:1;
  --ins-cta-mul:1
}
/* the search box (search results and page not found) */
#edWrap.inspage .ins-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#edWrap.inspage .ins-search{display:flex;gap:10px;margin-top:26px}
#edWrap.inspage .ins-q{flex:1;min-width:0;height:48px;margin:0;border:1px solid var(--ins-chip-bd);border-radius:8px;padding:0 16px;font:inherit;font-size:16px;color:var(--ins-ink);background:#fff;box-shadow:none}
#edWrap.inspage .ins-q:focus{border-color:var(--ins-btn);outline:2px solid var(--ins-btn);outline-offset:1px}
#edWrap.inspage .ins-go{flex-shrink:0;height:48px;margin:0;padding:0 22px;border:1px solid var(--ins-btn);border-radius:8px;background:var(--ins-btn);color:var(--ins-btn-txt);font:inherit;font-size:15px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s,color .15s}
#edWrap.inspage .ins-go:hover,#edWrap.inspage .ins-go:focus{background:transparent;color:var(--ins-btn);border-color:var(--ins-btn)}

/* search results */
#edWrap.inspage .ins-results{margin-top:30px;border-top:1px solid var(--ins-line)}
#edWrap.inspage .ins-result{display:flex;gap:28px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--ins-line)}
#edWrap.inspage .ins-rbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#edWrap.inspage .ins-rtitle{margin:0;font-size:var(--ins-res);line-height:1.3;font-weight:600;color:var(--ins-ink);transition:color .15s}
#edWrap.inspage .ins-result:hover .ins-rtitle{color:var(--ins-gold)}
#edWrap.inspage .ins-rdesc{margin:0;font-size:var(--ins-text);line-height:1.55}
#edWrap.inspage .ins-url{overflow-wrap:anywhere}
#edWrap.inspage .ins-result .ins-img{width:168px;flex-shrink:0}
#edWrap.inspage .ins-page-search .ins-pager{margin-top:36px}

/* page not found: where to start, then the newest articles */
#edWrap.inspage .ins-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
#edWrap.inspage .ins-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px;border:1px solid var(--ins-line);border-radius:8px;transition:border-color .15s}
#edWrap.inspage .ins-tile:hover{border-color:var(--ins-ink)}
#edWrap.inspage .ins-tile-title{font-size:var(--ins-card);line-height:1.3;font-weight:600;color:var(--ins-ink)}
#edWrap.inspage .ins-tile-text{font-size:var(--ins-text);line-height:1.5}
#edWrap.inspage .ins-latest-label{display:block;margin:44px 0 0}
#edWrap.inspage .ins-grid.ins-latest{margin-top:16px}

/* the closing section (list pages): one next step after reading */
#edWrap.inspage .ins-cta{margin-top:72px;background:var(--ins-cta-bg);border-top:3px solid var(--ins-cta-edge)}
#edWrap.inspage .ins-cta-in{width:92%;max-width:var(--ins-wrap);margin:0 auto;padding:64px 0 68px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
#edWrap.inspage .ins-cta-main{display:flex;flex-direction:column;gap:16px;min-width:0}
#edWrap.inspage .ins-cta-eye{font-size:13px;font-weight:300;letter-spacing:.46em;text-transform:uppercase;color:var(--ins-gold)}
#edWrap.inspage .ins-cta-h{margin:0;font-size:calc(var(--ins-cta-h) * var(--ins-cta-mul));line-height:1.14;font-weight:600;color:var(--ins-ink);text-wrap:balance}
#edWrap.inspage .ins-cta-text{margin:0;font-size:var(--ins-desc);line-height:1.55;font-weight:300;max-width:520px}
#edWrap.inspage .ins-cta-acts{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
#edWrap.inspage .ins-cta-btn{height:50px;padding:0 26px;display:inline-flex;align-items:center;border:1px solid var(--ins-btn);border-radius:8px;background:var(--ins-btn);color:var(--ins-btn-txt);font-size:16px;font-weight:500;transition:background .15s,color .15s}
#edWrap.inspage .ins-cta-btn:hover,#edWrap.inspage .ins-cta-btn:focus-visible{background:transparent;color:var(--ins-btn)}
#edWrap.inspage .ins-cta-nl{font-size:16px;font-weight:500;color:var(--ins-ink);text-decoration:underline;text-decoration-color:var(--ins-cta-edge);text-underline-offset:5px;text-decoration-thickness:2px}
#edWrap.inspage .ins-cta-nl:hover{color:var(--ins-gold)}
#edWrap.inspage .ins-cta-svc{background:#fff;border:1px solid var(--ins-line);border-radius:12px;padding:26px 28px;display:flex;flex-direction:column;gap:2px;min-width:0}
#edWrap.inspage .ins-cta-svc .ins-label{margin-bottom:6px}
#edWrap.inspage .ins-cta-svc a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--ins-line);font-size:17px;font-weight:500;color:var(--ins-ink)}
#edWrap.inspage .ins-cta-svc a:hover{color:var(--ins-gold)}
#edWrap.inspage .ins-cta-svc a.ins-cta-all{border-bottom:0;font-size:15px;font-weight:400;color:var(--ins-gold)}

@media(max-width:1024px){:root{--ins-h1-mul:calc(42 / 50);--ins-lead-mul:calc(26 / 32);--ins-cta-mul:calc(34 / 42)}}
@media(max-width:767px){:root{--ins-h1-mul:calc(35 / 50);--ins-lead-mul:calc(24 / 32);--ins-cta-mul:calc(30 / 42)}}

#edWrap.inspage{background:#fff;font-family:var(--font);color:var(--ins-body);padding:0 0 72px}
#edWrap.inspage *,#edWrap.inspage *::before,#edWrap.inspage *::after{box-sizing:border-box}
#edWrap.inspage .ins-in{width:92%;max-width:var(--ins-wrap);margin:0 auto}
#edWrap.inspage a{text-decoration:none;color:inherit}
#edWrap.inspage .ins-in.ins-narrow{max-width:var(--ins-narrow)}

/* heading */
#edWrap.inspage .ins-head{padding-top:56px}
#edWrap.inspage .ins-eyebrow{display:inline-block;font-size:13px;font-weight:300;letter-spacing:.46em;text-transform:uppercase;color:var(--ins-gold);margin-bottom:14px}
#edWrap.inspage a.ins-eyebrow:hover{color:var(--ins-ink)}
#edWrap.inspage .ins-h1{margin:0;font-size:calc(var(--ins-h1) * var(--ins-h1-mul));line-height:1.14;font-weight:600;color:var(--ins-ink);letter-spacing:normal}
#edWrap.inspage .ins-desc{margin:14px 0 0;font-size:var(--ins-desc);line-height:1.55;font-weight:300;max-width:760px}

/* topic chips */
#edWrap.inspage .ins-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
#edWrap.inspage .ins-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--ins-chip-bd);font-size:var(--ins-chip);color:var(--ins-ink);background:#fff;transition:border-color .15s,background .15s}
#edWrap.inspage .ins-chip .n{color:var(--ins-mute)}
#edWrap.inspage .ins-chip:hover{border-color:var(--ins-ink)}
#edWrap.inspage .ins-chip.is-on{background:var(--ins-chip-on);border-color:var(--ins-chip-on);color:#fff}
#edWrap.inspage .ins-chip.is-on .n{color:#C9D2E3}

/* photos: a card's cover fills its frame from the side the post chose (left / right / centre), or shows whole */
#edWrap.inspage .ins-img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border-radius:var(--ins-radius);background:var(--ins-tag-bg)}
#edWrap.inspage .ins-img.fit-left{object-position:left center}
#edWrap.inspage .ins-img.fit-right{object-position:right center}
#edWrap.inspage .ins-img.fit-whole{object-fit:contain}

/* the lead card: the newest post, home page 1 only */
#edWrap.inspage .ins-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:36px;padding:32px 0;border-top:1px solid var(--ins-line);border-bottom:1px solid var(--ins-line)}
#edWrap.inspage .ins-lead-body{display:flex;flex-direction:column;gap:12px}
#edWrap.inspage .ins-lead-title{margin:0;font-size:calc(var(--ins-lead) * var(--ins-lead-mul));line-height:1.2;font-weight:600;color:var(--ins-ink)}
#edWrap.inspage .ins-lead .ins-text{-webkit-line-clamp:4;line-clamp:4}
#edWrap.inspage .ins-lead:hover .ins-lead-title,#edWrap.inspage .ins-card:hover .ins-card-title{color:var(--ins-gold)}

/* the grid */
#edWrap.inspage .ins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ins-row-gap) var(--ins-col-gap);margin-top:40px}
#edWrap.inspage .ins-card{display:flex;flex-direction:column;gap:10px;min-width:0}
#edWrap.inspage .ins-top{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:4px}
#edWrap.inspage .ins-label{font-size:var(--ins-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ins-gold);line-height:1.4}
#edWrap.inspage .ins-tag{font-size:calc(var(--ins-label) * .96);font-weight:600;color:var(--ins-ink);background:var(--ins-tag-bg);border-radius:999px;padding:3px 9px;line-height:1.4}
#edWrap.inspage .ins-card-title{margin:0;font-size:var(--ins-card);line-height:1.3;font-weight:600;color:var(--ins-ink);transition:color .15s}
#edWrap.inspage .ins-text{margin:0;font-size:var(--ins-text);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#edWrap.inspage .ins-meta{font-size:var(--ins-meta);color:var(--ins-mute)}

/* page numbers */
#edWrap.inspage .ins-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:52px}
#edWrap.inspage .ins-pager .page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--ins-chip-bd);font-size:15px;color:var(--ins-ink)}
#edWrap.inspage .ins-pager .page-numbers.current{background:var(--ins-chip-on);border-color:var(--ins-chip-on);color:#fff}
#edWrap.inspage .ins-pager .page-numbers.dots{border:0}
#edWrap.inspage .ins-none{margin-top:40px;font-size:var(--ins-text)}

@media(max-width:1024px){
  #edWrap.inspage .ins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #edWrap.inspage .ins-lead{gap:28px}
  #edWrap.inspage .ins-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  #edWrap.inspage .ins-cta-in{grid-template-columns:minmax(0,1fr);gap:32px;padding:52px 0 56px}
  #edWrap.inspage .ins-grid.ins-latest{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
}
@media(max-width:767px){
  #edWrap.inspage .ins-head{padding-top:32px}
  #edWrap.inspage .ins-eyebrow{font-size:11px;letter-spacing:.32em}
  #edWrap.inspage .ins-desc{font-size:calc(var(--ins-desc) * .9)}
  #edWrap.inspage .ins-chips{gap:8px;margin-top:22px}
  #edWrap.inspage .ins-chip{padding:0 14px}
  #edWrap.inspage .ins-lead{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px;padding:22px 0}
  #edWrap.inspage .ins-grid{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:28px}
  #edWrap.inspage .ins-pager{margin-top:40px}
  #edWrap.inspage .ins-search{margin-top:20px;gap:8px}
  #edWrap.inspage .ins-go{padding:0 18px}
  #edWrap.inspage .ins-result{flex-direction:column;gap:6px;padding:18px 0}
  #edWrap.inspage .ins-result .ins-img{width:100%;order:-1;margin-bottom:6px}
  #edWrap.inspage .ins-tiles{grid-template-columns:minmax(0,1fr)}
  #edWrap.inspage .ins-cta{margin-top:44px}
  #edWrap.inspage .ins-cta-in{padding:36px 0 40px;gap:24px}
  #edWrap.inspage .ins-cta-eye{font-size:11px;letter-spacing:.32em}
  #edWrap.inspage .ins-cta-text{font-size:calc(var(--ins-desc) * .9)}
  #edWrap.inspage .ins-cta-acts{flex-direction:column;align-items:stretch;gap:8px}
  #edWrap.inspage .ins-cta-btn{justify-content:center}
  #edWrap.inspage .ins-cta-nl{align-self:center;padding:10px 0}
  #edWrap.inspage .ins-cta-svc{padding:20px 20px 12px}
  #edWrap.inspage .ins-cta-svc a{font-size:16px}
  #edWrap.inspage .ins-grid.ins-latest{grid-template-columns:minmax(0,1fr);gap:28px}
}