/* =========================================================
   BrightMind Hub — Resource Detail Page
   Dedicated stylesheet loaded after app.css.
   ========================================================= */

#bm-resource-page{
    --bm-green:#15803d;
    --bm-green-dark:#116331;
    --bm-green-pale:#edf8f1;
    --bm-ink:#183326;
    --bm-muted:#68776e;
    --bm-line:#d9e4dd;
    --bm-bg:#f4f7f5;
    --bm-blue:#0759b8;
    --bm-warning:#a45b00;
    --bm-warning-bg:#fff8e9;
    --bm-danger:#a51d2d;
    --bm-danger-bg:#fff2f3;

    width:100% !important;
    min-height:600px !important;
    margin:0 !important;
    padding:0 !important;
    background:var(--bm-bg) !important;
    color:var(--bm-ink) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    line-height:1.5 !important;
}

#bm-resource-page *,
#bm-resource-page *::before,
#bm-resource-page *::after{
    box-sizing:border-box !important;
}

#bm-resource-page a{
    text-decoration:none !important;
}

#bm-resource-page .bm-resource-shell{
    width:min(1180px,calc(100% - 56px)) !important;
    margin:0 auto !important;
    padding:24px 0 60px !important;
}

#bm-resource-page .bm-breadcrumb{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-bottom:22px !important;
    color:#748078 !important;
    font-size:12px !important;
}

#bm-resource-page .bm-breadcrumb a{
    color:var(--bm-green) !important;
    font-weight:800 !important;
}

#bm-resource-page .bm-breadcrumb strong{
    max-width:500px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#536159 !important;
}

/* Main two-column layout */

#bm-resource-page .bm-detail-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 280px !important;
    gap:22px !important;
    align-items:start !important;
}

#bm-resource-page .bm-detail-main{
    min-width:0 !important;
}

/* Header */

#bm-resource-page .bm-resource-header{
    display:flex !important;
    gap:18px !important;
    align-items:flex-start !important;
    padding:25px !important;
    background:#fff !important;
    border:1px solid var(--bm-line) !important;
    border-top:4px solid var(--bm-green) !important;
    border-radius:8px !important;
}

#bm-resource-page .bm-file-mark{
    flex:0 0 64px !important;
    width:64px !important;
    height:74px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    background:var(--bm-green-pale) !important;
    border:1px solid #b9d8c3 !important;
    border-radius:7px !important;
    color:var(--bm-green-dark) !important;
    font-size:11px !important;
    font-weight:900 !important;
}

#bm-resource-page .bm-file-mark::before{
    content:"" !important;
    position:absolute !important;
    top:-1px !important;
    right:-1px !important;
    width:16px !important;
    height:16px !important;
    background:#fff !important;
    border-left:1px solid #b9d8c3 !important;
    border-bottom:1px solid #b9d8c3 !important;
    border-radius:0 7px 0 5px !important;
}

#bm-resource-page .bm-title-block{
    min-width:0 !important;
}

#bm-resource-page .bm-subject-badge{
    display:inline-block !important;
    margin-bottom:7px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    background:var(--bm-green-pale) !important;
    color:var(--bm-green-dark) !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.4px !important;
    text-transform:uppercase !important;
}

#bm-resource-page h1{
    margin:0 !important;
    color:var(--bm-ink) !important;
    font-size:29px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-.3px !important;
}

#bm-resource-page .bm-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0 !important;
    margin-top:12px !important;
    color:#6b786f !important;
    font-size:12px !important;
}

#bm-resource-page .bm-meta span + span::before{
    content:"•" !important;
    margin:0 8px !important;
    color:#a3ada7 !important;
}

#bm-resource-page .bm-meta b{
    color:#45534b !important;
}

/* Description */

#bm-resource-page .bm-description{
    margin-top:18px !important;
    padding:22px 25px !important;
    background:#fff !important;
    border:1px solid var(--bm-line) !important;
    border-radius:8px !important;
}

#bm-resource-page .bm-section-heading{
    margin-bottom:12px !important;
    padding-bottom:9px !important;
    border-bottom:1px solid #e7eee9 !important;
}

#bm-resource-page .bm-section-heading span,
#bm-resource-page .bm-small-label{
    color:var(--bm-green) !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:1px !important;
}

#bm-resource-page .bm-description p{
    margin:0 !important;
    color:#4e5d54 !important;
    font-size:14px !important;
    line-height:1.7 !important;
}

#bm-resource-page .bm-muted{
    color:#7a867f !important;
}

/* Access messages */

#bm-resource-page .bm-access-box{
    display:flex !important;
    gap:15px !important;
    margin-top:18px !important;
    padding:20px !important;
    border:1px solid !important;
    border-radius:8px !important;
}

#bm-resource-page .bm-access-success{
    background:#edf9f1 !important;
    border-color:#b7dfc3 !important;
}

#bm-resource-page .bm-access-neutral{
    background:#fff !important;
    border-color:var(--bm-line) !important;
}

#bm-resource-page .bm-access-warning{
    background:var(--bm-warning-bg) !important;
    border-color:#f0d39a !important;
}

#bm-resource-page .bm-access-danger{
    background:var(--bm-danger-bg) !important;
    border-color:#efc1c8 !important;
}

#bm-resource-page .bm-access-icon{
    flex:0 0 35px !important;
    width:35px !important;
    height:35px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:var(--bm-green) !important;
    color:#fff !important;
    font-weight:900 !important;
}

#bm-resource-page .bm-access-warning .bm-access-icon{
    background:#c27b00 !important;
}

#bm-resource-page .bm-access-danger .bm-access-icon{
    background:#b42335 !important;
}

#bm-resource-page .bm-access-copy{
    min-width:0 !important;
}

#bm-resource-page .bm-access-copy h2{
    margin:0 0 4px !important;
    color:var(--bm-ink) !important;
    font-size:17px !important;
    font-weight:800 !important;
}

#bm-resource-page .bm-access-copy p{
    margin:0 !important;
    color:#59675f !important;
    font-size:13px !important;
    line-height:1.6 !important;
}

/* Buttons */

#bm-resource-page .bm-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    margin-top:15px !important;
}

#bm-resource-page .bm-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:39px !important;
    padding:0 16px !important;
    border-radius:6px !important;
    font-size:12px !important;
    font-weight:800 !important;
}

#bm-resource-page .bm-btn-primary{
    background:var(--bm-green) !important;
    border:1px solid var(--bm-green) !important;
    color:#fff !important;
}

#bm-resource-page .bm-btn-secondary{
    background:#fff !important;
    border:1px solid #b9cec0 !important;
    color:var(--bm-green-dark) !important;
}

/* Download card */

#bm-resource-page .bm-download-card{
    margin-top:18px !important;
    padding:22px 25px !important;
    background:#fff !important;
    border:1px solid var(--bm-line) !important;
    border-radius:8px !important;
}

#bm-resource-page .bm-download-card h2{
    margin:4px 0 16px !important;
    color:var(--bm-ink) !important;
    font-size:19px !important;
}

#bm-resource-page .bm-download-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
}

#bm-resource-page .bm-download-primary,
#bm-resource-page .bm-download-secondary{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:48px !important;
    padding:0 13px !important;
    border-radius:6px !important;
    font-size:12px !important;
    font-weight:800 !important;
}

#bm-resource-page .bm-download-primary{
    background:var(--bm-green) !important;
    border:1px solid var(--bm-green) !important;
    color:#fff !important;
}

#bm-resource-page .bm-download-secondary{
    background:#fff !important;
    border:1px solid #b9cec0 !important;
    color:var(--bm-green-dark) !important;
}

#bm-resource-page .bm-download-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:28px !important;
    border-radius:4px !important;
    background:rgba(255,255,255,.16) !important;
    font-size:9px !important;
    font-weight:900 !important;
}

#bm-resource-page .bm-download-secondary .bm-download-icon{
    background:var(--bm-green-pale) !important;
}

#bm-resource-page .bm-download-primary b,
#bm-resource-page .bm-download-secondary b{
    margin-left:auto !important;
    font-size:17px !important;
}

/* Choice section */

#bm-resource-page .bm-access-choice{
    margin-top:18px !important;
    padding:22px 25px 25px !important;
    background:#fff !important;
    border:1px solid var(--bm-line) !important;
    border-radius:8px !important;
}

#bm-resource-page .bm-choice-heading h2{
    margin:4px 0 4px !important;
    color:var(--bm-ink) !important;
    font-size:20px !important;
}

#bm-resource-page .bm-choice-heading p{
    margin:0 !important;
    color:var(--bm-muted) !important;
    font-size:12px !important;
}

#bm-resource-page .bm-choice-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    margin-top:17px !important;
}

#bm-resource-page .bm-choice-card{
    display:block !important;
    padding:17px !important;
    border:1px solid #d5e1d9 !important;
    border-radius:7px !important;
    background:#fff !important;
    color:var(--bm-ink) !important;
}

#bm-resource-page .bm-choice-card:hover{
    border-color:#9cc8aa !important;
    background:#fbfefc !important;
}

#bm-resource-page .bm-choice-subscription{
    border-top:3px solid var(--bm-green) !important;
}

#bm-resource-page .bm-choice-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
}

#bm-resource-page .bm-choice-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    background:var(--bm-green-pale) !important;
    color:var(--bm-green-dark) !important;
    font-size:9px !important;
    font-weight:900 !important;
}

#bm-resource-page .bm-choice-arrow{
    color:#789084 !important;
    font-size:18px !important;
}

#bm-resource-page .bm-choice-card h3{
    margin:13px 0 5px !important;
    color:var(--bm-ink) !important;
    font-size:15px !important;
}

#bm-resource-page .bm-choice-card p{
    margin:0 0 12px !important;
    color:var(--bm-muted) !important;
    font-size:11.5px !important;
    line-height:1.55 !important;
}

#bm-resource-page .bm-choice-card strong{
    color:var(--bm-green-dark) !important;
    font-size:11px !important;
}

/* Sidebar */

#bm-resource-page .bm-detail-side{
    min-width:0 !important;
}

#bm-resource-page .bm-side-card{
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid var(--bm-line) !important;
    border-radius:8px !important;
}

#bm-resource-page .bm-side-card-title{
    padding:11px 14px !important;
    background:var(--bm-green) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.7px !important;
}

#bm-resource-page .bm-side-row{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    padding:11px 14px !important;
    border-bottom:1px solid #edf1ee !important;
}

#bm-resource-page .bm-side-row:last-child{
    border-bottom:0 !important;
}

#bm-resource-page .bm-side-row span{
    color:#78847d !important;
    font-size:10px !important;
    text-transform:uppercase !important;
    letter-spacing:.4px !important;
}

#bm-resource-page .bm-side-row strong{
    color:#284337 !important;
    font-size:12px !important;
}

#bm-resource-page .bm-help-card{
    margin-top:15px !important;
    padding:17px !important;
    background:var(--bm-green-dark) !important;
    border-radius:8px !important;
    color:#fff !important;
}

#bm-resource-page .bm-help-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    margin-bottom:10px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.15) !important;
    font-weight:900 !important;
}

#bm-resource-page .bm-help-card h3{
    margin:0 0 6px !important;
    color:#fff !important;
    font-size:15px !important;
}

#bm-resource-page .bm-help-card p{
    margin:0 0 13px !important;
    color:#dceee2 !important;
    font-size:11px !important;
    line-height:1.55 !important;
}

#bm-resource-page .bm-help-card a{
    color:#fff !important;
    font-size:11px !important;
    font-weight:800 !important;
}

#bm-resource-page .bm-back-link{
    display:block !important;
    margin-top:14px !important;
    color:var(--bm-green-dark) !important;
    font-size:11px !important;
    font-weight:800 !important;
}

/* Responsive */

@media(max-width:900px){
    #bm-resource-page .bm-detail-grid{
        grid-template-columns:1fr !important;
    }

    #bm-resource-page .bm-detail-side{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:14px !important;
        align-items:start !important;
    }

    #bm-resource-page .bm-help-card{
        margin-top:0 !important;
    }

    #bm-resource-page .bm-back-link{
        grid-column:1/-1 !important;
    }
}

@media(max-width:650px){
    #bm-resource-page .bm-resource-shell{
        width:calc(100% - 24px) !important;
        padding-top:17px !important;
    }

    #bm-resource-page .bm-resource-header{
        padding:18px !important;
        gap:13px !important;
    }

    #bm-resource-page .bm-file-mark{
        flex-basis:50px !important;
        width:50px !important;
        height:59px !important;
        font-size:9px !important;
    }

    #bm-resource-page h1{
        font-size:23px !important;
    }

    #bm-resource-page .bm-meta{
        display:block !important;
        line-height:1.7 !important;
    }

    #bm-resource-page .bm-meta span{
        display:inline !important;
    }

    #bm-resource-page .bm-meta span + span::before{
        margin:0 5px !important;
    }

    #bm-resource-page .bm-description,
    #bm-resource-page .bm-download-card,
    #bm-resource-page .bm-access-choice{
        padding:18px !important;
    }

    #bm-resource-page .bm-access-box{
        padding:17px !important;
    }

    #bm-resource-page .bm-download-actions,
    #bm-resource-page .bm-choice-grid,
    #bm-resource-page .bm-detail-side{
        grid-template-columns:1fr !important;
    }

    #bm-resource-page .bm-help-card{
        margin-top:0 !important;
    }
}