/* Archive Index */
    .ai-hero{position:relative;padding:90px 0 36px;border-bottom:1px solid var(--lp-line);
      background:radial-gradient(1200px 600px at 30% -10%, rgba(59,228,119,.10), rgba(6,9,7,0) 60%), linear-gradient(180deg,#07110a,#060907 40%,#060907)}
    .ai-hero h1{margin:0 0 8px;font-size:clamp(32px,4vw,56px);color:var(--lp-accent)}
    .ai-hero p{margin:0;color:var(--lp-ink-dim);max-width:560px}

    .ai-list{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0 28px}
    .ai-row{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#0f1513,#0b100e);border:1px solid var(--lp-line);border-radius:12px;padding:12px 14px}
    .ai-row .date{font-weight:800;letter-spacing:.3px}
    .ai-row .metrics{display:flex;gap:16px;color:var(--lp-ink-dim);font-size:14px}
    .ai-row .spacer{flex:1}
    /* Keep the arrow inline on View day */
    .ai-row .btn {
      border: 1px solid var(--lp-line);
      border-radius: 10px;
      padding: 8px 14px;              /* slightly wider */
      display: inline-flex;           /* keeps icon inline */
      align-items: center;
      gap: 6px;                       /* spacing between text and arrow */
      white-space: nowrap;            /* prevents wrap */
      font-weight: 600;
    }

    /* Add bottom margin for the sector chips */
    .ai-row .chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 6px;             /* ✅ adds breathing room */
    }

    .ai-row .ai-chip {
      display: inline-block;
      background: #11261d;
      border: 1px solid #215742;
      color: #d6ffe9;
      border-radius: 999px;
      padding: 4px 8px;
      font-size: 12px;
      margin-bottom: 4px;             /* ✅ ensures even on wrapping there's space */
    }
    .ai-row:hover{box-shadow:0 10px 30px rgba(0,0,0,.25)}

    .ai-pager{display:flex;justify-content:center;gap:10px;margin:8px 0 40px}
    .ai-pager a,.ai-pager span{padding:8px 12px;border:1px solid var(--lp-line);border-radius:10px}
    .muted{color:var(--lp-ink-dim)}

    @media (max-width:720px){
      .ai-row{flex-wrap:wrap;gap:10px}
      .ai-row .metrics{order:3;width:100%}
      .ai-row .spacer{display:none}
    }