.lj-user-dashboard{max-width:1200px;margin:40px auto;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:0 16px}.lj-user-sidebar{background:#071d33;color:#fff;border-radius:24px;padding:26px}.lj-user-profile{display:grid;gap:8px;margin-bottom:22px}.lj-user-avatar img{border-radius:14px}.lj-user-nav{display:grid;gap:8px}.lj-user-nav a{color:#fff;padding:11px 13px;border-radius:12px;font-weight:600;text-decoration:none}.lj-user-nav a:hover,.lj-user-nav a.active{background:rgba(255,255,255,.1)}.lj-user-main{min-width:0}.lj-user-hero,.lj-user-panel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.lj-user-hero h1{margin:8px 0 8px}.lj-user-hero span{color:#e30613;font-weight:700;text-transform:uppercase;font-size:12px}.lj-user-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.lj-user-cards div{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px}.lj-user-cards strong{display:block;font-size:30px;color:#071d33}.lj-user-cards span{color:#64748b}.lj-user-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.lj-user-actions a{background:#e30613;color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;text-decoration:none}.lj-user-list a{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid #e5e7eb}.lj-post-date{display:block;margin-top:6px;font-size:13px;color:#64748b;font-weight:400}@media(max-width:768px){.lj-user-dashboard{grid-template-columns:1fr;margin:18px auto}.lj-user-cards{grid-template-columns:1fr}.lj-user-list a{grid-template-columns:1fr}}
/* dashboard.css - LiputanJatim Modern Dashboard UI */

:root{
    --lj-red:#e30613;
    --lj-dark:#071d33;
    --lj-navy:#061c32;
    --lj-blue:#0b3a75;
    --lj-text:#0f172a;
    --lj-muted:#64748b;
    --lj-border:#e5e7eb;
    --lj-bg:#f4f7fb;
    --lj-card:#ffffff;
}

/* =========================
   DASHBOARD WRAPPER
========================= */

.lj-user-dashboard{
    width:100%;
    max-width:1180px;
    margin:34px auto 70px;
    padding:0 18px;
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:28px;
    align-items:start;
}

/* =========================
   SIDEBAR
========================= */

.lj-user-sidebar,
.lj-author-sidebar{
    position:sticky;
    top:92px;
    min-height:calc(100vh - 130px);
    background:
        radial-gradient(circle at top left, rgba(227,6,19,.16), transparent 28%),
        linear-gradient(180deg,#061c32,#031426);
    border-radius:28px;
    padding:24px;
    color:#fff;
    box-shadow:0 24px 60px rgba(3,20,38,.22);
}

.lj-user-profile,
.lj-user-profile-mini{
    padding-bottom:22px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.lj-user-avatar,
.lj-user-profile-mini img{
    width:72px;
    height:72px;
    border-radius:22px;
    overflow:hidden;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
}

.lj-user-avatar img,
.lj-user-profile-mini img{
    width:72px;
    height:72px;
    object-fit:cover;
}

.lj-user-profile strong,
.lj-user-profile-mini strong{
    display:block;
    font-size:17px;
    line-height:1.25;
    font-weight:700;
    color:#fff;
    margin-bottom:5px;
}

.lj-user-profile span,
.lj-user-profile-mini span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:600;
    color:#dbeafe;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.lj-user-profile span::before,
.lj-user-profile-mini span::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 5px rgba(34,197,94,.14);
}

/* MENU */

.lj-user-nav,
.lj-user-menu,
.lj-author-sidebar nav{
    display:grid;
    gap:8px;
}

.lj-user-nav a,
.lj-user-menu a,
.lj-author-sidebar nav a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:11px 13px;
    border-radius:14px;
    color:#eaf2ff;
    font-size:14px;
    font-weight:650;
    text-decoration:none;
    transition:.18s ease;
}

.lj-user-nav a:hover,
.lj-user-menu a:hover,
.lj-author-sidebar nav a:hover,
.lj-user-nav a.active,
.lj-user-menu a.active,
.lj-author-sidebar nav a.active{
    background:rgba(255,255,255,.12);
    color:#fff;
    transform:translateX(3px);
}

.lj-user-nav a[href*="wp-admin"],
.lj-user-menu a[href*="wp-admin"]{
    color:#fde68a;
}

.lj-user-nav a:last-child,
.lj-user-menu a:last-child,
.lj-author-sidebar nav a:last-child{
    margin-top:8px;
    color:#fecaca;
}

/* =========================
   MAIN CONTENT
========================= */

.lj-user-main,
.lj-author-main,
.lj-author-content{
    min-width:0;
}

/* HERO */

.lj-user-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(227,6,19,.10), transparent 28%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid var(--lj-border);
    border-radius:28px;
    padding:30px 34px;
    box-shadow:0 22px 60px rgba(15,23,42,.07);
}

.lj-user-hero::after{
    content:"";
    position:absolute;
    right:-80px;
    top:-90px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(11,58,117,.07);
}

.lj-user-hero span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border-radius:999px;
    background:#fef2f2;
    color:var(--lj-red);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:14px;
}

.lj-user-hero span::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--lj-red);
    box-shadow:0 0 0 5px rgba(227,6,19,.12);
}

.lj-user-hero h1{
    margin:0 0 10px;
    font-size:34px;
    line-height:1.12;
    font-weight:750;
    letter-spacing:-.035em;
    color:var(--lj-dark);
}

.lj-user-hero p{
    margin:0;
    max-width:650px;
    color:#334155;
    font-size:15.5px;
    line-height:1.7;
}

/* =========================
   STAT CARDS
========================= */

.lj-user-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:18px 0 16px;
}

.lj-user-cards div{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--lj-border);
    border-radius:22px;
    padding:22px;
    box-shadow:0 12px 34px rgba(15,23,42,.05);
    transition:.2s ease;
}

.lj-user-cards div:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 44px rgba(15,23,42,.09);
}

.lj-user-cards div::after{
    content:"";
    position:absolute;
    right:-26px;
    top:-26px;
    width:92px;
    height:92px;
    border-radius:50%;
    background:rgba(227,6,19,.06);
}

.lj-user-cards strong{
    display:block;
    font-size:34px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.04em;
    color:var(--lj-dark);
    margin-bottom:10px;
}

.lj-user-cards span{
    display:block;
    color:var(--lj-muted);
    font-size:14px;
    font-weight:500;
}

/* =========================
   QUICK ACTIONS
========================= */

.lj-user-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:10px 0 18px;
}

.lj-user-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border-radius:999px;
    background:var(--lj-red);
    color:#fff;
    font-size:14px;
    font-weight:750;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(227,6,19,.22);
    transition:.18s ease;
}

.lj-user-actions a:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(227,6,19,.28);
}

.lj-user-actions a:not(:first-child){
    background:#fff;
    color:var(--lj-dark);
    border:1px solid var(--lj-border);
    box-shadow:0 8px 22px rgba(15,23,42,.05);
}

/* =========================
   PANEL
========================= */

.lj-user-panel,
.lj-author-card{
    background:#fff;
    border:1px solid var(--lj-border);
    border-radius:28px;
    padding:26px;
    box-shadow:0 22px 60px rgba(15,23,42,.07);
}

.lj-user-panel h2,
.lj-author-card h2{
    margin:0 0 22px;
    font-size:24px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:-.025em;
    color:var(--lj-dark);
}

/* =========================
   ARTICLE LIST
========================= */

.lj-user-list{
    display:grid;
}

.lj-user-list a{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid var(--lj-border);
    color:var(--lj-dark);
    text-decoration:none;
}

.lj-user-list a:last-child{
    border-bottom:0;
}

.lj-user-list b{
    font-size:15px;
    line-height:1.45;
    font-weight:650;
    color:var(--lj-dark);
}

.lj-user-list span,
.lj-post-date{
    color:#64748b;
    font-size:13px;
    font-weight:500;
    white-space:nowrap;
}

.lj-user-list a:hover b{
    color:var(--lj-red);
}

/* =========================
   AUTHOR TABLE
========================= */

.lj-author-page{
    width:100%;
    max-width:1180px;
    margin:34px auto 70px;
    padding:0 18px;
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:28px;
    align-items:start;
}

.lj-author-main{
    background:#fff;
    border:1px solid var(--lj-border);
    border-radius:28px;
    padding:28px;
    box-shadow:0 22px 60px rgba(15,23,42,.07);
}

.lj-author-main h1{
    margin:0 0 24px;
    font-size:30px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.035em;
    color:var(--lj-dark);
}

.lj-author-table{
    display:grid;
    gap:12px;
}

.lj-author-table-head{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) 130px 130px 120px;
    gap:18px;
    padding:0 16px 8px;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

.lj-author-table-row{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) 130px 130px 120px;
    gap:18px;
    align-items:center;
    padding:16px;
    background:#fff;
    border:1px solid var(--lj-border);
    border-radius:18px;
    transition:.18s ease;
}

.lj-author-table-row:hover{
    border-color:#cbd5e1;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}

.lj-author-table-row b{
    color:var(--lj-dark);
    font-size:14.5px;
    line-height:1.4;
}

.lj-author-table-row span{
    font-size:14px;
}

.lj-author-actions{
    display:grid;
    gap:8px;
}

.lj-action-view,
.lj-action-edit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}

.lj-action-view{
    background:var(--lj-red);
    color:#fff;
}

.lj-action-edit{
    background:var(--lj-dark);
    color:#fff;
}

.lj-author-empty{
    padding:20px;
    border-radius:18px;
    background:#f8fafc;
    color:#64748b;
}

/* =========================
   SAVED ARTICLES
========================= */

.lj-saved-list{
    display:grid;
    gap:14px;
}

.lj-saved-item{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:14px;
    background:#fff;
    border:1px solid var(--lj-border);
    border-radius:18px;
    text-decoration:none;
    color:var(--lj-dark);
    transition:.18s ease;
}

.lj-saved-item:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(15,23,42,.07);
}

.lj-saved-thumb,
.lj-saved-thumb img{
    width:96px;
    height:72px;
    border-radius:14px;
    object-fit:cover;
    overflow:hidden;
    background:#e5e7eb;
}

.lj-saved-thumb span{
    display:flex;
    width:96px;
    height:72px;
    align-items:center;
    justify-content:center;
    color:#64748b;
    font-size:12px;
    font-weight:700;
}

.lj-saved-content b{
    display:block;
    font-size:15px;
    line-height:1.4;
    margin-bottom:6px;
}

.lj-saved-content small{
    color:#64748b;
    font-size:13px;
}

/* =========================
   LOGIN CARD
========================= */

.lj-login-card{
    max-width:680px;
    margin:40px auto;
    padding:26px;
    border-radius:24px;
    background:#fff;
    border:1px solid var(--lj-border);
    box-shadow:0 18px 46px rgba(15,23,42,.07);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:980px){

    .lj-user-dashboard,
    .lj-author-page{
        grid-template-columns:1fr;
        gap:18px;
        margin:20px auto 50px;
    }

    .lj-user-sidebar,
    .lj-author-sidebar{
        position:static;
        min-height:auto;
        border-radius:24px;
    }

    .lj-user-nav,
    .lj-user-menu,
    .lj-author-sidebar nav{
        display:flex;
        overflow-x:auto;
        gap:10px;
        scrollbar-width:none;
    }

    .lj-user-nav::-webkit-scrollbar,
    .lj-user-menu::-webkit-scrollbar,
    .lj-author-sidebar nav::-webkit-scrollbar{
        display:none;
    }

    .lj-user-nav a,
    .lj-user-menu a,
    .lj-author-sidebar nav a{
        white-space:nowrap;
        flex:0 0 auto;
        background:rgba(255,255,255,.08);
    }

    .lj-user-cards{
        grid-template-columns:1fr;
    }

    .lj-user-list a{
        grid-template-columns:1fr;
        gap:8px;
    }

    .lj-user-list span,
    .lj-post-date{
        white-space:normal;
    }

    .lj-author-table-head{
        display:none;
    }

    .lj-author-table-row{
        grid-template-columns:1fr;
        gap:10px;
    }

    .lj-author-actions{
        display:flex;
    }
}

@media(max-width:640px){

    .lj-user-dashboard,
    .lj-author-page{
        padding:0 14px;
    }

    .lj-user-hero{
        padding:24px;
        border-radius:24px;
    }

    .lj-user-hero h1{
        font-size:29px;
    }

    .lj-user-panel,
    .lj-author-main,
    .lj-author-card{
        padding:20px;
        border-radius:24px;
    }

    .lj-user-actions{
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:4px;
    }

    .lj-user-actions a{
        flex:0 0 auto;
    }

    .lj-saved-item{
        grid-template-columns:86px 1fr;
    }

    .lj-saved-thumb,
    .lj-saved-thumb img,
    .lj-saved-thumb span{
        width:86px;
        height:66px;
    }
}

/* =========================
   ELEGANT ROLE DASHBOARD
========================= */

.lj-dashboard-modern{
    max-width:1220px;
    align-items:start;
}

.lj-dashboard-hero{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-start;
    background:
        radial-gradient(circle at top right, rgba(227,6,19,.10), transparent 28%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid #e5e7eb;
    border-radius:30px;
    padding:34px;
    box-shadow:0 22px 60px rgba(15,23,42,.07);
}

.lj-dashboard-role{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 13px;
    border-radius:999px;
    background:#fef2f2;
    color:#e30613;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:16px;
}

.lj-dashboard-role::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#e30613;
    box-shadow:0 0 0 5px rgba(227,6,19,.12);
}

.lj-dashboard-hero h1{
    margin:0 0 10px;
    font-size:36px;
    line-height:1.1;
    font-weight:750;
    letter-spacing:-.04em;
    color:#071d33;
}

.lj-dashboard-hero p{
    margin:0;
    max-width:660px;
    color:#334155;
    font-size:15.5px;
    line-height:1.7;
}

.lj-dashboard-hero-badge{
    min-width:96px;
    height:96px;
    border-radius:26px;
    background:#071d33;
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow:0 18px 40px rgba(7,29,51,.22);
}

.lj-dashboard-hero-badge strong{
    font-size:34px;
    line-height:1;
    font-weight:800;
}

.lj-dashboard-hero-badge span{
    margin-top:6px;
    font-size:13px;
    color:#cbd5e1;
}

.lj-dashboard-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:18px 0;
}

.lj-dashboard-stat{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:24px;
    box-shadow:0 12px 34px rgba(15,23,42,.05);
}

.lj-dashboard-stat::after{
    content:"";
    position:absolute;
    right:-34px;
    top:-34px;
    width:110px;
    height:110px;
    border-radius:50%;
    background:rgba(11,58,117,.07);
}

.lj-dashboard-stat.is-red::after{
    background:rgba(227,6,19,.08);
}

.lj-dashboard-stat.is-dark::after{
    background:rgba(7,29,51,.08);
}

.lj-dashboard-stat strong{
    display:block;
    font-size:34px;
    line-height:1;
    font-weight:800;
    color:#071d33;
    letter-spacing:-.04em;
    margin-bottom:10px;
}

.lj-dashboard-stat span{
    color:#64748b;
    font-size:14px;
    font-weight:500;
}

.lj-dashboard-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.lj-dashboard-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e5e7eb;
    color:#071d33;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 8px 22px rgba(15,23,42,.04);
}

.lj-dashboard-actions a.primary{
    background:#e30613;
    border-color:#e30613;
    color:#fff;
    box-shadow:0 10px 24px rgba(227,6,19,.24);
}

.lj-dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:18px;
}

.lj-dashboard-panel{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:30px;
    padding:26px;
    box-shadow:0 22px 60px rgba(15,23,42,.07);
}

.lj-dashboard-panel-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.lj-dashboard-panel h2{
    margin:0 0 6px;
    font-size:23px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:-.025em;
    color:#071d33;
}

.lj-dashboard-panel p{
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.55;
}

.lj-dashboard-list{
    display:grid;
    gap:12px;
}

.lj-dashboard-list-item{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:12px;
    border-radius:18px;
    border:1px solid #e5e7eb;
    color:#071d33;
    text-decoration:none;
    transition:.18s ease;
}

.lj-dashboard-list-item:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(15,23,42,.07);
}

.lj-dashboard-thumb,
.lj-dashboard-thumb img{
    width:86px;
    height:66px;
    border-radius:14px;
    overflow:hidden;
    object-fit:cover;
    background:#e5e7eb;
}

.lj-dashboard-thumb span{
    display:flex;
    width:86px;
    height:66px;
    align-items:center;
    justify-content:center;
    font-size:12px;
    color:#64748b;
    font-weight:700;
}

.lj-dashboard-item-content h3{
    margin:0 0 8px;
    font-size:15px;
    line-height:1.38;
    font-weight:650;
    color:#071d33;
}

.lj-dashboard-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.lj-dashboard-meta span{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    font-size:11px;
    font-weight:750;
}

.status-publish{
    background:#ecfdf5;
    color:#047857;
}

.status-draft{
    background:#f8fafc;
    color:#475569;
}

.status-pending{
    background:#fef2f2;
    color:#e30613;
}

.lj-dashboard-meta small{
    color:#64748b;
    font-size:13px;
}

.lj-dashboard-review-list,
.lj-dashboard-info-list{
    display:grid;
    gap:12px;
}

.lj-dashboard-review-list a,
.lj-dashboard-info-list a{
    display:grid;
    gap:6px;
    padding:14px;
    border-radius:18px;
    border:1px solid #e5e7eb;
    text-decoration:none;
    color:#071d33;
}

.lj-dashboard-review-list strong,
.lj-dashboard-info-list strong{
    font-size:14.5px;
    line-height:1.38;
}

.lj-dashboard-review-list small,
.lj-dashboard-info-list span{
    color:#64748b;
    font-size:13px;
}

.lj-dashboard-empty{
    padding:18px;
    border-radius:18px;
    background:#f8fafc;
    color:#64748b;
}

/* Mobile */
@media(max-width:980px){
    .lj-dashboard-grid{
        grid-template-columns:1fr;
    }

    .lj-dashboard-stats{
        grid-template-columns:1fr;
    }

    .lj-dashboard-hero{
        flex-direction:column;
    }

    .lj-dashboard-hero-badge{
        display:none;
    }
}

@media(max-width:640px){
    .lj-dashboard-hero{
        padding:24px;
        border-radius:24px;
    }

    .lj-dashboard-hero h1{
        font-size:30px;
    }

    .lj-dashboard-panel{
        padding:20px;
        border-radius:24px;
    }

    .lj-dashboard-list-item{
        grid-template-columns:76px 1fr;
    }

    .lj-dashboard-thumb,
    .lj-dashboard-thumb img,
    .lj-dashboard-thumb span{
        width:76px;
        height:60px;
    }

    .lj-dashboard-actions{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:4px;
    }

    .lj-dashboard-actions a{
        flex:0 0 auto;
    }
}

/* =========================
   DASHBOARD ENGAGEMENT PANEL
========================= */

.lj-engagement-panel {
    grid-column: 1 / -1;
}

.lj-engagement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

@media(max-width:980px) {
    .lj-engagement-grid {
        grid-template-columns: 1fr;
    }
}

.lj-engagement-grid h3 {
    margin: 0 0 14px;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 750;
    color: #071d33;
}

.lj-engagement-list {
    display: grid;
    gap: 10px;
}

.lj-engagement-list a {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #fff;
    color: #071d33;
    text-decoration: none;
    transition: .18s ease;
}

.lj-engagement-list a:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(15,23,42,.07);
}

.lj-engagement-list strong {
    font-size: 14.5px;
    line-height: 1.4;
    font-weight: 650;
}

.lj-engagement-list span {
    width: max-content;
    padding: 5px 9px;
    border-radius: 999px;
    background: #fef2f2;
    color: #e30613;
    font-size: 12px;
    font-weight: 750;
}

.lj-engagement-list p {
    margin: 0;
    padding: 16px;
    border-radius: 16px;
    background: #f8fafc;
    color: #64748b;
}

@media(max-width:768px) {
    .lj-engagement-grid {
        grid-template-columns: 1fr;
    }
}