/*
 * TMS Market Radar
 * Static dashboard styles
 * Extracted from tms-market-radar.php
 */

/* === Original style block 02 === */
.tms-mr-components {
        margin: 22px 0 30px;
    }

    .tms-mr-components__head {
        margin-bottom: 14px;
    }

    .tms-mr-components__eyebrow {
        margin: 0 0 4px;
        color: #64748b;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: .12em;
    }

    .tms-mr-components__head h2 {
        margin: 0;
        color: #0f172a;
        font-size: 21px;
        line-height: 1.4;
        letter-spacing: -.025em;
    }

    .tms-mr-components__head > div > p:last-child {
        margin: 5px 0 0;
        color: #64748b;
        font-size: 12px;
        line-height: 1.6;
    }

    .tms-mr-components__grid {
        display: grid;
        grid-template-columns:
            repeat(
                auto-fit,
                minmax(
                    190px,
                    1fr
                )
            );
        gap: 10px;
    }

    .tms-mr-mini-card {
        min-width: 0;
        padding: 16px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #fff;
    }

    .tms-mr-mini-card__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
    }

    .tms-mr-mini-code {
        margin: 0 0 3px;
        color: #94a3b8;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .06em;
    }

    .tms-mr-mini-card h3 {
        margin: 0;
        color: #334155;
        font-size: 14px;
        line-height: 1.35;
    }

    .tms-mr-mini-date {
        color: #94a3b8;
        font-size: 9px;
        white-space: nowrap;
    }

    .tms-mr-mini-value {
        display: block;
        margin-top: 15px;
        color: #0f172a;
        font-size: 23px;
        line-height: 1.2;
        letter-spacing: -.025em;
    }

    .tms-mr-mini-value small {
        color: #64748b;
        font-size: 10px;
        font-weight: 600;
    }

    .tms-mr-mini-change {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-top: 6px;
        color: #64748b;
        font-size: 10.5px;
    }

    .tms-mr-mini-change b {
        color: #475569;
        font-size: 11px;
    }

    .tms-mr-mini-chart {
        display: block;
        width: 100%;
        height: 58px;
        margin-top: 11px;
        color: #2563eb;
    }

    .tms-mr-mini-line {
        fill: none;
        stroke: currentColor;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
        vector-effect: non-scaling-stroke;
    }

    .tms-mr-mini-base {
        stroke: #eef2f7;
        stroke-width: 1;
        vector-effect: non-scaling-stroke;
    }

    .tms-mr-mini-period {
        margin: 3px 0 0;
        color: #94a3b8;
        font-size: 9px;
    }

    .tms-mr-components__note {
        margin: 10px 2px 0;
        color: #94a3b8;
        font-size: 10px;
        line-height: 1.6;
    }

    @media (max-width: 520px) {

        .tms-mr-components__grid {
            grid-template-columns:
                repeat(
                    2,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

        .tms-mr-mini-card {
            padding: 13px;
        }

        .tms-mr-mini-value {
            font-size: 19px;
        }

        .tms-mr-mini-date {
            display: none;
        }

    }

/* === Original style block 03 === */
.tms-mr-sofr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;

        margin: 12px 0 28px;
        padding: 15px 18px;

        border: 1px solid #e2e8f0;
        border-radius: 11px;

        background: #f8fafc;
    }

    .tms-mr-sofr__main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 26px;

        flex: 1;
        min-width: 0;
    }

    .tms-mr-sofr__eyebrow {
        margin: 0 0 3px;

        color: #94a3b8;

        font-size: 9px;
        font-weight: 700;
        letter-spacing: .1em;
    }

    .tms-mr-sofr__title {
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .tms-mr-sofr__title h3 {
        margin: 0;

        color: #0f172a;

        font-size: 16px;
        line-height: 1.3;
    }

    .tms-mr-sofr__title span {
        color: #475569;

        font-size: 12px;
    }

    .tms-mr-sofr__description {
        margin: 3px 0 0;

        color: #94a3b8;

        font-size: 10px;
    }

    .tms-mr-sofr__value {
        text-align: right;
        white-space: nowrap;
    }

    .tms-mr-sofr__value strong {
        display: block;

        color: #0f172a;

        font-size: 22px;
        line-height: 1.2;
    }

    .tms-mr-sofr__value span {
        display: block;

        margin-top: 2px;

        color: #94a3b8;

        font-size: 9px;
    }

    .tms-mr-sofr__change {
        min-width: 92px;

        padding-left: 18px;

        border-left: 1px solid #e2e8f0;

        text-align: right;
    }

    .tms-mr-sofr__change span {
        display: block;

        color: #64748b;

        font-size: 10px;
    }

    .tms-mr-sofr__change strong {
        display: block;

        margin-top: 3px;

        color: #334155;

        font-size: 14px;
    }

    @media (max-width: 620px) {

        .tms-mr-sofr {
            display: block;
        }

        .tms-mr-sofr__main {
            align-items: flex-start;
        }

        .tms-mr-sofr__change {
            display: flex;
            align-items: center;
            justify-content: space-between;

            margin-top: 12px;
            padding: 10px 0 0;

            border-top: 1px solid #e2e8f0;
            border-left: 0;

            text-align: left;
        }

        .tms-mr-sofr__change strong {
            margin-top: 0;
        }

    }

/* === Original style block 04 === */
.tms-mr-signal-board {
        margin: 30px 0 36px;
    }

    .tms-mr-signal-board__head {
        margin-bottom: 15px;
    }

    .tms-mr-signal-board__eyebrow {
        margin: 0 0 4px;

        color: #64748b;

        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: .12em;
    }

    .tms-mr-signal-board__head h2 {
        margin: 0;

        color: #0f172a;

        font-size: 24px;
        line-height: 1.35;
        letter-spacing: -.025em;
    }

    .tms-mr-signal-board__head > div > p:last-child {
        margin: 6px 0 0;

        color: #64748b;

        font-size: 12px;
        line-height: 1.65;
    }

    .tms-mr-signal-grid {
        display: grid;

        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 11px;
    }

    .tms-mr-signal-card {
        position: relative;

        min-width: 0;

        padding: 17px 18px 15px;

        border: 1px solid #e2e8f0;
        border-top-width: 3px;
        border-radius: 12px;

        background: #fff;
    }

    .tms-mr-signal-card--calm {
        border-top-color: #0f9f6e;
    }

    .tms-mr-signal-card--neutral {
        border-top-color: #64748b;
    }

    .tms-mr-signal-card--watch {
        border-top-color: #d97706;
    }

    .tms-mr-signal-card--stress {
        border-top-color: #dc2626;
    }

    .tms-mr-signal-card__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .tms-mr-signal-card__head h3 {
        margin: 0;

        color: #334155;

        font-size: 14px;
        line-height: 1.4;
    }

    .tms-mr-signal-dot {
        display: block;

        width: 8px;
        height: 8px;

        flex: 0 0 auto;

        border-radius: 50%;

        background: #64748b;
    }

    .tms-mr-signal-card--calm .tms-mr-signal-dot {
        background: #0f9f6e;
    }

    .tms-mr-signal-card--watch .tms-mr-signal-dot {
        background: #d97706;
    }

    .tms-mr-signal-card--stress .tms-mr-signal-dot {
        background: #dc2626;
    }

    .tms-mr-signal-status {
        display: block;

        min-height: 46px;

        margin-top: 12px;

        color: #0f172a;

        font-size: 17px;
        line-height: 1.4;
        letter-spacing: -.015em;
    }

    .tms-mr-signal-metrics {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 7px;

        margin-top: 10px;
    }

    .tms-mr-signal-metrics > div {
        padding: 8px 9px;

        border-radius: 8px;

        background: #f8fafc;
    }

    .tms-mr-signal-metrics span {
        display: block;

        color: #94a3b8;

        font-size: 9px;
        line-height: 1.3;
    }

    .tms-mr-signal-metrics b {
        display: block;

        margin-top: 3px;

        color: #334155;

        font-size: 13px;
        line-height: 1.25;
    }

    .tms-mr-signal-date {
        margin: 8px 0 0;

        color: #94a3b8;

        font-size: 9px;
        line-height: 1.4;
    }

    .tms-mr-signal-note {
        margin: 10px 2px 0;

        color: #94a3b8;

        font-size: 10px;
        line-height: 1.6;
    }

    @media (max-width: 820px) {

        .tms-mr-signal-grid {
            grid-template-columns:
                repeat(
                    2,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

    }

    @media (max-width: 520px) {

        .tms-mr-signal-grid {
            grid-template-columns:
                1fr;
        }

        .tms-mr-signal-card {
            padding: 15px;
        }

        .tms-mr-signal-status {
            min-height: 0;
        }

    }

/* === Original style block 05 === */
.tms-mr-macro {
        margin: 30px 0 36px;
    }

    .tms-mr-macro__head {
        margin-bottom: 15px;
    }

    .tms-mr-macro__eyebrow {
        margin: 0 0 4px;

        color: #64748b;

        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: .12em;
    }

    .tms-mr-macro__head h2 {
        margin: 0;

        color: #0f172a;

        font-size: 24px;
        line-height: 1.35;
        letter-spacing: -.025em;
    }

    .tms-mr-macro__head > div > p:last-child {
        margin: 6px 0 0;

        color: #64748b;

        font-size: 12px;
        line-height: 1.65;
    }

    .tms-mr-macro__grid {
        display: grid;

        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 10px;
    }

    .tms-mr-macro-card {
        min-width: 0;

        padding: 15px 16px;

        border: 1px solid #e2e8f0;
        border-radius: 12px;

        background: #fff;
    }

    .tms-mr-macro-card__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
    }

    .tms-mr-macro-code {
        margin: 0 0 3px;

        color: #94a3b8;

        font-size: 8.5px;
        font-weight: 700;
        letter-spacing: .05em;
    }

    .tms-mr-macro-card h3 {
        margin: 0;

        color: #334155;

        font-size: 13px;
        line-height: 1.4;
    }

    .tms-mr-macro-date {
        color: #94a3b8;

        font-size: 8.5px;
        white-space: nowrap;
    }

    .tms-mr-macro-value {
        display: block;

        margin-top: 14px;

        color: #0f172a;

        font-size: 21px;
        line-height: 1.2;
        letter-spacing: -.02em;
    }

    .tms-mr-macro-change {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 7px;

        margin-top: 6px;

        color: #64748b;

        font-size: 9.5px;
    }

    .tms-mr-macro-change b {
        color: #475569;

        font-size: 10.5px;
    }

    .tms-mr-macro-card .tms-mr-mini-chart {
        margin-top: 10px;
    }

    .tms-mr-macro-period {
        margin: 2px 0 0;

        color: #94a3b8;

        font-size: 8.5px;
    }

    .tms-mr-macro__note {
        margin: 10px 2px 0;

        color: #94a3b8;

        font-size: 10px;
        line-height: 1.6;
    }

    @media (max-width: 920px) {

        .tms-mr-macro__grid {
            grid-template-columns:
                repeat(
                    2,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

    }

    @media (max-width: 520px) {

        .tms-mr-macro-card {
            padding: 13px;
        }

        .tms-mr-macro-date {
            display: none;
        }

        .tms-mr-macro-value {
            font-size: 18px;
        }

    }

/* === Original style block 06 === */
.tms-mr-kr-board {
        margin: 42px 0 34px;
    }

    .tms-mr-kr-board__head {
        margin-bottom: 15px;
    }

    .tms-mr-kr-eyebrow {
        margin: 0 0 5px;

        color: #64748b;

        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: .12em;
    }

    .tms-mr-kr-board__head h2 {
        margin: 0;

        color: #0f172a;

        font-size: 25px;
        line-height: 1.35;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-board__head > p:last-child {
        margin: 6px 0 0;

        color: #64748b;

        font-size: 12px;
        line-height: 1.65;
    }

    .tms-mr-kr-signal-grid {
        display: grid;

        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 11px;
    }

    .tms-mr-kr-signal {
        min-width: 0;

        padding: 17px 18px 15px;

        border: 1px solid #e2e8f0;
        border-top: 3px solid #64748b;
        border-radius: 12px;

        background: #fff;
    }

    .tms-mr-kr-signal--policy {
        border-top-color: #7c3aed;
    }

    .tms-mr-kr-signal--base {
        border-top-color: #2563eb;
    }

    .tms-mr-kr-signal--money {
        border-top-color: #0891b2;
    }

    .tms-mr-kr-signal--credit {
        border-top-color: #0f9f6e;
    }

    .tms-mr-kr-signal--housing {
        border-top-color: #d97706;
    }

    .tms-mr-kr-signal--kospi {
        border-top-color: #4f46e5;
    }

    .tms-mr-kr-signal__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .tms-mr-kr-signal__head h3 {
        margin: 0;

        color: #334155;

        font-size: 14px;
        line-height: 1.4;
    }

    .tms-mr-kr-signal__head span {
        width: 8px;
        height: 8px;

        border-radius: 50%;

        background: currentColor;
        opacity: .65;
    }

    .tms-mr-kr-signal__status {
        display: block;

        min-height: 46px;

        margin-top: 12px;

        color: #0f172a;

        font-size: 17px;
        line-height: 1.4;
        letter-spacing: -.015em;
    }

    .tms-mr-kr-signal__metrics {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 7px;

        margin-top: 10px;
    }

    .tms-mr-kr-signal__metrics > div {
        padding: 8px 9px;

        border-radius: 8px;

        background: #f8fafc;
    }

    .tms-mr-kr-signal__metrics span {
        display: block;

        color: #94a3b8;

        font-size: 9px;
    }

    .tms-mr-kr-signal__metrics b {
        display: block;

        margin-top: 3px;

        color: #334155;

        font-size: 13px;
    }

    .tms-mr-kr-signal__date {
        margin: 8px 0 0;

        color: #94a3b8;

        font-size: 9px;
        line-height: 1.4;
    }

    .tms-mr-kr-note {
        margin: 10px 2px 0;

        color: #94a3b8;

        font-size: 10px;
        line-height: 1.6;
    }

    @media (max-width: 820px) {

        .tms-mr-kr-signal-grid {
            grid-template-columns:
                repeat(
                    2,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

    }

    @media (max-width: 520px) {

        .tms-mr-kr-signal-grid {
            grid-template-columns:
                1fr;
        }

        .tms-mr-kr-signal__status {
            min-height: 0;
        }

    }

/* === Original style block 07 === */
.tms-mr-kr-liquidity {
        margin: 30px 0 40px;
    }

    .tms-mr-kr-liquidity__head {
        margin-bottom: 14px;
    }

    .tms-mr-kr-liquidity__head h2 {
        margin: 0;

        color: #0f172a;

        font-size: 24px;
        line-height: 1.35;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-liquidity__head > p:last-child {
        margin: 6px 0 0;

        color: #64748b;

        font-size: 12px;
        line-height: 1.65;
    }

    .tms-mr-kr-liquidity__grid {
        display: grid;

        grid-template-columns:
            repeat(
                5,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 10px;
    }

    .tms-mr-kr-liquidity-card {
        min-width: 0;

        padding: 15px 16px;

        border: 1px solid #e2e8f0;
        border-radius: 12px;

        background: #fff;
    }

    .tms-mr-kr-liquidity-card__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 7px;
    }

    .tms-mr-kr-liquidity-card__top p {
        margin: 0 0 3px;

        color: #94a3b8;

        font-size: 8.5px;
        font-weight: 700;
        letter-spacing: .06em;
    }

    .tms-mr-kr-liquidity-card__top h3 {
        margin: 0;

        color: #334155;

        font-size: 14px;
        line-height: 1.4;
    }

    .tms-mr-kr-liquidity-card__top > span {
        color: #94a3b8;

        font-size: 8.5px;
        white-space: nowrap;
    }

    .tms-mr-kr-liquidity-card > strong {
        display: block;

        margin-top: 14px;

        color: #0f172a;

        font-size: 21px;
        line-height: 1.2;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-liquidity-card__change {
        display: flex;
        justify-content: space-between;
        gap: 8px;

        margin-top: 7px;

        color: #64748b;

        font-size: 9px;
    }

    .tms-mr-kr-liquidity-card__change b {
        color: #334155;

        font-size: 10px;
    }

    .tms-mr-kr-liquidity-card .tms-mr-mini-chart {
        margin-top: 10px;
    }

    .tms-mr-kr-liquidity-card__period {
        margin: 2px 0 0;

        color: #94a3b8;

        font-size: 8.5px;
    }

    @media (max-width: 1050px) {

        .tms-mr-kr-liquidity__grid {
            grid-template-columns:
                repeat(
                    3,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

    }

    @media (max-width: 620px) {

        .tms-mr-kr-liquidity__grid {
            grid-template-columns:
                repeat(
                    2,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

        .tms-mr-kr-liquidity-card {
            padding: 13px;
        }

        .tms-mr-kr-liquidity-card__top > span {
            display: none;
        }

        .tms-mr-kr-liquidity-card > strong {
            font-size: 18px;
        }

    }

/* === Original style block 08 === */
.tms-mr-kr-credit {
        margin: 34px 0 40px;
    }

    .tms-mr-kr-credit__head {
        margin-bottom: 14px;
    }

    .tms-mr-kr-credit__head h2 {
        margin: 0;

        color: #0f172a;

        font-size: 24px;
        line-height: 1.35;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-credit__head > p:last-child {
        margin: 6px 0 0;

        color: #64748b;

        font-size: 12px;
        line-height: 1.65;
    }

    .tms-mr-kr-credit__grid {
        display: grid;

        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 10px;
    }

    .tms-mr-kr-credit-card {
        min-width: 0;

        padding: 16px;

        border: 1px solid #e2e8f0;
        border-radius: 12px;

        background: #fff;
    }

    .tms-mr-kr-credit-card__top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
    }

    .tms-mr-kr-credit-card__top p {
        margin: 0 0 3px;

        color: #94a3b8;

        font-size: 8.5px;
        font-weight: 700;
        letter-spacing: .05em;
    }

    .tms-mr-kr-credit-card__top h3 {
        margin: 0;

        color: #334155;

        font-size: 13.5px;
        line-height: 1.4;
    }

    .tms-mr-kr-credit-card__top > span {
        color: #94a3b8;

        font-size: 8.5px;

        white-space: nowrap;
    }

    .tms-mr-kr-credit-card__value {
        display: block;

        margin-top: 15px;

        color: #0f172a;

        font-size: 22px;
        line-height: 1.2;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-credit-card__metrics {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;

        margin-top: 8px;

        color: #64748b;

        font-size: 9px;
    }

    .tms-mr-kr-credit-card__metrics b {
        margin-left: 3px;

        color: #334155;

        font-size: 10px;
    }

    .tms-mr-kr-credit-card .tms-mr-mini-chart {
        margin-top: 11px;

        height: 65px;
    }

    .tms-mr-kr-credit-card__period {
        margin: 2px 0 0;

        color: #94a3b8;

        font-size: 8.5px;
    }

    @media (max-width: 920px) {

        .tms-mr-kr-credit__grid {
            grid-template-columns:
                repeat(
                    2,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

    }

    @media (max-width: 520px) {

        .tms-mr-kr-credit-card {
            padding: 13px;
        }

        .tms-mr-kr-credit-card__top > span {
            display: none;
        }

        .tms-mr-kr-credit-card__value {
            font-size: 19px;
        }

    }

/* === Original style block 09 === */
.tms-mr-kr-assets {
        margin: 36px 0 44px;
    }

    .tms-mr-kr-assets__head {
        margin-bottom: 15px;
    }

    .tms-mr-kr-assets__head h2 {
        margin: 0;

        color: #0f172a;

        font-size: 24px;
        line-height: 1.35;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-assets__head > p:last-child {
        margin: 6px 0 0;

        color: #64748b;

        font-size: 12px;
        line-height: 1.65;
    }

    .tms-mr-kr-assets__grid {
        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 12px;
    }

    .tms-mr-kr-asset-card {
        min-width: 0;

        padding: 20px 21px;

        border: 1px solid #e2e8f0;
        border-radius: 14px;

        background: #fff;
    }

    .tms-mr-kr-asset-card__head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .tms-mr-kr-asset-card__head p {
        margin: 0 0 4px;

        color: #94a3b8;

        font-size: 9px;
        font-weight: 700;
        letter-spacing: .08em;
    }

    .tms-mr-kr-asset-card__head h3 {
        margin: 0;

        color: #334155;

        font-size: 17px;
        line-height: 1.4;
    }

    .tms-mr-kr-asset-card__head > span {
        color: #94a3b8;

        font-size: 9px;

        white-space: nowrap;
    }

    .tms-mr-kr-asset-main {
        display: block;

        margin-top: 18px;

        color: #0f172a;

        font-size: 25px;
        line-height: 1.25;
        letter-spacing: -.025em;
    }

    .tms-mr-kr-asset-metrics {
        display: grid;

        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            );

        gap: 7px;

        margin-top: 14px;
    }

    .tms-mr-kr-asset-metrics > div {
        padding: 9px 10px;

        border-radius: 8px;

        background: #f8fafc;
    }

    .tms-mr-kr-asset-metrics span {
        display: block;

        color: #94a3b8;

        font-size: 9px;
    }

    .tms-mr-kr-asset-metrics b {
        display: block;

        margin-top: 3px;

        color: #334155;

        font-size: 13px;
    }

    .tms-mr-kr-asset-card .tms-mr-mini-chart {
        height: 95px;

        margin-top: 17px;
    }

    .tms-mr-kr-asset-foot {
        margin: 4px 0 0;

        color: #94a3b8;

        font-size: 9px;
    }

    @media (max-width: 720px) {

        .tms-mr-kr-assets__grid {
            grid-template-columns:
                1fr;
        }

    }

    @media (max-width: 520px) {

        .tms-mr-kr-asset-card {
            padding: 16px;
        }

        .tms-mr-kr-asset-main {
            font-size: 21px;
        }

        .tms-mr-kr-asset-metrics {
            grid-template-columns:
                repeat(
                    3,
                    minmax(
                        0,
                        1fr
                    )
                );
        }

    }