.pide-rd{--g:#1E7F3A;--g-dk:#133A22;--g-panel:#10391F;--mint:#A9DDB8;--ink:#16211A;--muted:#4E5A52;--line:#E8EEEA;--soft:#F1F6F2;--plum:#3A0D46;--red:#E2444F;
  font-family:Mulish,system-ui,sans-serif;color:var(--ink);box-sizing:border-box;width:100%;line-height:1.4}
.pide-rd *,.pide-rd *::before,.pide-rd *::after{box-sizing:border-box}
.pide-rd a{text-decoration:none!important;color:inherit;box-shadow:none}
.pide-rd img{max-width:none;border:0;display:block}
.pide-rd h2,.pide-rd h3{margin:0;padding:0;text-transform:none}
.pide-rd .serif{font-family:'Source Serif 4',Georgia,serif;font-weight:600;letter-spacing:-.005em}

.pide-rd .wrap{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}

/* ---------- research card ---------- */
.pide-rd .main{flex:2.6 1 680px;min-width:0;background:#fff;border:1px solid #E2E9E4;border-radius:18px;padding:28px 32px 24px;display:flex;flex-direction:column;gap:22px;box-shadow:0 10px 30px -18px rgba(16,40,24,.25)}
.pide-rd .head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 20px;flex-wrap:wrap}
.pide-rd .eyebrow{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--plum);margin-bottom:6px}
.pide-rd .eyebrow i{width:24px;height:3px;border-radius:2px;background:var(--red);display:inline-block}
.pide-rd .h2{font-size:30px;line-height:1.1;color:var(--g-dk)}

.pide-rd .chips{display:flex;gap:6px;flex-wrap:wrap}
.pide-rd .chip{all:unset;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:0 13px;min-height:34px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid #CFE0D4;background:#fff;color:#2F3A33;transition:background .15s,color .15s,border-color .15s}
.pide-rd .chip:hover{border-color:var(--g-dk)}
.pide-rd .chip:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.pide-rd .chip[aria-selected="true"]{background:var(--g-dk);border-color:var(--g-dk);color:#fff;font-weight:800}

.pide-rd .body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch}

/* lead */
.pide-rd .lead{display:flex;gap:22px;align-items:center;padding:24px;border-radius:14px;background:var(--soft)}
.pide-rd .lead .cover{flex:0 0 138px;aspect-ratio:3/4;border-radius:2px 6px 6px 2px;overflow:hidden;background:#fff;box-shadow:0 18px 28px -14px rgba(10,30,18,.55),0 0 0 1px rgba(16,40,24,.08);transition:transform .25s}
.pide-rd .lead:hover .cover{transform:translateY(-3px)}
.pide-rd .cover img{width:100%;height:100%;object-fit:cover;object-position:top}
.pide-rd .lead .txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:9px}
.pide-rd .badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pide-rd .new{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--g);padding:4px 7px;border-radius:4px}
.pide-rd .series{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.pide-rd .lead h3{font-size:20px;line-height:1.3;color:var(--ink);transition:color .15s}
.pide-rd .lead:hover h3,.pide-rd .row:hover .t{color:var(--g)}
.pide-rd .by{font-size:13px;color:var(--muted)}
.pide-rd .by b{font-weight:700;color:#2F3A33}
.pide-rd .more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--g);margin-top:2px}

/* list */
.pide-rd .list{display:flex;flex-direction:column;justify-content:space-between}
.pide-rd .row{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.pide-rd .row:first-child{padding-top:2px}
.pide-rd .row .cover{flex:0 0 46px;height:62px;border-radius:1px 4px 4px 1px;overflow:hidden;background:#fff;box-shadow:0 8px 14px -8px rgba(10,30,18,.55),0 0 0 1px rgba(16,40,24,.08);transition:transform .2s}
.pide-rd .row:hover .cover{transform:translateY(-2px)}
.pide-rd .row .meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.pide-rd .row .series{font-size:10.5px;letter-spacing:.09em}
.pide-rd .row .t{font-size:16px;line-height:1.32;transition:color .15s}
.pide-rd .row .by{font-size:12.5px}
.pide-rd .empty{padding:16px 0;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line)}

.pide-rd .foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px}
.pide-rd .foot span{font-size:12.5px;color:var(--muted)}
.pide-rd .btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;background:var(--g);color:#fff!important;font-size:14px;font-weight:800;transition:background .15s}
.pide-rd .btn:hover{background:#145C29}

/* ---------- webinar panel ---------- */
.pide-rd .side{flex:1 1 320px;min-width:0;background:var(--g-panel);border-radius:18px;padding:26px 24px 22px;display:flex;flex-direction:column;color:#fff}
.pide-rd .side .top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:16px}
.pide-rd .side .kick{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);display:block;margin-bottom:4px}
.pide-rd .side h2{font-size:21px;color:#fff}
.pide-rd .webs{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}
.pide-rd .web{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff}
.pide-rd .web .th{flex:0 0 104px;height:66px;border-radius:7px;overflow:hidden;background:#1E5A33}
.pide-rd .web .th img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pide-rd .web:hover .th img{transform:scale(1.05)}
.pide-rd .web .wd{font-size:11.5px;font-weight:700;color:var(--mint);display:block;margin-bottom:3px}
.pide-rd .web .wt{font-size:14px;font-weight:700;line-height:1.32;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pide-rd .web:hover .wt{text-decoration:underline;text-underline-offset:3px}
.pide-rd .side .acts{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.pide-rd .b-light{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:10px;background:#fff;color:var(--g-panel)!important;font-size:13.5px;font-weight:800}
.pide-rd .b-ghost{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.35);color:#fff!important;font-size:13.5px;font-weight:800}
.pide-rd .b-ghost:hover{background:rgba(255,255,255,.08)}

@media (max-width:900px){ .pide-rd .body{grid-template-columns:1fr;gap:24px} }
@media (max-width:560px){
  .pide-rd .main{padding:20px 18px}
  .pide-rd .h2{font-size:26px}
  .pide-rd .lead{padding:16px;gap:16px}
  .pide-rd .lead .cover{flex-basis:100px}
  .pide-rd .lead h3{font-size:18px}
}