/* Exam Mitra — Sales resources & whitepapers */

.res-hero {
    background: linear-gradient(135deg, #0f172a 0%, #134e4a 50%, #1e3a8a 100%);
    padding: 4rem 0 3.5rem;
    position: relative;
    overflow: hidden;
}
.res-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 20%, rgba(251, 191, 36, 0.15), transparent 50%);
    pointer-events: none;
}
.res-badge {
    display: inline-block;
    background: rgba(255,255,255,0.12);
    color: #fde68a;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .4rem .85rem;
    border-radius: 999px;
    margin-bottom: 1rem;
}
.res-hero-cards { display: flex; flex-direction: column; gap: .75rem; }
.res-mini-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 1rem;
    padding: 1rem 1.25rem;
    color: #fff;
}
.res-mini-card i { font-size: 1.5rem; opacity: .85; }
.res-mini-card strong { display: block; font-size: 1.35rem; line-height: 1.2; }
.res-mini-card span { font-size: .8rem; opacity: .75; }

.res-filter {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 999px;
    padding: .45rem 1rem;
    font-size: .875rem;
    font-weight: 600;
    color: #475569;
    transition: all .2s;
}
.res-filter:hover, .res-filter.active {
    background: var(--em-primary);
    border-color: var(--em-primary);
    color: #fff;
}

.res-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    padding: 1.75rem;
    height: 100%;
    position: relative;
    transition: transform .25s, box-shadow .25s;
    overflow: hidden;
}
.res-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--em-primary);
}
.res-theme-teal::before { background: #0d9488; }
.res-theme-amber::before { background: #f59e0b; }
.res-theme-indigo::before { background: #4f46e5; }
.res-theme-violet::before { background: #7c3aed; }
.res-theme-green::before { background: #16a34a; }
.res-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1);
}
.res-card-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: #f0fdfa;
    color: #0d9488;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    margin-bottom: 1rem;
}
.res-theme-amber .res-card-icon { background: #fffbeb; color: #d97706; }
.res-theme-indigo .res-card-icon { background: #eef2ff; color: #4f46e5; }
.res-card-audience {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #64748b;
}
.res-card-title { font-size: 1.15rem; font-weight: 700; margin: .5rem 0 .75rem; line-height: 1.35; }
.res-card-excerpt { font-size: .875rem; color: #64748b; margin-bottom: 1rem; line-height: 1.55; }
.res-card-tags { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-wrap: wrap; gap: .35rem; }
.res-card-tags li {
    font-size: .72rem;
    background: #f1f5f9;
    color: #475569;
    padding: .25rem .55rem;
    border-radius: 6px;
}
.res-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .8rem;
    color: #94a3b8;
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
}
.res-card-cta { color: var(--em-primary); font-weight: 600; }

.res-download-banner {
    background: linear-gradient(135deg, #f0fdfa, #eff6ff);
    border: 1px solid #99f6e4;
    border-radius: 1.25rem;
    padding: 2rem;
}

.letter-spacing { letter-spacing: .12em; }

/* Whitepaper reader */
.wp-reader-hero {
    background: linear-gradient(135deg, #0f172a, #0f766e);
    padding: 3rem 0 2.5rem;
}
.wp-theme-amber .wp-reader-hero { background: linear-gradient(135deg, #78350f, #d97706); }
.wp-theme-indigo .wp-reader-hero { background: linear-gradient(135deg, #312e81, #4f46e5); }
.wp-theme-violet .wp-reader-hero { background: linear-gradient(135deg, #4c1d95, #7c3aed); }
.wp-theme-green .wp-reader-hero { background: linear-gradient(135deg, #14532d, #16a34a); }

.wp-breadcrumb { font-size: .85rem; }
.wp-breadcrumb a { color: rgba(255,255,255,.75); text-decoration: none; }
.wp-breadcrumb span { color: rgba(255,255,255,.5); margin: 0 .35rem; }
.wp-audience-badge {
    display: inline-block;
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: .3rem .65rem;
    border-radius: 6px;
    margin-bottom: .75rem;
}
.wp-meta-pill {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,.12);
    color: rgba(255,255,255,.9);
    font-size: .8rem;
    padding: .35rem .75rem;
    border-radius: 999px;
}
.wp-highlight-strip {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    background: #fff;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    margin-top: -1.5rem;
    position: relative;
    z-index: 2;
    box-shadow: 0 12px 40px rgba(15,23,42,.08);
    border: 1px solid #e2e8f0;
}
.wp-highlight-strip span {
    font-size: .875rem;
    font-weight: 600;
    color: #0f766e;
}
.wp-highlight-strip i { margin-right: .35rem; }

.wp-content { line-height: 1.75; color: #334155; }
.wp-content h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    margin: 2rem 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid #f0fdfa;
}
.wp-content h3 { font-size: 1.1rem; font-weight: 700; margin: 1.5rem 0 .75rem; }
.wp-content p.lead { font-size: 1.1rem; color: #475569; }
.wp-content ul, .wp-content ol { padding-left: 1.25rem; margin-bottom: 1.25rem; }
.wp-content li { margin-bottom: .4rem; }
.wp-content code { background: #f1f5f9; padding: .15rem .4rem; border-radius: 4px; font-size: .85em; }

.wp-stat-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: .75rem;
    margin: 1.5rem 0 2rem;
}
.wp-stat {
    text-align: center;
    background: linear-gradient(135deg, #f0fdfa, #ecfdf5);
    border-radius: .75rem;
    padding: 1rem .5rem;
    border: 1px solid #99f6e4;
}
.wp-stat strong { display: block; font-size: 1.5rem; color: #0f766e; line-height: 1.2; }
.wp-stat span { font-size: .72rem; color: #64748b; text-transform: uppercase; letter-spacing: .04em; }

.wp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
    margin: 1rem 0 1.5rem;
}
.wp-table th, .wp-table td {
    border: 1px solid #e2e8f0;
    padding: .65rem .85rem;
    text-align: left;
}
.wp-table th { background: #f8fafc; font-weight: 600; color: #0f172a; }
.wp-table-compact { font-size: .8rem; }
.wp-table-compact th, .wp-table-compact td { padding: .5rem .6rem; }

.wp-grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    margin: 1rem 0 1.5rem;
}
.wp-grid-2 > div {
    background: #f8fafc;
    border-radius: .75rem;
    padding: 1.25rem;
    border: 1px solid #e2e8f0;
}

.wp-callout {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: .75rem;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
}
.wp-callout.success {
    background: #f0fdfa;
    border-color: #99f6e4;
    border-left-color: #0d9488;
}
.wp-callout h3 { font-size: 1rem; margin-bottom: .5rem; }

.wp-timeline { list-style: none; padding-left: 0; border-left: 3px solid #0d9488; margin-left: .5rem; }
.wp-timeline li { padding-left: 1.25rem; margin-bottom: .85rem; position: relative; }
.wp-timeline li::before {
    content: '';
    width: 10px; height: 10px;
    background: #0d9488;
    border-radius: 50%;
    position: absolute;
    left: -.45rem;
    top: .4rem;
}

.wp-cta-panel {
    background: linear-gradient(135deg, #f0fdfa, #eff6ff);
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    border: 1px solid #99f6e4;
}

.wp-related-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    text-decoration: none;
    color: #0f172a;
    font-weight: 600;
    font-size: .9rem;
    transition: border-color .2s, box-shadow .2s;
}
.wp-related-link:hover {
    border-color: var(--em-primary);
    box-shadow: 0 8px 24px rgba(13,148,136,.1);
    color: var(--em-primary);
}
.wp-related-link > i:first-child { font-size: 1.25rem; color: var(--em-primary); }

@media print {
    .landing-nav, footer, .wp-cta-panel, .wp-related-link, .btn, .wp-breadcrumb { display: none !important; }
    .wp-reader-hero { background: #0f766e !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    main { padding-top: 0 !important; }
    .wp-content { box-shadow: none !important; border: none !important; }
}

@media (max-width: 767px) {
    .res-hero { padding: 3rem 0 2.5rem; }
    .wp-highlight-strip { flex-direction: column; gap: .5rem; }
}