.insights-archive{margin-top:28px}
.insight-json-card{cursor:pointer}
.insight-json-card:focus-visible{outline:2px solid var(--color-red-600);outline-offset:4px}
.insight-read-button{margin-top:auto;padding:0;border:0;background:none;cursor:pointer}
.insight-reader{
  position:fixed;
  inset:0;
  z-index:var(--z-modal);
  display:grid;
  place-items:stretch;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--transition-normal),visibility var(--transition-normal);
}
.insight-reader.is-open{opacity:1;visibility:visible;pointer-events:auto}
.insight-reader__backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background:rgba(5,13,24,.72);
  backdrop-filter:blur(10px);
  border:0;
  cursor:pointer;
}
.insight-reader__panel{
  position:relative;
  z-index:1;
  width:min(100%,980px);
  height:100%;
  margin-left:auto;
  overflow:auto;
  background:var(--color-white);
  box-shadow:-30px 0 90px rgba(0,0,0,.22);
  transform:translateX(40px);
  transition:transform .55s var(--ease-klarr);
}
.insight-reader.is-open .insight-reader__panel{transform:none}
.insight-reader__topbar{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px clamp(22px,4vw,46px);
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--color-border);
  backdrop-filter:blur(12px);
}
.insight-reader__topbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.insight-reader__category{color:var(--color-red-600);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.insight-reader__meta{color:var(--color-text-muted);font-size:.72rem}
.insight-reader__close{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--color-border);
  border-radius:50%;
  background:var(--color-white);
  color:var(--color-navy-950);
  font-size:1.65rem;
  line-height:1;
  cursor:pointer;
}
.insight-reader__hero{aspect-ratio:16/8;overflow:hidden;background:var(--color-stone-100)}
.insight-reader__hero img{width:100%;height:100%;object-fit:cover}
.insight-reader__article{padding:clamp(32px,6vw,72px)}
.insight-reader__article>h1{
  max-width:12ch;
  font-size:clamp(2.8rem,6vw,6rem);
  line-height:.98;
  margin-bottom:24px;
}
.insight-reader__excerpt{
  max-width:760px;
  color:var(--color-text-soft);
  font-size:clamp(1.05rem,1.6vw,1.3rem);
  line-height:1.75;
  margin-bottom:48px;
}
.insight-reader__content{display:grid;gap:44px;max-width:760px}
.insight-reader__section{display:grid;gap:16px}
.insight-reader__section h2{font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.06}
.insight-reader__section p,
.insight-reader__section li{color:var(--color-text-soft);font-size:.96rem;line-height:1.86}
.insight-reader__list{display:grid;gap:10px;margin-top:4px}
.insight-reader__list li{position:relative;padding-left:20px}
.insight-reader__list li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--color-red-600)}
.insight-reader__notice{
  max-width:760px;
  margin-top:48px;
  padding:18px 20px;
  border-left:3px solid var(--color-red-600);
  background:var(--color-off-white);
  color:var(--color-text-muted);
  font-size:.78rem;
  line-height:1.7;
}
.insight-reader__cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  margin-top:42px;
  padding:28px;
  border-radius:var(--radius-md);
  background:var(--color-navy-950);
  color:var(--color-white);
}
.insight-reader__cta>div{display:grid;gap:6px}
.insight-reader__cta span{color:rgba(255,255,255,.62);font-size:.75rem}
.insight-reader__cta strong{font-size:1.12rem;line-height:1.4}
.insight-reader__cta .button{background:var(--color-white);color:var(--color-navy-950)}
@media(max-width:767px){
  .insight-reader__panel{width:100%}
  .insight-reader__topbar{padding:14px 18px}
  .insight-reader__hero{aspect-ratio:4/3}
  .insight-reader__article{padding:30px 20px 48px}
  .insight-reader__article>h1{max-width:none;font-size:clamp(2.35rem,11vw,4rem)}
  .insight-reader__excerpt{margin-bottom:34px}
  .insight-reader__content{gap:34px}
  .insight-reader__cta{grid-template-columns:1fr;align-items:start}
  .insight-reader__cta .button{width:100%}
}