.insight-hero{
      max-width: 90ch;
      padding-top: var(--s6);
      padding-bottom: 24px;
      position: relative;
    }
    .insight-hero::before{
      content:"";
      position:absolute;
      left:-16px;
      top:22px;
      width:1px;
      height:140px;
      background: rgba(198,182,138,0.60);
    }
    .insight-hero h1{
      font-family: var(--font-heading);
      font-weight: 400;
      letter-spacing: -0.02em;
      line-height: 1.06;
      font-size: clamp(36px, 4.6vw, 56px);
      margin: 0 0 8px;
      color: rgba(12,12,12,0.92);
    }
    .insight-hero .sub{
      margin: 0 0 8px;
      font-size: 14.6px;
      color: rgba(12,12,12,0.70);
      max-width: 84ch;
      line-height: 1.7;
    }
    .insight-hero .sub.secondary{
      margin-top: 0;
      color: rgba(12,12,12,0.56);
      font-size: 13.6px;
      max-width: 86ch;
    }

    .insight .closing.accent,
    .feature .closing.accent{
      margin-top: 20px;
      padding-left: 12px;
      border-left: 1px solid rgba(198,182,138,0.38);
      color: rgba(12,12,12,0.72);
      font-size: 14.5px;
      line-height: 1.7;
    }

    .lenses{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 14px;
      padding-top: 12px;
      border-top: 1px solid rgba(0,0,0,0.06);
      max-width: 92ch;
    }
    .lens{
      font-size: 12.6px;
      color: rgba(12,12,12,0.60);
      letter-spacing: 0.01em;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(0,0,0,0.05);
      background: rgba(255,255,255,0.55);
      white-space: nowrap;
    }

    .insight-shell{
      display:grid;
      grid-template-columns: 1fr 320px;
      gap: 22px;
      max-width: 1100px;
      margin-top: 18px;
      align-items:start;
    }

    .feature{
      border-bottom: 1px solid rgba(0,0,0,0.06);
      padding-bottom: 18px;
    }
    .feature h2{
      font-family: var(--font-heading);
      font-weight: 400;
      font-size: 26px;
      line-height: 1.22;
      margin: 0 0 10px;
      max-width: 42ch;
      color: rgba(12,12,12,0.92);
      letter-spacing: -0.01em;
    }
    .feature p{
      margin: 0 0 8px;
      font-size: 14.6px;
      color: rgba(12,12,12,0.62);
      line-height: 1.7;
      max-width: 90ch;
    }

    .insight{
      padding: 16px 0;
      border-bottom: 1px solid rgba(0,0,0,0.06);
    }
    .insight h3{
      font-family: var(--font-heading);
      font-weight: 400;
      font-size: 20px;
      line-height: 1.25;
      margin: 0 0 8px;
      color: rgba(12,12,12,0.90);
      max-width: 58ch;
    }
    .insight p{
      margin: 0 0 6px;
      font-size: 14.6px;
      color: rgba(12,12,12,0.60);
      line-height: 1.7;
      max-width: 92ch;
    }

    /* Additions (kept subtle, so layout remains identical) */
    .context{
      margin: -2px 0 8px;
      font-size: 13px;
      color: rgba(12,12,12,0.50);
      font-style: italic;
      line-height: 1.6;
      max-width: 92ch;
    }
    .consequence{
      margin-top: 8px;
      font-size: 13px;
      color: rgba(12,12,12,0.56);
      line-height: 1.6;
      max-width: 92ch;
    }

    .note{
      font-size: 12.9px;
      color: rgba(12,12,12,0.48);
    }

    /* Premium boxed rail (curated, editorial) */
    .insight-rail{
      position: sticky;
      top: 86px;
      border: 1px solid rgba(0,0,0,0.06);
      border-radius: 14px;
      padding: 16px;
      background: rgba(255,255,255,0.55);
    }
    .insight-rail .title{
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(12,12,12,0.52);
      margin: 0 0 12px;
    }
    .rail-list{
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .rail-list li{
      padding: 10px 0;
      border-top: 1px solid rgba(0,0,0,0.06);
    }
    .rail-list li:first-child{ border-top: none; padding-top: 0; }
    .rail-list a{
      display:block;
      font-family: var(--font-heading);
      font-size: 14.6px;
      color: rgba(12,12,12,0.88);
      line-height: 1.3;
    }
    .rail-list span{
      display:block;
      margin-top: 4px;
      font-family: var(--font-body);
      font-size: 12.6px;
      color: rgba(12,12,12,0.56);
      line-height: 1.45;
    }

    @media (max-width: 1020px){
      .insight-shell{ grid-template-columns: 1fr; }
      .insight-rail{ position: static; top: auto; }
    }

    @media (max-width: 520px){
      .insight-hero{ padding-top: 54px; }
      .insight-hero::before{ left:-12px; height: 120px; }
      .lens{ white-space: normal; }
    }