/* insights-redesign.css — arsip insights + rel iklan (Sylvia, 2026-09-11 v2)
 * Struktur nyata: .insights-wrap > aside.ih-adleft + .section-title + p + .ih-layout(.ih-left + aside.ih-side)
 * File BARU. <link rel="stylesheet" href="src/insights-redesign.css"> setelah v6.css.
 */
body .insights-wrap{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;
  gap:0 26px;max-width:1180px;margin:28px auto 0;padding:0 clamp(14px,2.5vw,28px) 70px;
  align-items:start}
body .insights-wrap > .section-head{grid-column:1/-1;margin-top:4px}
body .insights-wrap > .ih-partners .section-head{margin-top:0}
body .insights-wrap > aside.ih-adleft{grid-column:1;grid-row:3;width:250px;max-width:250px;
  margin:0;position:sticky;top:84px}
body .insights-wrap .ih-adleft .ad-box{width:250px;height:700px;max-width:100%;overflow:hidden;
  border:1px solid var(--inv-border,#123666);border-radius:14px;
  background:var(--inv-surface,rgba(3,18,43,.55));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 32px rgba(0,0,0,.35)}
body .insights-wrap .ih-adleft .ad-box img{width:100%;height:100%;object-fit:contain;display:block}
body .insights-wrap .ih-adleft .ad-cta{display:block;text-align:center;margin-top:10px;
  padding:11px 14px;border-radius:10px;background:var(--inv-accent,#18c8ff);
  color:#04121f;text-decoration:none;font-size:13px;font-weight:800}
body .insights-wrap .ih-adleft .ad-cta:hover{filter:brightness(1.1)}
body .insights-wrap > .ih-layout{grid-column:2/4;grid-row:3;display:grid;
  grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;min-width:0}
/* partner pindah ke luar konten: full-width di bawah arsip */
body .insights-wrap > .ih-partners{grid-column:2/4;grid-row:4;min-width:0;margin-top:26px;
  border-top:1px solid var(--inv-border,#123666);padding-top:6px}
body .ih-partners-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
body .ih-subhead{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--inv-text-muted,#8fa5cc);margin:16px 0 10px}
@media(max-width:820px){body .ih-partners-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){body #groups .cards-6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body #groups .cards-6{grid-template-columns:minmax(0,1fr)}}
/* kartu insight seragam: sama tinggi, tidak berantakan */
body #groups .cards-6{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
body .insight-card.mini{box-sizing:border-box;min-height:118px}
body .insight-card.mini .pair{font-size:14px}
body .insight-card.mini .wk{min-height:16px}
body .insight-card.mini .lv{font-size:11px;color:var(--inv-text-muted,#8fa5cc);margin-top:6px;line-height:1.5;min-height:33px}
body .insight-card.mini .lv.dim{opacity:.55}
/* ---- modal popup: rapi & enak dibaca ---- */
body #modal .modal-box{max-width:620px;padding:26px 26px 22px}
body #modal .close{position:sticky;float:right;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--inv-border,#123666);border-radius:9px;color:var(--inv-text-muted,#8fa5cc);
  font-size:17px;cursor:pointer;background:transparent}
body #modal .close:hover{color:#fff;border-color:var(--inv-accent,#18c8ff)}
body #modal .mtag{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:2px 40px 4px 0}
body #modal .im-pair{font-size:19px;font-weight:800;color:var(--inv-text,#e7efff);margin-right:2px}
body #modal .mtag .bias-pill, body #modal .mtag .hit-pill{margin:0}
body #modal h2{font-size:13px;font-weight:600;color:var(--inv-text-muted,#8fa5cc);margin:0 0 4px}
body #modal .mdate:empty{display:none}
body #modal .im-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 4px}
body #modal .im-lv{background:rgba(255,255,255,.03);border:1px solid var(--inv-border,#123666);
  border-radius:10px;padding:9px 6px;text-align:center}
body #modal .im-lv span{display:block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--inv-text-muted,#8fa5cc);margin-bottom:4px}
body #modal .im-lv b{font-size:14.5px}
body #modal .c-blue{color:#5aa2ff}body #modal .c-green{color:#0ECB81}body #modal .c-red{color:#F6465D}
body #modal .im-sec{border-left:3px solid var(--inv-accent,#18c8ff);padding:2px 0 2px 14px;margin:16px 0 0}
body #modal .im-sec-label{font-size:10.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--inv-accent,#18c8ff);margin-bottom:6px}
body #modal .im-sec p{font-size:14px;line-height:1.75;color:var(--inv-text,#e7efff);margin:0}
@media(max-width:560px){body #modal .im-levels{grid-template-columns:repeat(2,1fr)}body #modal .modal-box{padding:20px 18px}}
body .insights-wrap .ih-left{min-width:0}
body #insight-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
/* perfbar/filter/note/groups disuntik JS ke dalam grid — paksa full-width, bukan 1 kolom grid */
body #insight-archive > .perfbar, body #insight-archive > .ifilter,
body #insight-archive > .perf-note, body #insight-archive > #groups{grid-column:1/-1;min-width:0}
body #insight-archive .ins-card, body #groups .ins-card{background:var(--inv-surface,rgba(3,18,43,.55));
  border:1px solid var(--inv-border,#123666);border-radius:14px;padding:16px 18px;
  transition:transform .15s ease,box-shadow .15s ease}
body #insight-archive .ins-card:hover, body #groups .ins-card:hover{transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(22,119,255,.18);border-color:var(--inv-accent,#18c8ff)}
body #insight-archive .ins-card h4, body #groups .ins-card h4{font-size:15.5px;line-height:1.5;margin:6px 0}
body .insights-wrap .ih-side{min-width:0}
body .insights-wrap .ih-sticky{position:sticky;top:84px}
/* bar statistik + filter */
body #insight-archive .perfbar{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 12px}
body #insight-archive .perf{flex:1 1 110px;min-width:110px;background:var(--inv-surface,rgba(3,18,43,.55));
  border:1px solid var(--inv-border,#123666);border-radius:12px;padding:12px;text-align:center}
body #insight-archive .perf b{display:block;font-size:22px}
body #insight-archive .perf span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--inv-text-muted,#8fa5cc)}
body .ifilter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
body .ifilter button{padding:8px 16px;border-radius:999px;border:1px solid var(--inv-border,#123666);
  background:transparent;color:var(--inv-text,#f4f7ff);font-size:12.5px;font-weight:700;cursor:pointer}
body .ifilter button.active{background:#0ECB81;border-color:#0ECB81;color:#04120c}
@media(max-width:1100px){
  body .insights-wrap{grid-template-columns:minmax(0,1fr) 280px}
  body .insights-wrap > aside.ih-adleft{display:none}
  body .insights-wrap > .ih-layout{grid-column:1/-1}
  body .insights-wrap > .ih-partners{grid-column:1/-1}
}
@media(max-width:820px){
  body .insights-wrap, body .insights-wrap > .ih-layout{grid-template-columns:minmax(0,1fr)}
  body #insight-archive{grid-template-columns:minmax(0,1fr)}
}