/* PB_SUBJECTS_V2 — isolated premium subjects UI */

.subjects-v2 {
    --s2-ink: #17213d;
    --s2-muted: #69748c;
    --s2-violet: #7057e8;
    --s2-blue: #4c7cff;
    --s2-green: #14b88f;
    --s2-border: rgba(37, 52, 94, .10);

    position: relative;
    isolation: isolate;
    width: min(1180px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 70px;
}

.subjects-v2::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -180px;
    right: -220px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(112,87,232,.14),
            rgba(76,124,255,.06) 40%,
            transparent 72%
        );
    pointer-events: none;
}

.subjects-v2 .topic-head {
    position: relative;
    overflow: hidden;
    padding: 31px 32px 29px;
    border: 1px solid var(--s2-border);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(112,87,232,.12),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.99),
            rgba(246,248,255,.97)
        );
    box-shadow: 0 18px 52px rgba(35,49,92,.09);
}

.subjects-v2 .diag-badge {
    display: inline-flex;
    width: max-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(112,87,232,.09);
    color: #6048d8;
    font-weight: 800;
}

.subjects-v2 .topic-h {
    margin-top: 13px;
    color: var(--s2-ink);
    letter-spacing: -.045em;
    line-height: 1.04;
}

.subjects-v2 .topic-sum {
    max-width: 760px;
    margin-top: 12px;
    color: var(--s2-muted);
    line-height: 1.6;
}

.subjects-v2 .exam-block {
    margin-top: 30px;
}

.subjects-v2 .exam-banner {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 82px;
    padding: 17px 21px;
    border: 1px solid var(--s2-border);
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(35,49,92,.06);
}

.subjects-v2 .exam-banner.oge {
    background:
        radial-gradient(
            circle at 96% 20%,
            rgba(20,184,143,.15),
            transparent 35%
        ),
        linear-gradient(135deg,#f7fffc,#ecfbf6);
}

.subjects-v2 .exam-banner.ege {
    background:
        radial-gradient(
            circle at 96% 20%,
            rgba(112,87,232,.15),
            transparent 35%
        ),
        linear-gradient(135deg,#fbf9ff,#f2efff);
}

.subjects-v2 .exam-ic {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: rgba(255,255,255,.82);
}

.subjects-v2 .exam-ic svg {
    width: 25px;
    height: 25px;
}

.subjects-v2 .exam-title {
    color: var(--s2-ink);
    font-weight: 900;
}

.subjects-v2 .exam-sub {
    margin-top: 3px;
    color: var(--s2-muted);
}

.subjects-v2 .subj-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
    margin-top: 18px;
}

.subjects-v2 .subj-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--s2-border);
    border-radius: 23px;
    background:
        linear-gradient(
            155deg,
            rgba(255,255,255,.995),
            rgba(249,250,255,.98)
        );
    box-shadow: 0 10px 32px rgba(35,49,92,.065);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.subjects-v2 .subj-card::after {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -62px;
    top: -60px;
    border-radius: 50%;
    background: rgba(112,87,232,.045);
    pointer-events: none;
}

.subjects-v2 .subj-card:not(.soon):hover {
    transform: translateY(-4px);
    border-color: rgba(112,87,232,.22);
    box-shadow: 0 20px 46px rgba(35,49,92,.115);
}

.subjects-v2 .subj-card.soon {
    opacity: .70;
    filter: saturate(.82);
}

.subjects-v2 .subj-ic {
    filter: drop-shadow(0 8px 13px rgba(35,49,92,.10));
}

.subjects-v2 .subj-card a {
    transition:
        transform .15s ease,
        background-color .15s ease;
}

.subjects-v2 .subj-card a:hover {
    transform: translateY(-1px);
}

.subjects-v2 a:focus-visible {
    outline: 3px solid rgba(76,124,255,.32);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .subjects-v2 {
        width: min(100% - 28px,1180px);
        padding-top: 26px;
    }

    .subjects-v2 .subj-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 620px) {
    .subjects-v2 {
        width: min(100% - 22px,1180px);
        padding-top: 18px;
        padding-bottom: 48px;
    }

    .subjects-v2 .topic-head {
        padding: 23px 19px 22px;
        border-radius: 22px;
    }

    .subjects-v2 .exam-block {
        margin-top: 23px;
    }

    .subjects-v2 .exam-banner {
        min-height: 72px;
        padding: 14px 16px;
        border-radius: 18px;
    }

    .subjects-v2 .subj-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 14px;
    }

    .subjects-v2 .subj-card {
        border-radius: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .subjects-v2 .subj-card,
    .subjects-v2 .subj-card a {
        transition: none;
    }
}

/* PB_DECORATIVE_OVERFLOW_FIX_V3 */
@media (max-width: 900px) {
  .subjects-v2::before {
    right: 0;
    width: min(420px, 100%);
    height: 420px;
  }
}
/* PB_DECORATIVE_OVERFLOW_FIX_V3_END */

/* [PB SUBJECTS CONTRAST V3]
   Cards use a light surface inside the dark catalog.  Keep every label and
   secondary action readable instead of inheriting the site's pale dark-theme
   foreground. */
.subjects-v2 .subj-card {
  color: #17233b;
}

.subjects-v2 .subj-card .subj-name {
  color: #17233b;
  text-decoration: none;
}

.subjects-v2 .subj-card .subj-name:hover {
  color: #0f766e;
}

.subjects-v2 .subj-card .subj-stat {
  color: #5f6b7b;
}

.subjects-v2 .subj-card .subj-links .btn2 {
  color: #415066;
  background: #f0f4f7;
  border-color: rgba(23, 35, 59, 0.16);
}

.subjects-v2 .subj-card .subj-links .btn2:hover,
.subjects-v2 .subj-card .subj-links .btn2:focus-visible {
  color: #17233b;
  background: #e5edf2;
  border-color: rgba(23, 35, 59, 0.3);
}

.subjects-v2 .subj-card .subj-links .btn2[href^="/diagnostics/"] {
  color: #07110e;
  background: #4fe0c0;
  border-color: #35cfae;
}

.subjects-v2 .subj-card .subj-links .btn {
  color: #07695e;
  background: #e3faf5;
  border-color: rgba(7, 105, 94, 0.25);
}

.subjects-v2 .subj-card .subj-links .boss-link {
  color: #9a4f00 !important;
  background: #fff3e5;
  border-color: rgba(154, 79, 0, 0.32) !important;
}