.dr-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
}
.dr-card{
    border:1px solid #e7e7e7;
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:stretch;
    background:#fff;
    border-radius:6px;
    box-shadow:0 2px 6px rgba(25,25,25,0.03);
    --dr-title-color: #222;
    --dr-btn-bg: #0073aa;
    --dr-btn-hover: #006799;
    --dr-thumb-height: 250px;
}
.dr-thumb{
    width:100%;
    height:var(--dr-thumb-height,250px);
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    display:block;
    text-align:left;
}
.dr-thumb img{max-width:120px;height:auto;display:block;border-radius:4px}
.dr-title{
    margin:0;
    font-size:15px;
    color:var(--dr-title-color,#222);
}
.dr-actions{display:flex;justify-content:flex-end}
.dr-view-btn{
    background:var(--dr-btn-bg,#0073aa);
    border:0;
    padding:8px 12px;
    border-radius:4px;
    cursor:pointer;
    transition:background .15s ease;
}
.dr-view-btn:hover{
    background:var(--dr-btn-hover,#006799);
}

/* Modal */
.dr-modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.65);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.dr-modal{background:#fff;max-width:1100px;width:100%;max-height:90vh;overflow:hidden;border-radius:8px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.5);display:flex;flex-direction:column}
.dr-modal-close{position:static;border:0;background:transparent;font-size:22px;line-height:1;color:#333;cursor:pointer;margin-left:8px}
.dr-modal-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}
.dr-modal-title{font-weight:600;font-size:16px;color:#111;flex:1}
.dr-modal-toolbar{display:flex;gap:8px;align-items:center;margin-right:50px}
.dr-open-btn{
    background:var(--dr-btn-bg,#0073aa);
    color:#fff;
    padding:6px 10px;
    border-radius:4px;
    text-decoration:none;
}
.dr-open-btn:hover{
    background:var(--dr-btn-hover,#006799);
    color:#000;
}
.dr-modal-title{ color: var(--dr-title-color,#111); }
.dr-modal-content{padding:18px;flex:1;overflow:auto}
.dr-modal-image{max-width:100%;height:auto;display:block;margin:0 auto}
.dr-modal-iframe{width:100%;height:80vh;border:0}