.kdi{box-sizing:border-box;direction:rtl;width:100%;max-width:880px;margin:18px auto;padding:20px;border-radius:22px;background:#f0f8fa;color:#132d46;font-family:Arial,sans-serif;text-align:center}
.kdi *{box-sizing:border-box}
.kdi-head h2{font-size:27px;line-height:1.3;margin:0 0 5px;font-weight:800;color:#12345b}
.kdi-head p{font-size:14px;margin:0 0 15px;color:#466379}
.kdi-view{display:flex;align-items:center;gap:9px;justify-content:center}
.kdi-view>button{flex:0 0 39px;height:39px;border:1px solid #cbdce5;border-radius:50%;background:white;color:#244661;font-size:26px;cursor:pointer;padding:0;line-height:1}
.kdi-view>button:disabled{opacity:.3;cursor:default}
.kdi-card{width:min(100%,530px);background:white;border:1px solid #dce9f0;border-radius:19px;padding:16px;box-shadow:0 5px 18px #163d5417;min-width:0}
.kdi-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kdi-cat{background:#e3f3e8;border-radius:30px;color:#24553f;padding:6px 13px;font-size:12px;font-weight:700}
.kdi-like{display:flex;gap:5px;align-items:center;border:1px solid #f6d8dc;border-radius:20px;background:#fff7f8;color:#d42d59;font-size:12px;padding:6px 10px;cursor:pointer}
.kdi-liked{background:#ffe8ee}
.kdi-like:disabled{cursor:default}
.kdi-card h3{font-size:24px;line-height:1.3;margin:13px 0;font-weight:800;color:#153558}
.kdi-img{display:block;width:100%;height:225px;object-fit:cover;border-radius:14px;background:#eee}
.kdi-body{font-size:16px;line-height:1.65;margin:13px 0;color:#253b4d}
.kdi-takeaway{background:#fff2cc;border-radius:15px;padding:11px;font-weight:700;color:#263852;margin:0}
.kdi-position{font-size:12px;color:#587283;margin:9px 0}
.kdi-story{background:#fff;border:1px solid #dae6ec;text-align:right;border-radius:14px;padding:14px 18px;font-size:13px;line-height:1.65}
.kdi-story p{margin:5px 0}
.kdi-source{color:#55718b;font-size:12px}
.kdi-story a{color:#28639a;text-decoration:underline}
.kdi-empty{padding:20px}
@media(max-width:650px){.kdi{padding:12px;border-radius:12px}.kdi-view{gap:4px}.kdi-view>button{flex-basis:28px;width:28px;height:28px;font-size:21px}.kdi-card{padding:10px}.kdi-card h3{font-size:19px}.kdi-img{height:170px}.kdi-body{font-size:14px}.kdi-like{font-size:10px;padding:5px}.kdi-head h2{font-size:23px}}