/* /industries desktop listing: navy sidebar header with numbered sectors, a panel header with the sector's tagline
   and insight count, and post cards with a summary line. Loaded after resources-page.css and the page's own styles.
   Markup: resources/views/frontend/industry.blade.php */
@media (min-width: 992px) {
    .resc-sec-modern { background: #eef2f7; }

    /* sidebar */
    .resc-left-sidebar .resc-sidebar-inner { background: #fff !important; border: 1px solid #dfe7f1; border-radius: 14px; overflow: hidden;
        box-shadow: 0 14px 32px -26px rgba(15, 42, 74, .5); }
    .resc-left-sidebar .resc-sidebar-title { display: flex; align-items: center; gap: 10px; padding: 16px 18px !important; margin: 0;
        background: #15416e !important; color: #fff !important; border-bottom: 3px solid #f07f22 !important;
        font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
    .resc-left-sidebar .resc-sidebar-title i { color: #ffb37a !important; }
    .ind-side-count { margin-left: auto; padding: 2px 9px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: 12px; letter-spacing: 0; }
    /* rows divided by a line, like the careers team list */
    .resc-left-sidebar .resc-cat-list { padding: 0 0 26px !important; }
    .resc-left-sidebar .resc-cat-list li { margin: 0; border-top: 1px solid #dfe7f1; }
    .resc-left-sidebar .resc-cat-list li:first-child { border-top: 0; }
    .resc-left-sidebar .resc-cat-link { display: flex !important; align-items: center; gap: 10px; padding: 7px 14px !important; margin: 0;
        border: 0 !important; border-radius: 0; font-size: 13px; line-height: 1.25; transition: background-color .2s ease, color .2s ease; }
    .resc-left-sidebar .resc-cat-link:hover { background: #f1f5fa !important; color: #15416e !important; }
    /* names in the careers page's team-list font: Source Sans 3, semibold */
    .resc-left-sidebar .resc-cat-link, .resc-left-sidebar .resc-cat-link .ind-cat-name { font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif !important;
        font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0; }
    .resc-left-sidebar .resc-cat-link:not(.active) { color: #46546a !important; }
    .resc-left-sidebar .resc-cat-link:not(.active):hover { color: #0f2a4a !important; }
    .resc-left-sidebar .resc-cat-link.active { font-weight: 700 !important; }
    .ind-cat-no { flex: 0 0 26px; height: 22px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center;
        background: #eef3f9; color: #6b7686; font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
    /* selected sector: navy row with an orange bar on the left */
    .resc-left-sidebar .resc-cat-link.active { background: #15416e !important; color: #fff !important; box-shadow: inset 4px 0 0 #f07f22; }
    .resc-left-sidebar .resc-cat-link.active .ind-cat-no { background: #f07f22; color: #fff; }

    /* panel + header */
    .resc-main-inner { border: 1px solid #dfe7f1; border-radius: 14px !important; box-shadow: 0 14px 32px -26px rgba(15, 42, 74, .5) !important; }
    .resc-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 22px !important;
        background: #fff !important; border-bottom: 1px solid #e6ecf3 !important; }
    /* grey behind the cards, white cards on it (header stays white) */
    .resc-main-inner, .resc-main-scroll { background: #e9eef5 !important; }
    .ind-panel-head { min-width: 0; }
    .resc-main-content .resc-panel-title { margin: 0; font-size: 18px; font-weight: 700; color: #15416e; }
    .resc-main-content .resc-panel-accent { background: #f07f22 !important; }
    .ind-panel-tag { margin: 3px 0 0 14px; font-size: 13.5px; color: #6b7686; }
    .ind-panel-tag:empty { display: none; }
    .ind-panel-count { flex: 0 0 auto; padding: 4px 10px; border-radius: 8px; background: #fff4ea; color: #b45309; font-size: 13px; font-weight: 600; }
    .ind-panel-count strong { font-size: 15px; }

    /* cards */
    .resc-sec .resc-card { display: flex !important; flex-direction: column; height: 100%; overflow: hidden; border-radius: 12px !important;
        border: 1px solid #dfe7f1 !important; background: #fff; box-shadow: 0 8px 20px -18px rgba(15, 42, 74, .55);
        transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important; }
    .resc-sec .resc-card:hover { transform: translateY(-4px) !important; border-color: #c9d6e6 !important; box-shadow: 0 20px 36px -24px rgba(15, 42, 74, .6) !important; }
    .resc-sec .resc-card-img img { transition: transform .6s ease; }
    .resc-sec .resc-card:hover .resc-card-img img { transform: scale(1.05); }
    .resc-sec .resc-card-overlay { display: none !important; }   /* the summary is shown under the title instead */
    .resc-sec .resc-card-body { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 16px !important; }
    .ind-card-desc { margin: 6px 0 12px; font-size: 13px; line-height: 1.5; color: #5a6677;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .resc-sec .resc-card-meta { margin-top: auto; }
    .resc-sec .resc-badge { display: inline-flex; align-items: center; gap: 6px; transition: background-color .25s ease, color .25s ease; }
    .resc-sec .resc-badge i { font-size: 10px; transition: transform .25s ease; }
    .resc-sec .resc-card:hover .resc-badge { background: #f07f22 !important; color: #fff !important; }
    .resc-sec .resc-card:hover .resc-badge i { transform: translateX(3px); }
    .resc-grid { row-gap: 6px; }
}