/* Desktop-only redesign of the task database. The existing mobile layout is untouched. */
.sandbox-topic-redesign .rd-toolbar,
.sandbox-topic-redesign .rd-answer-btn-icon,
.sandbox-topic-redesign .rd-answer-row-label {
    display: none;
}

@media (min-width: 901px) {
    .sandbox-topic-redesign {
        --rd-surface: #fff;
        --rd-surface-soft: #f8faff;
        --rd-text: #111b34;
        --rd-muted: #687a96;
        --rd-line: #dce5f3;
        --rd-line-strong: #cfdbee;
        --rd-blue: #1763ff;
        --rd-blue-soft: #eef4ff;
        --rd-green-soft: #eafaf1;
        --rd-green: #12804b;
        --rd-red-soft: #fff0f2;
        --rd-red: #d52f40;
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .sandbox-topic-redesign > .study-main-column { width: 100%; }
    .sandbox-topic-redesign > .sandbox-topic-sidebar,
    .sandbox-topic-redesign .sandbox-mobile-display-form { display: none; }

    .sandbox-topic-redesign .rd-toolbar {
        display: block;
        margin-bottom: 16px;
        padding: 22px;
        border: 1px solid var(--rd-line);
        border-radius: 24px;
        background: var(--rd-surface);
        box-shadow: 0 12px 32px rgba(30, 56, 101, .075);
    }
    .sandbox-topic-redesign .rd-toolbar-main {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 220px;
        gap: 16px;
        align-items: end;
    }
    .sandbox-topic-redesign .rd-topic-switcher { min-width: 0; }
    .sandbox-topic-redesign .rd-topic-switcher-label {
        display: block;
        margin: 0 0 12px 16px;
        color: var(--rd-muted);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .055em;
        text-transform: uppercase;
    }
    .sandbox-topic-redesign .rd-number-picker {
        position: relative;
        display: inline-block;
        max-width: 100%;
    }
    .sandbox-topic-redesign .rd-number-native-select {
        width: 100%;
        max-width: min(480px, 100%);
        min-height: 44px;
        padding: 0 16px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: var(--rd-text);
        font: inherit;
        font-size: 18px;
        font-weight: 900;
        cursor: pointer;
        outline: 0;
    }
    .sandbox-topic-redesign .rd-number-picker-button { display: none; }
    .sandbox-topic-redesign .rd-number-picker.is-enhanced .rd-number-native-select { display: none; }
    .sandbox-topic-redesign .rd-number-picker.is-enhanced .rd-number-picker-button {
        display: inline-flex;
        max-width: 100%;
        min-height: 54px;
        align-items: center;
        justify-content: flex-start;
        gap: 18px;
        padding: 0 15px 0 16px;
        border: 1px solid transparent;
        border-radius: 14px;
        background: transparent;
        color: var(--rd-text);
        font: inherit;
        font-size: 18px;
        font-weight: 900;
        text-align: left;
        cursor: pointer;
    }
    .sandbox-topic-redesign .rd-number-picker-button:hover,
    .sandbox-topic-redesign .rd-number-picker-button:focus-visible,
    .sandbox-topic-redesign .rd-number-picker-button[aria-expanded="true"] { outline: 0; background: var(--rd-surface-soft); }
    .sandbox-topic-redesign .rd-number-picker-button > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .sandbox-topic-redesign .rd-number-picker-button svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        color: var(--rd-muted);
        transition: transform .16s ease;
    }
    .sandbox-topic-redesign .rd-number-picker-button[aria-expanded="true"] svg { transform: rotate(180deg); }
    .sandbox-topic-redesign .rd-number-menu {
        position: absolute;
        z-index: 200;
        top: calc(100% + 7px);
        left: 0;
        width: 390px;
        max-width: calc(100vw - 48px);
        max-height: 292px;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 7px;
        border: 1px solid var(--rd-line);
        border-radius: 14px;
        background: var(--rd-surface);
        box-shadow: 0 18px 44px rgba(26, 47, 83, .17), 0 2px 8px rgba(26, 47, 83, .05);
    }
    .sandbox-topic-redesign .rd-number-menu[hidden] { display: none; }
    .sandbox-topic-redesign .rd-number-menu-item {
        display: grid;
        width: 100%;
        min-height: 38px;
        grid-template-columns: 46px minmax(0, 1fr) 24px;
        align-items: center;
        gap: 8px;
        padding: 5px 8px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: var(--rd-text);
        font: inherit;
        font-size: 13px;
        font-weight: 650;
        text-align: left;
        cursor: pointer;
    }
    .sandbox-topic-redesign .rd-number-menu-item + .rd-number-menu-item { margin-top: 2px; }
    .sandbox-topic-redesign .rd-number-menu-item:hover,
    .sandbox-topic-redesign .rd-number-menu-item:focus-visible { outline: 0; background: var(--rd-surface-soft); }
    .sandbox-topic-redesign .rd-number-menu-item.is-selected { background: var(--rd-blue-soft); color: #1558df; font-weight: 800; }
    .sandbox-topic-redesign .rd-number-menu-number { display: inline-flex; height: 27px; align-items: center; justify-content: center; padding: 0 7px; border-radius: 8px; background: #f1f5fb; color: #5d6f89; font-size: 12px; font-weight: 850; white-space: nowrap; }
    .sandbox-topic-redesign .rd-number-menu-item.is-selected .rd-number-menu-number { background: #dfeaff; color: #1558df; }
    .sandbox-topic-redesign .rd-number-menu-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .sandbox-topic-redesign .rd-number-menu-check { display: grid; width: 22px; height: 22px; place-items: center; opacity: 0; color: var(--rd-blue); }
    .sandbox-topic-redesign .rd-number-menu-item.is-selected .rd-number-menu-check { opacity: 1; }
    .sandbox-topic-redesign .rd-number-menu-check svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

    .sandbox-topic-redesign .rd-topic-actions { display: flex; align-items: center; gap: 9px; }
    .sandbox-topic-redesign .rd-topic-actions form { margin: 0; }
    .sandbox-topic-redesign .rd-topic-action {
        display: inline-flex;
        height: 44px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 15px;
        border: 1px solid var(--rd-line-strong);
        border-radius: 12px;
        background: var(--rd-surface);
        color: #29405f;
        text-decoration: none;
        font: inherit;
        font-size: 13px;
        font-weight: 800;
        white-space: nowrap;
        cursor: pointer;
        transition: background .15s ease, border-color .15s ease, transform .15s ease;
    }
    .sandbox-topic-redesign .rd-topic-action svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .sandbox-topic-redesign .rd-topic-action:hover { transform: translateY(-1px); border-color: #a8bee5; }
    .sandbox-topic-redesign .rd-topic-action-train {
        border-color: #b9ceff;
        background: var(--rd-blue-soft);
        color: #1558df;
    }
    .sandbox-topic-redesign .rd-topic-action-train:hover { background: #e4edff; border-color: #8eafff; }
    .sandbox-topic-redesign .rd-progress-card {
        display: flex;
        width: 220px;
        height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0 16px;
        border: 1px solid var(--rd-line-strong);
        border-radius: 12px;
        background: var(--rd-surface);
        white-space: nowrap;
    }
    .sandbox-topic-redesign .rd-progress-card strong {
        color: #1558df;
        font-size: 20px;
        font-weight: 900;
        letter-spacing: -.035em;
    }
    .sandbox-topic-redesign .rd-progress-card span {
        margin-left: 15px;
        padding-left: 15px;
        border-left: 1px solid var(--rd-line-strong);
        color: var(--rd-muted);
        font-size: 13px;
        font-weight: 800;
    }

    .sandbox-topic-redesign .rd-display-form { margin-top: 17px; }
    .sandbox-topic-redesign .rd-search-row { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 10px; }
    .sandbox-topic-redesign .rd-search {
        display: flex;
        min-width: 0;
        height: 48px;
        align-items: center;
        gap: 10px;
        padding: 0 15px;
        border: 1px solid var(--rd-line-strong);
        border-radius: 13px;
        background: var(--rd-surface);
        color: #7185a7;
    }
    .sandbox-topic-redesign .rd-search:focus-within { border-color: #6f9cff; box-shadow: 0 0 0 3px rgba(22, 99, 255, .10); }
    .sandbox-topic-redesign .rd-search svg,
    .sandbox-topic-redesign .rd-filter-toggle svg {
        width: 19px;
        height: 19px;
        flex: 0 0 auto;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .sandbox-topic-redesign .rd-search input {
        width: 100%;
        min-width: 0;
        height: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--rd-text);
        font: inherit;
        font-size: 14px;
        outline: 0;
    }
    .sandbox-topic-redesign .rd-search input::placeholder { color: #91a0b7; }
    .sandbox-topic-redesign .rd-search input:focus,
    .sandbox-topic-redesign .rd-search input:focus-visible { border: 0; outline: 0; box-shadow: none; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-search input:focus,
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-search input:focus-visible { border: 0; outline: 0; box-shadow: none; }
    .sandbox-topic-redesign .rd-filter-toggle {
        display: flex;
        height: 48px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 0 14px;
        border: 1px solid #8fb2ff;
        border-radius: 13px;
        background: var(--rd-blue-soft);
        color: #1459df;
        font: inherit;
        font-size: 13px;
        font-weight: 850;
        cursor: pointer;
    }
    .sandbox-topic-redesign .rd-filter-toggle:hover { background: #e5eeff; border-color: #73a0ff; }
    .sandbox-topic-redesign .rd-filter-toggle .rd-filter-chevron { width: 16px; height: 16px; margin-left: auto; transition: transform .18s ease; }
    .sandbox-topic-redesign .rd-filter-toggle[aria-expanded="true"] .rd-filter-chevron { transform: rotate(180deg); }
    .sandbox-topic-redesign .rd-filter-count {
        display: inline-flex;
        min-width: 22px;
        height: 22px;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        border-radius: 999px;
        background: var(--rd-blue);
        color: #fff;
        font-size: 11px;
    }
    .sandbox-topic-redesign .rd-filter-count[hidden] { display: none; }
    .sandbox-topic-redesign .rd-filter-panel {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr) 280px;
        gap: 14px;
        align-items: end;
        margin-top: 10px;
        padding: 14px 16px;
        border: 1px solid var(--rd-line);
        border-radius: 16px;
        background: var(--rd-surface-soft);
        box-shadow: 0 8px 20px rgba(31, 53, 94, .045);
    }
    .sandbox-topic-redesign .rd-filter-panel[hidden] { display: none; }
    .sandbox-topic-redesign .rd-v2-group { min-width: 0; }
    .sandbox-topic-redesign .rd-v2-group:not(:first-child) { padding-left: 14px; border-left: 1px solid var(--rd-line); }
    .sandbox-topic-redesign .rd-v2-title,
    .sandbox-topic-redesign .rd-v2-control > span {
        display: block;
        margin: 0 0 8px;
        color: var(--rd-muted);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .045em;
        text-transform: uppercase;
    }
    .sandbox-topic-redesign .rd-v2-inline { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: 8px; }
    .sandbox-topic-redesign .rd-v2-control {
        display: flex;
        min-width: 0;
        margin: 0;
        flex-direction: column;
    }
    .sandbox-topic-redesign .rd-v2-control > span { margin-bottom: 8px; }
    .sandbox-topic-redesign .rd-v2-control select,
    .sandbox-topic-redesign .rd-v2-jumpbox input {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 0 10px;
        border: 1px solid var(--rd-line-strong);
        border-radius: 10px;
        background: var(--rd-surface);
        color: var(--rd-text);
        font: inherit;
        font-size: 12px;
        font-weight: 800;
        outline: 0;
    }
    .sandbox-topic-redesign .rd-v2-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
    .sandbox-topic-redesign .rd-v2-chip { position: relative; display: block; min-width: 0; margin-bottom: 0; cursor: pointer; }
    .sandbox-topic-redesign .rd-v2-chip input { position: absolute; opacity: 0; pointer-events: none; }
    .sandbox-topic-redesign .rd-v2-chip span {
        display: flex;
        width: 100%;
        height: 40px;
        align-items: center;
        justify-content: center;
        padding: 0 9px;
        border: 1px solid var(--rd-line-strong);
        border-radius: 10px;
        background: var(--rd-surface);
        color: var(--rd-text);
        font-size: 11px;
        font-weight: 800;
        white-space: nowrap;
    }
    .sandbox-topic-redesign .rd-v2-chip:hover span { background: var(--rd-surface-soft); border-color: #9cb8ec; }
    .sandbox-topic-redesign .rd-v2-chip input:checked + span { border-color: #78a0ff; background: var(--rd-blue-soft); color: #1558df; }
    .sandbox-topic-redesign .rd-v2-chip input:focus-visible + span { outline: 3px solid rgba(23, 99, 255, .25); outline-offset: 2px; }
    .sandbox-topic-redesign .rd-v2-jumpbox { display: grid; grid-template-columns: minmax(0, 1fr) 40px; gap: 7px; }
    .sandbox-topic-redesign .rd-v2-jumpbox input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
    .sandbox-topic-redesign .rd-v2-jumpbox input[type="number"]::-webkit-inner-spin-button,
    .sandbox-topic-redesign .rd-v2-jumpbox input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    .sandbox-topic-redesign .rd-v2-jumpbox button { display: grid; width: 40px; height: 40px; place-items: center; border: 0; border-radius: 10px; background: var(--rd-blue-soft); color: var(--rd-blue); cursor: pointer; }
    .sandbox-topic-redesign .rd-v2-jumpbox button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .sandbox-topic-redesign .rd-v2-jump p { margin: 6px 0 0; color: var(--rd-red); font-size: 12px; }

    .sandbox-topic-redesign .topic-page-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .sandbox-topic-redesign .topic-page-card > .section-head { display: none; }
    .sandbox-topic-redesign .public-task-list { display: flex; flex-direction: column; gap: 14px; }
    .sandbox-topic-redesign .public-task-card {
        display: block;
        margin: 0;
        border: 1px solid var(--rd-line);
        border-radius: 20px;
        background: var(--rd-surface);
        box-shadow: 0 7px 20px rgba(31, 53, 94, .055);
    }
    .sandbox-topic-redesign .public-task-card:hover { border-color: #cedbef; background: var(--rd-surface); box-shadow: 0 12px 26px rgba(31, 53, 94, .085); }
    .sandbox-topic-redesign .public-task-card.is-correct { --public-task-state-accent: #1bb970; }
    .sandbox-topic-redesign .public-task-card.is-incorrect { --public-task-state-accent: #f04d5d; }
    .sandbox-topic-redesign .public-task-card-link { display: block; padding: 20px 22px 13px; }
    .sandbox-topic-redesign .public-task-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
    .sandbox-topic-redesign .sandbox-inline-question-head-main { display: flex; flex: 1; min-width: 0; align-items: center; gap: 12px; flex-wrap: wrap; }
    .sandbox-topic-redesign .task-title-with-favorite { display: flex; align-items: center; gap: 9px; }
    .sandbox-topic-redesign .favorite-task-button { width: 33px; height: 33px; border: 0; border-radius: 9px; background: transparent; color: #9badc6; }
    .sandbox-topic-redesign .favorite-task-button:hover { background: var(--rd-surface-soft); color: #e79b12; }
    .sandbox-topic-redesign .public-task-card-number { color: var(--rd-text); font-size: 19px; font-weight: 900; text-decoration: none; }
    .sandbox-topic-redesign .public-task-card-number:hover { color: var(--rd-blue); }
    .sandbox-topic-redesign .sandbox-task-badges { display: flex; align-items: center; gap: 8px; margin-left: auto; }
    .sandbox-topic-redesign .task-variant-tag,
    .sandbox-topic-redesign .task-difficulty-tag { display: inline-flex; min-height: 30px; align-items: center; padding: 0 11px; border-radius: 999px; font-size: 12px; font-weight: 800; text-decoration: none; }
    .sandbox-topic-redesign .task-variant-tag { border: 1px solid #b9d0ff; background: var(--rd-blue-soft); color: #155ae0; }
    .sandbox-topic-redesign .task-difficulty-tag.is-ege { border: 1px solid #a8ebc5; background: var(--rd-green-soft); color: #167d49; }
    .sandbox-topic-redesign .task-difficulty-tag.is-harder { border: 1px solid #fdc990; background: #fff4e8; color: #a45110; }
    .sandbox-topic-redesign .public-task-card-status { display: inline-flex; min-height: 30px; align-items: center; padding: 0 11px; border-radius: 999px; background: #f2f5fa; color: #556984; font-size: 12px; font-weight: 850; white-space: nowrap; }
    .sandbox-topic-redesign .public-task-card-status.is-correct { background: var(--rd-green-soft); color: var(--rd-green); }
    .sandbox-topic-redesign .public-task-card-status.is-incorrect { background: var(--rd-red-soft); color: var(--rd-red); }
    .sandbox-topic-redesign .public-task-card-text { color: #1b2842; font-size: 15.5px; line-height: 1.62; }
    .sandbox-topic-redesign .public-task-card-article.topic-article p { margin: 0 0 14px; }
    .sandbox-topic-redesign .public-task-card-article.topic-article p:last-child { margin-bottom: 0; }
    .sandbox-topic-redesign .public-task-card-article table { width: 75%; max-width: 75%; margin: 14px auto 16px; border-collapse: collapse; }
    .sandbox-topic-redesign .public-task-card-article th,
    .sandbox-topic-redesign .public-task-card-article td { height: 44px; padding: 7px 10px; border: 1px solid #cbd8e9; background: var(--rd-surface); color: var(--rd-text); text-align: center; }
    .sandbox-topic-redesign .public-task-card-article tr:first-child td { background: var(--rd-surface-soft); }
    .sandbox-topic-redesign .sandbox-card-attachments { padding: 0 22px 14px; }

    .sandbox-topic-redesign .sandbox-inline-answer-form {
        display: grid;
        grid-template-columns: minmax(260px, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 8px 12px;
        align-items: end;
        margin: 0;
        padding: 14px 22px 18px;
        border-top: 1px solid var(--rd-line);
        background: var(--rd-surface);
    }
    .sandbox-topic-redesign .sandbox-inline-answer-heading { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; min-height: 18px; margin: 0; }
    .sandbox-topic-redesign .sandbox-inline-answer-heading .study-menu-title { margin: 0; color: var(--rd-muted); font-size: 11px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
    .sandbox-topic-redesign .answer-header-actions { position: absolute; z-index: 3; top: 50%; right: 6px; display: flex; align-items: center; gap: 4px; margin: 0; transform: translateY(-50%); }
    .sandbox-topic-redesign .answer-privacy-row { position: relative; grid-column: 1; grid-row: 2; min-width: 0; margin: 0; }
    .sandbox-topic-redesign .sandbox-inline-answer-grid { display: grid; width: 100%; min-width: 0; gap: 8px; overflow-x: auto; }
    .sandbox-topic-redesign .student-answer-input { width: 100%; height: 46px; min-width: 0; padding: 0 86px 0 14px; border: 1px solid #d3deed; border-radius: 12px; background: var(--rd-surface); color: var(--rd-text); font-size: 14px; font-weight: 650; outline: 0; }
    .sandbox-topic-redesign .student-answer-input:focus { border-color: #79a2ff; box-shadow: 0 0 0 3px rgba(23, 99, 255, .08); }
    .sandbox-topic-redesign .student-answer-input.is-incorrect { border-color: #efaab2; background: #fffafb; color: #9b1c2c; }
    .sandbox-topic-redesign .student-answer-input.is-correct { border-color: #8eddb0; background: var(--rd-green-soft); color: #126b40; }
    .sandbox-topic-redesign .rd-answer-row-label { display: block; grid-column: 1 / -1; margin-top: 5px; color: var(--rd-muted); font-size: 12px; font-weight: 800; }
    .sandbox-topic-redesign .rd-answer-row-label:first-child { margin-top: 0; }
    .sandbox-topic-redesign .sandbox-inline-answer-actions { display: block; grid-column: 2; grid-row: 2; align-self: end; margin: 0; }
    .sandbox-topic-redesign .task-submit-actions { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
    .sandbox-topic-redesign .task-submit-actions .btn { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border-radius: 12px; font-size: 13px; font-weight: 850; white-space: nowrap; cursor: pointer; }
    .sandbox-topic-redesign .task-submit-actions .btn-primary { min-width: 162px; border-color: var(--rd-blue); background: var(--rd-blue); color: #fff; box-shadow: 0 6px 14px rgba(23, 99, 255, .15); }
    .sandbox-topic-redesign .task-submit-actions .btn-primary:hover { background: #0f56eb; border-color: #0f56eb; }
    .sandbox-topic-redesign .task-submit-actions .btn-light { min-width: 190px; border-color: #d5dfed; background: var(--rd-surface); color: #1a2a48; box-shadow: none; }
    .sandbox-topic-redesign .task-submit-actions .btn-light:hover { background: var(--rd-surface-soft); border-color: #c1d0e5; }
    .sandbox-topic-redesign .task-submit-actions [data-inline-code-open] { min-width: 190px; border-color: #a9c3ff; background: var(--rd-blue-soft); color: #1558df; }
    .sandbox-topic-redesign .task-submit-actions [data-inline-code-open]:hover { background: #e4edff; border-color: #7da3ff; }
    .sandbox-topic-redesign .rd-answer-btn-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .sandbox-topic-redesign .answer-privacy-toggle,
    .sandbox-topic-redesign .answer-clear-button { display: grid; width: 34px; height: 34px; min-width: 34px; place-items: center; padding: 0; border: 0; border-radius: 9px; background: var(--rd-surface-soft); color: var(--rd-muted); box-shadow: none; }
    .sandbox-topic-redesign .answer-privacy-toggle.is-hidden,
    .sandbox-topic-redesign .answer-clear-button.is-hidden { display: none; }
    .sandbox-topic-redesign .answer-privacy-toggle:hover { background: var(--rd-blue-soft); color: var(--rd-blue); }
    .sandbox-topic-redesign .answer-clear-button:hover { background: var(--rd-red-soft); color: var(--rd-red); box-shadow: none; }
    .sandbox-topic-redesign .answer-submit-warning { margin-top: 6px; }
    .sandbox-topic-redesign .sandbox-inline-answer-form[data-answer-layout="stacked"] { grid-template-columns: minmax(0, 1fr); }
    .sandbox-topic-redesign .sandbox-inline-answer-form[data-answer-layout="stacked"] .answer-privacy-row { grid-column: 1; }
    .sandbox-topic-redesign .sandbox-inline-answer-form[data-answer-layout="stacked"] .answer-header-actions { top: 34px; transform: none; }
    .sandbox-topic-redesign .sandbox-inline-answer-form[data-answer-layout="stacked"] .sandbox-inline-answer-actions { grid-column: 1; grid-row: 3; margin-top: 8px; }
    .sandbox-topic-redesign .sandbox-inline-answer-form[data-answer-layout="stacked"] .student-answer-input { min-width: 110px; }

    .sandbox-topic-redesign .sandbox-pager-wrap,
    .sandbox-topic-redesign .sandbox-pager { border: 0; background: transparent; box-shadow: none; }
    .sandbox-topic-redesign .sandbox-pager { display: flex; justify-content: center; gap: 8px; margin-top: 18px; }
    .sandbox-topic-redesign .sandbox-pager-link,
    .sandbox-topic-redesign .sandbox-pager-nav { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 11px; border: 1px solid var(--rd-line); border-radius: 11px; background: var(--rd-surface); color: #334a6f; text-decoration: none; font-weight: 750; }
    .sandbox-topic-redesign .sandbox-pager-link.is-current { border-color: var(--rd-blue); background: var(--rd-blue); color: #fff; }
}

@media (min-width: 901px) and (max-width: 1160px) {
    .sandbox-topic-redesign .rd-toolbar-main { grid-template-columns: minmax(0, 1fr) 220px; }
    .sandbox-topic-redesign .rd-topic-actions { grid-column: 1 / -1; grid-row: 2; }
    .sandbox-topic-redesign .rd-filter-panel { grid-template-columns: minmax(240px, .9fr) minmax(300px, 1.1fr); }
    .sandbox-topic-redesign .rd-v2-jump { grid-column: 1 / -1; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--rd-line); }
    .sandbox-topic-redesign .sandbox-inline-answer-form { grid-template-columns: minmax(0, 1fr); }
    .sandbox-topic-redesign .sandbox-inline-answer-actions { grid-column: 1; grid-row: 3; margin-top: 8px; }
}

@media (min-width: 901px) and (max-width: 990px) {
    .sandbox-topic-redesign .rd-filter-panel { grid-template-columns: minmax(0, 1fr); }
    .sandbox-topic-redesign .rd-v2-group:not(:first-child) { grid-column: 1; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--rd-line); }
}

@media (min-width: 901px) {
    :root[data-theme="dark"] .sandbox-topic-redesign {
        --rd-surface: #142138;
        --rd-surface-soft: #1b2b45;
        --rd-text: #edf3ff;
        --rd-muted: #afbed6;
        --rd-line: #354662;
        --rd-line-strong: #4a5f7e;
        --rd-blue: #3b7aff;
        --rd-blue-soft: #1b3158;
        --rd-green-soft: #173d35;
        --rd-green: #9aebc4;
        --rd-red-soft: #49302d;
        --rd-red: #ffc3b0;
    }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-toolbar,
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card { box-shadow: 0 12px 32px rgba(0, 0, 0, .18); }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-number-native-select,
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-topic-action,
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-filter-status label span,
    :root[data-theme="dark"] .sandbox-topic-redesign .task-submit-actions .btn-light,
    :root[data-theme="dark"] .sandbox-topic-redesign .sandbox-pager-link,
    :root[data-theme="dark"] .sandbox-topic-redesign .sandbox-pager-nav { color: var(--rd-text); }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-topic-action-train,
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-filter-toggle,
    :root[data-theme="dark"] .sandbox-topic-redesign .task-submit-actions [data-inline-code-open] { color: #a7c8ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-search input { background: transparent; color: var(--rd-text); }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-number-picker-button svg { color: #a7c8ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-progress-card strong { color: #8fb7ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-v2-title,
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-v2-control > span { color: var(--rd-muted); }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-number-menu-item.is-selected { color: #a7c8ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-number-menu-number { background: #263751; color: #bfcee2; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-number-menu-item.is-selected .rd-number-menu-number { background: #25436b; color: #a7c8ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-v2-chip input:checked + span { color: #a7c8ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .task-submit-actions .btn-primary {
        border-color: #5390ff;
        background: #3477f6;
        color: #fff;
    }
    :root[data-theme="dark"] .sandbox-topic-redesign .task-submit-actions .btn-primary:hover { background: #4a89ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-topic-action:hover,
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-filter-toggle:hover,
    :root[data-theme="dark"] .sandbox-topic-redesign .task-submit-actions [data-inline-code-open]:hover { background: #25436b; }
    :root[data-theme="dark"] .sandbox-topic-redesign .rd-search input::placeholder { color: #91a3bd; }
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card-text { color: #dae5f7; }
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card-article th,
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card-article td { border-color: #4a5f7e; }
    :root[data-theme="dark"] .sandbox-topic-redesign .task-variant-tag { border-color: #4775c4; color: #b8d2ff; }
    :root[data-theme="dark"] .sandbox-topic-redesign .task-difficulty-tag.is-ege { border-color: #348568; color: #a6efc9; }
    :root[data-theme="dark"] .sandbox-topic-redesign .task-difficulty-tag.is-harder { border-color: #9c6a34; background: #47321e; color: #ffd7a6; }
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card-status { background: #263751; color: #bfcee2; }
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card-status.is-correct { background: var(--rd-green-soft); color: var(--rd-green); }
    :root[data-theme="dark"] .sandbox-topic-redesign .public-task-card-status.is-incorrect { background: var(--rd-red-soft); color: var(--rd-red); }
    :root[data-theme="dark"] .sandbox-topic-redesign .student-answer-input.is-incorrect { background: #372735; color: #ffc6ce; }
    :root[data-theme="dark"] .sandbox-topic-redesign .student-answer-input.is-correct { background: var(--rd-green-soft); color: var(--rd-green); }
    :root[data-theme="dark"] .sandbox-topic-redesign .math-inline-wrap,
    :root[data-theme="dark"] .sandbox-topic-redesign .kod101-task-formula,
    :root[data-theme="dark"] .sandbox-topic-redesign math { color: #eaf1fc; }
}