/* Unified career tool cards (jobserved) + homepage showcase */

.career-tool-block {
    position: relative;
    margin: 14px 10px 16px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgb(99 102 241 / 22%);
    font-family: Urbanist, Hubballi, sans-serif;
}

.career-tool-block__glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.career-tool-block--indigo .career-tool-block__glow {
    background: radial-gradient(ellipse 80% 60% at 20% 0%, rgb(34 197 94 / 18%), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgb(99 102 241 / 20%), transparent 50%),
        linear-gradient(135deg, #f8fafc, #eef2ff 45%, #ecfdf5);
}

.career-tool-block--sky .career-tool-block__glow {
    background: radial-gradient(ellipse 80% 60% at 15% 0%, rgb(14 165 233 / 22%), transparent 55%),
        radial-gradient(ellipse 70% 50% at 95% 100%, rgb(99 102 241 / 16%), transparent 50%),
        linear-gradient(135deg, #f0f9ff, #eef2ff 50%, #f8fafc);
}

.career-tool-block--emerald .career-tool-block__glow {
    background: radial-gradient(ellipse 80% 60% at 20% 0%, rgb(34 197 94 / 20%), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgb(16 185 129 / 14%), transparent 50%),
        linear-gradient(135deg, #ecfdf5, #f0fdf4 45%, #f8fafc);
}

body.dark .career-tool-block--indigo .career-tool-block__glow {
    background: radial-gradient(ellipse 80% 60% at 20% 0%, rgb(34 197 94 / 12%), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgb(99 102 241 / 15%), transparent 50%),
        linear-gradient(135deg, #0f172a, #1e1b2e 50%, #0f1a14);
}

body.dark .career-tool-block--sky .career-tool-block__glow {
    background: radial-gradient(ellipse 80% 60% at 15% 0%, rgb(14 165 233 / 14%), transparent 55%),
        radial-gradient(ellipse 70% 50% at 95% 100%, rgb(99 102 241 / 12%), transparent 50%),
        linear-gradient(135deg, #0f172a, #1a2332 50%, #0f172a);
}

body.dark .career-tool-block--emerald .career-tool-block__glow {
    background: radial-gradient(ellipse 80% 60% at 20% 0%, rgb(34 197 94 / 12%), transparent 55%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgb(16 185 129 / 10%), transparent 50%),
        linear-gradient(135deg, #0f172a, #14241c 50%, #0f172a);
}

.career-tool-block__content {
    position: relative;
    padding: 18px 20px;
}

.career-tool-block__head h2 {
    margin: 0 0 8px;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1e293b;
}

.career-tool-block__body {
    margin: 0;
    font-family: Hubballi, sans-serif;
    line-height: 1.55;
    font-size: 0.95rem;
    max-width: 62ch;
    color: #334155;
}

.career-tool-block__body strong {
    color: #1e293b;
    font-weight: 700;
}

body.dark .career-tool-block__head h2 {
    color: #f1f5f9;
}

body.dark .career-tool-block__body,
body.dark .career-tool-block__body strong {
    color: #e2e8f0;
}

body.dark .career-tool-block__body a {
    color: #c4b5fd;
    font-weight: 700;
}

.career-tool-block__actions {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.career-tool-block__actions .leebly,
.career-tool-block__cta {
    font-weight: 800;
    border-radius: 999px;
    padding: 10px 18px;
    text-decoration: none;
    display: inline-block;
}

.job-career-tools-stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 8px 0 20px;
}

.job-detail-fold {
    margin: 12px 10px 16px;
    border: 1px solid rgb(148 163 184 / 35%);
    border-radius: 14px;
    background: rgb(248 250 252 / 80%);
    overflow: hidden;
    font-family: Urbanist, Hubballi, sans-serif;
}

.job-detail-fold > summary {
    padding: 14px 16px;
    font-weight: 700;
    font-size: 0.92rem;
    cursor: pointer;
    list-style: none;
    color: #334155;
}

.job-detail-fold > summary::-webkit-details-marker {
    display: none;
}

.job-detail-fold > summary::after {
    content: '+';
    float: right;
    font-weight: 800;
    color: #7b4a91;
}

.job-detail-fold[open] > summary::after {
    content: '−';
}

.job-detail-fold__inner {
    padding: 0 14px 14px;
    border-top: 1px solid rgb(148 163 184 / 20%);
}

.job-detail-fold__inner .listing-freshness-card,
.job-detail-fold__inner .ai-exposure-card {
    margin: 12px 0 0;
}

body.dark .job-detail-fold {
    border-color: rgb(71 85 105 / 45%);
    background: rgb(15 23 42 / 55%);
}

body.dark .job-detail-fold > summary {
    color: #e2e8f0;
}

body.dark .mock-interview-block__head h2 {
    color: #f1f5f9;
}

body.dark .mock-interview-block__head p {
    color: #e2e8f0;
}

body.dark .mock-interview-block__head p strong {
    color: #f8fafc;
}

/* Homepage showcase */
.home-career-showcase {
    width: min(100%, 1120px);
    margin: 0 auto 20px;
    padding: 0 16px;
    box-sizing: border-box;
}

.home-career-showcase__inner {
    padding: 20px 18px 16px;
    border-radius: 18px;
    border: 1px solid rgb(123 74 145 / 18%);
    background: linear-gradient(145deg, rgb(255 255 255 / 92%), rgb(244 233 244 / 45%));
    box-shadow: 0 12px 40px rgb(48 34 58 / 8%);
}

body.dark .home-career-showcase__inner {
    border-color: rgb(201 168 212 / 22%);
    background: linear-gradient(145deg, rgb(22 18 28 / 95%), rgb(30 24 38 / 88%);
    box-shadow: 0 12px 40px rgb(0 0 0 / 35%);
}

.home-career-showcase__eyebrow {
    margin: 0 0 6px;
    font-family: Teko, sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7b4a91;
}

.home-career-showcase__head h2 {
    margin: 0 0 8px;
    font-size: clamp(1.25rem, 3vw, 1.55rem);
    font-weight: 800;
    color: #30223a;
}

.home-career-showcase__lead {
    margin: 0 0 16px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #625d6b;
    max-width: 58ch;
}

.home-career-showcase__lead a {
    color: #80436f;
    font-weight: 700;
    text-decoration: none;
}

body.dark .home-career-showcase__head h2 {
    color: #f3edf6;
}

body.dark .home-career-showcase__lead {
    color: #c6bdcc;
}

body.dark .home-career-showcase__lead a {
    color: #e4c6dc;
}

.home-career-showcase__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.home-career-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 14px;
    border-radius: 14px;
    border: 1px solid rgb(148 163 184 / 28%);
    background: rgb(255 255 255 / 85%);
    text-decoration: none;
    color: inherit;
    transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s;
}

.home-career-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgb(48 34 58 / 12%);
    border-color: rgb(123 74 145 / 35%);
}

body.dark .home-career-card {
    background: rgb(24 20 30 / 90%);
    border-color: rgb(71 85 105 / 45%);
    color: #f1edf4;
}

.home-career-card__badge {
    align-self: flex-start;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.home-career-card--sky .home-career-card__badge {
    background: rgb(14 165 233 / 15%);
    color: #0369a1;
}

.home-career-card--emerald .home-career-card__badge {
    background: rgb(34 197 94 / 15%);
    color: #047857;
}

.home-career-card--indigo .home-career-card__badge {
    background: rgb(99 102 241 / 15%);
    color: #4338ca;
}

.home-career-card--neutral .home-career-card__badge {
    background: rgb(123 74 145 / 12%);
    color: #5c2f6e;
}

body.dark .home-career-card--sky .home-career-card__badge {
    color: #7dd3fc;
}

body.dark .home-career-card--emerald .home-career-card__badge {
    color: #6ee7b7;
}

body.dark .home-career-card--indigo .home-career-card__badge {
    color: #c4b5fd;
}

body.dark .home-career-card--neutral .home-career-card__badge {
    color: #e9d5ff;
}

.home-career-card__icon {
    font-size: 1.35rem;
    color: #7b4a91;
    margin-top: 4px;
}

.home-career-card h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: #30223a;
}

.home-career-card p {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #64748b;
    flex: 1;
}

.home-career-card__cta {
    margin-top: 6px;
    font-size: 0.82rem;
    font-weight: 800;
    color: #7b4a91;
}

body.dark .home-career-card h3 {
    color: #f3edf6;
}

body.dark .home-career-card p {
    color: #b8aebf;
}

body.dark .home-career-card__cta {
    color: #e4c6dc;
}

.home-career-showcase__foot {
    margin: 14px 0 0;
    font-size: 0.82rem;
    color: #736e7b;
}

.home-career-showcase__foot a {
    color: #80436f;
    font-weight: 700;
    text-decoration: none;
}

body.dark .home-career-showcase__foot {
    color: #b8aebf;
}

body.dark .home-career-showcase__foot a {
    color: #e4c6dc;
}

.home-fold {
    width: min(100%, 1120px);
    margin: 24px auto;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px solid rgb(148 163 184 / 30%);
    border-radius: 14px;
    background: rgb(255 255 255 / 60%);
}

.home-fold > summary {
    padding: 14px 16px;
    font-family: Urbanist, sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    cursor: pointer;
    list-style: none;
    color: #30223a;
}

.home-fold > summary::-webkit-details-marker {
    display: none;
}

.home-fold__body {
    padding: 0 12px 16px;
}

body.dark .home-fold {
    border-color: rgb(71 85 105 / 45%);
    background: rgb(15 23 42 / 40%);
}

body.dark .home-fold > summary {
    color: #f1edf4;
}