/* Keep the spacious desktop design, and adapt its density to smaller laptops.
   Scale component spacing and artwork, leaving browser zoom and root text sizing intact. */
@media (min-width: 992px) and (max-width: 1535.98px) {
    :root {
        --dsh-fluid-unit: clamp(0.8px, 0.065104167vw, 1px);
    }

    #site-header .header-content {
        border-bottom-width: calc(10 * var(--dsh-fluid-unit));
    }

    #site-header .header-content .row > :first-child {
        margin-top: calc(16 * var(--dsh-fluid-unit)) !important;
        margin-bottom: calc(16 * var(--dsh-fluid-unit)) !important;
    }

    #site-header .wk-header-logo {
        width: calc(216 * var(--dsh-fluid-unit));
        height: calc(24 * var(--dsh-fluid-unit));
    }

    #site-header .icon-link {
        margin-left: calc(14 * var(--dsh-fluid-unit));
        padding-left: calc(14 * var(--dsh-fluid-unit));
    }

    #site-header .nav-header-icons {
        width: calc(30 * var(--dsh-fluid-unit));
        height: calc(30 * var(--dsh-fluid-unit));
    }

    #site-header .icon > i {
        font-size: calc(30 * var(--dsh-fluid-unit));
    }

    #site-header .wk-wll-chip,
    #site-header .wk-flagship-chip {
        padding: calc(6 * var(--dsh-fluid-unit)) calc(10 * var(--dsh-fluid-unit));
    }

    #site-header .wk-wll-label,
    #site-header .wk-flagship-label {
        font-size: max(0.6875rem, calc(13 * var(--dsh-fluid-unit)));
    }

    #site-header .wk-wll-icon,
    #site-header .wk-flagship-icon {
        width: calc(20 * var(--dsh-fluid-unit));
        height: calc(20 * var(--dsh-fluid-unit));
    }

    .student-dashboard.section {
        padding-top: calc(12 * var(--dsh-fluid-unit));
    }

    .dsh-hero-layout {
        grid-template-columns: minmax(0, 3.6fr) minmax(clamp(248px, 24.74vw, 380px), 1fr);
        gap: calc(25 * var(--dsh-fluid-unit));
    }

    .dsh-profile-top--compact {
        padding: calc(16 * var(--dsh-fluid-unit)) calc(18 * var(--dsh-fluid-unit));
    }

    .dsh-profile-greeting {
        gap: calc(16 * var(--dsh-fluid-unit));
    }

    .dsh-profile-greeting-aside {
        flex-basis: calc(86 * var(--dsh-fluid-unit));
        gap: calc(8 * var(--dsh-fluid-unit));
    }

    .dsh-profile-greeting-avatar {
        width: calc(68 * var(--dsh-fluid-unit));
        height: calc(68 * var(--dsh-fluid-unit));
        flex-basis: calc(68 * var(--dsh-fluid-unit));
        border-radius: calc(20 * var(--dsh-fluid-unit));
    }

    .dsh-profile-chatbot-edit {
        width: calc(64 * var(--dsh-fluid-unit));
        height: calc(40 * var(--dsh-fluid-unit));
        padding-inline: calc(8 * var(--dsh-fluid-unit));
        gap: calc(5 * var(--dsh-fluid-unit));
    }

    .dsh-profile-chatbot-edit .fa-robot {
        font-size: max(0.875rem, calc(18.88 * var(--dsh-fluid-unit)));
    }

    .dsh-profile-greeting-traits {
        gap: calc(7 * var(--dsh-fluid-unit));
    }

    .dsh-profile-greeting-traits .dsh-inline-trait-pill {
        padding: calc(5 * var(--dsh-fluid-unit)) calc(10 * var(--dsh-fluid-unit));
        font-size: max(0.75rem, calc(12.16 * var(--dsh-fluid-unit)));
    }

    .dsh-rank-card {
        gap: calc(14 * var(--dsh-fluid-unit));
        padding: calc(10 * var(--dsh-fluid-unit)) calc(14 * var(--dsh-fluid-unit));
    }

    .dsh-rank-icon {
        width: calc(42 * var(--dsh-fluid-unit));
        height: calc(42 * var(--dsh-fluid-unit));
        font-size: max(1rem, calc(19.2 * var(--dsh-fluid-unit)));
    }

    .dsh-rank-value {
        font-size: max(1.5rem, calc(32 * var(--dsh-fluid-unit)));
    }

    .dsh-rank-link {
        font-size: max(0.875rem, calc(17.6 * var(--dsh-fluid-unit)));
    }

    .dsh-premium-exact {
        padding: calc(12 * var(--dsh-fluid-unit)) calc(26 * var(--dsh-fluid-unit)) calc(14 * var(--dsh-fluid-unit));
    }

    .dsh-premium-exact-layout {
        grid-template-rows: auto minmax(calc(108 * var(--dsh-fluid-unit)), auto);
    }

    .dsh-premium-exact-title {
        font-size: max(1.125rem, calc(22.4 * var(--dsh-fluid-unit)));
        white-space: normal;
    }

    .dsh-premium-exact-structured-heading {
        font-size: max(0.75rem, calc(14.08 * var(--dsh-fluid-unit)));
    }

    .dsh-premium-exact-structured-icon {
        width: calc(25 * var(--dsh-fluid-unit));
        height: calc(25 * var(--dsh-fluid-unit));
    }

    .dsh-premium-exact-card--self {
        padding: calc(14 * var(--dsh-fluid-unit));
        column-gap: calc(10 * var(--dsh-fluid-unit));
    }

    .dsh-premium-exact-card--self .dsh-premium-exact-card-icon {
        width: clamp(46px, 8cqw, 100px);
        height: clamp(46px, 8cqw, 100px);
    }

    .dsh-premium-exact-card--self .dsh-premium-exact-card-title,
    .dsh-premium-exact-card--assignment-inline .dsh-premium-exact-card-title {
        font-size: max(0.875rem, calc(16 * var(--dsh-fluid-unit)));
    }

    .dsh-premium-exact-card--self .dsh-premium-exact-card-subtitle {
        font-size: max(0.6875rem, 0.92cqw);
        white-space: normal;
    }

    .dsh-premium-exact-card--self .dsh-premium-exact-arrow {
        width: calc(38 * var(--dsh-fluid-unit));
        height: calc(38 * var(--dsh-fluid-unit));
    }

    .dsh-premium-exact-card--assignment-inline .dsh-premium-exact-card-title-row,
    .dsh-premium-exact-card-controls {
        padding-left: calc(62 * var(--dsh-fluid-unit));
    }

    .dsh-premium-exact-card--assignment-inline .dsh-premium-exact-card-title-icon {
        width: calc(54 * var(--dsh-fluid-unit));
        height: calc(54 * var(--dsh-fluid-unit));
        left: calc(10 * var(--dsh-fluid-unit));
        font-size: max(1.125rem, 2.6cqw);
    }

    .dsh-premium-exact-card-action,
    .dsh-premium-exact-pending-link {
        min-height: 28px;
        font-size: max(0.6875rem, 0.9cqw);
    }

    .dsh-premium-exact-card-actions--inline .dsh-premium-exact-card-action {
        min-width: 0;
        padding-inline: calc(10 * var(--dsh-fluid-unit));
    }

    .dsh-dashboard-feature-panel {
        padding: calc(15 * var(--dsh-fluid-unit));
    }

    .dsh-feature-hero-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "daily battle"
            "fastest brainlabs";
    }

    .dsh-feature-card {
        padding: calc(20 * var(--dsh-fluid-unit)) calc(12 * var(--dsh-fluid-unit)) calc(16 * var(--dsh-fluid-unit));
        gap: calc(8 * var(--dsh-fluid-unit));
        border-radius: calc(32 * var(--dsh-fluid-unit));
    }

    .dsh-feature-card-title {
        font-size: max(0.8rem, 1vw);
    }

    .dsh-sharpen-zone {
        margin-top: calc(50 * var(--dsh-fluid-unit));
    }

    .dsh-topic-trending-wrap {
        padding: calc(22 * var(--dsh-fluid-unit));
    }

    .dsh-topic-trending-head {
        margin-bottom: calc(18 * var(--dsh-fluid-unit));
    }

    .wk-wonderbot-launcher {
        min-height: 44px;
        padding: 8px 14px;
    }
}