.pide-rd{--g:#1E7F3A;--g-dk:#133A22;--g-panel:#10391F;--mint:#A9DDB8;--ink:#16211A;--muted:#55625A;--line:#E6ECE8;--soft:#F1F6F2;--gold:#C49A3A;
  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:20px;padding:28px 32px 24px;display:flex;flex-direction:column;gap:22px;box-shadow:0 14px 34px -22px rgba(16,40,24,.3)}
.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:.14em;text-transform:uppercase;color:var(--g);margin-bottom:6px}
.pide-rd .eyebrow i{width:26px;height:3px;border-radius:2px;background:var(--gold);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 14px;min-height:34px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid #D3E2D8;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,1.2fr) minmax(0,1fr);gap:32px;align-items:stretch}

/* lead: large, clear cover */
.pide-rd .lead{display:flex;gap:26px;align-items:center;padding:26px 28px;border-radius:16px;background:linear-gradient(150deg,#F6FAF7 0%,#E8F1EB 100%);border:1px solid #E0EAE3;min-width:0}
.pide-rd .lead .cover{flex:0 0 190px;width:190px;min-width:190px;max-width:190px;aspect-ratio:3/4;border-radius:3px 8px 8px 3px;overflow:hidden;background:#fff;box-shadow:0 28px 40px -20px rgba(10,30,18,.6),0 6px 14px -6px rgba(10,30,18,.25),0 0 0 1px rgba(16,40,24,.08);transition:transform .3s}
.pide-rd .lead:hover .cover{transform:translateY(-4px)}
.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;align-items:flex-start}
.pide-rd .badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pide-rd .new{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--g);padding:4px 9px;border-radius:999px}
.pide-rd .series{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.3}
.pide-rd .series::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:1px}
.pide-rd .lead h3{font-size:20px;line-height:1.3;color:var(--ink);overflow-wrap:break-word;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);display:block;line-height:1.45}
.pide-rd .by b{font-weight:700;color:#2F3A33}
.pide-rd .lead .by b{display:block}
.pide-rd .lead .dt{display:block;font-size:12.5px}
.pide-rd .more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--g);margin-top:4px}

/* 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 50px;width:50px;height:68px;border-radius:2px 5px 5px 2px;overflow:hidden;background:#fff;box-shadow:0 10px 16px -9px 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;align-items:flex-start}
.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 20px;border-radius:999px;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:20px;padding:24px 24px 20px;display:flex;flex-direction:column;color:#fff}
.pide-rd .side .top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px}
.pide-rd .side .kick{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);display:block;margin-bottom:4px}
.pide-rd .side h2{font-size:21px;color:#fff}
.pide-rd .webs{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start}
.pide-rd .web{display:flex;gap:16px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff}
.pide-rd .web .th{flex:0 0 116px;width:116px;height:70px;border-radius:8px;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:3;-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;margin-top:auto;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 18px;border-radius:999px;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 18px;border-radius:999px;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:1180px){
  .pide-rd .lead .cover{flex-basis:160px;width:160px;min-width:160px;max-width:160px}
  .pide-rd .lead h3{font-size:19px}
  .pide-rd .lead{gap:20px;padding:22px}
  .pide-rd .web .th{flex-basis:100px;width:100px;height:62px}
}
@media (max-width:900px){ .pide-rd .body{grid-template-columns:1fr;gap:24px} .pide-rd .lead .cover{flex-basis:150px;width:150px;min-width:150px;max-width:150px} }
@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:96px;width:96px;min-width:96px;max-width:96px}
  .pide-rd .lead h3{font-size:17px}
}