/*
 * RadarČeska — Train Discovery v2.0.1
 */

.rc-train-hub-v383{
    --td-text:#294d54;
    --td-strong:#163d44;
    --td-muted:#71878b;
    --td-line:#dde8e6;
    --td-green:#087b68;

    margin-top:12px;
}

.rc-hub383-intro{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;

    padding:20px;

    border:1px solid var(--td-line);
    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #fff,
            #f0f8f6
        );

    box-shadow:
        0 10px 30px rgba(26,62,58,.045);
}

.rc-hub383-kicker{
    display:block;

    color:#078a72;

    font-size:9px;
    font-weight:900;
    letter-spacing:.085em;
}

.rc-hub383-intro h2{
    max-width:720px;

    margin:5px 0 7px;

    color:var(--td-strong);

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

.rc-hub383-intro p{
    max-width:760px;

    margin:0;

    color:var(--td-muted);

    font-size:11px;
    line-height:1.55;
}

.rc-hub383-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(100px,1fr));
    gap:7px;

    flex:0 0 auto;
}

.rc-hub383-stats article{
    min-width:0;

    padding:11px 10px;

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

    background:rgba(255,255,255,.9);

    text-align:center;
}

.rc-hub383-stats b{
    display:block;

    color:#244d53;

    font-size:18px;
    line-height:1.1;
}

.rc-hub383-stats span{
    display:block;

    margin-top:3px;

    color:#7e9296;

    font-size:8px;
}

.rc-hub383-browser{
    margin-top:10px;
    padding:14px 15px;

    border:1px solid var(--td-line);
    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 24px rgba(25,63,58,.03);
}

.rc-hub383-tabs{
    display:flex;
    gap:6px;
    flex-wrap:wrap;

    margin-bottom:12px;
    padding-bottom:11px;

    border-bottom:1px solid #e7efed;
}

.rc-hub383-tabs button{
    appearance:none;
    -webkit-appearance:none;

    min-height:36px;

    padding:0 12px;

    border:1px solid #dce8e5;
    border-radius:999px;

    background:#f8fbfa;

    color:#60777c;

    font:inherit;
    font-size:10px;
    font-weight:850;

    cursor:pointer;
}

.rc-hub383-tabs button.is-active{
    border-color:#acdccc;

    background:#e8f7f2;

    color:#087b68;
}

.rc-hub383-panel{
    display:none;
}

.rc-hub383-panel.is-active{
    display:block;
}

.rc-hub383-panel>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;

    margin-bottom:10px;
}

.rc-hub383-panel h3{
    margin:0;

    color:#254b52;

    font-size:16px;
}

.rc-hub383-panel header p{
    margin:3px 0 0;

    color:#75898d;

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

.rc-hub383-panel header>span{
    flex:0 0 auto;

    padding:5px 8px;

    border-radius:999px;

    background:#eef5f3;

    color:#667e82;

    font-size:8px;
    font-weight:850;
}

.rc-hub383-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}

.rc-hub383-card{
    min-width:0;

    padding:12px;

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

    background:#fbfcfc;

    color:inherit;
    text-decoration:none;

    transition:
        transform .14s ease,
        border-color .14s ease,
        box-shadow .14s ease;
}

.rc-hub383-card:hover{
    transform:translateY(-1px);

    border-color:#b5d9d0;

    box-shadow:
        0 8px 20px rgba(23,68,60,.055);
}

.rc-hub383-code{
    display:flex;
    justify-content:space-between;
    gap:8px;
}

.rc-hub383-code span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:#087b68;

    font-size:10px;
    font-weight:900;
}

.rc-hub383-code em{
    color:#789c94;

    font-style:normal;
}

.rc-hub383-card>b{
    display:block;

    margin-top:5px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:#254c53;

    font-size:13px;
}

.rc-hub383-card p{
    min-height:30px;

    margin:5px 0 0;

    overflow:hidden;

    color:#647c81;

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

.rc-hub383-card p i{
    padding:0 3px;

    color:#9aabaa;

    font-style:normal;
}

.rc-hub383-meta{
    display:flex;
    gap:4px;
    flex-wrap:wrap;

    margin-top:8px;
}

.rc-hub383-meta span{
    padding:4px 6px;

    border-radius:999px;

    background:#edf5f3;

    color:#557277;

    font-size:8px;
    font-weight:750;
}

.rc-hub383-meta span.is-evidence{
    background:#e5f6ef;

    color:#08715f;
}

.rc-hub383-card small{
    display:block;

    margin-top:8px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:#8b9a9d;

    font-size:8px;
}

.rc-hub383-more{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;

    margin-top:11px;
    padding-top:10px;

    border-top:1px solid #edf2f1;

    color:#7d9195;

    font-size:9px;
}

.rc-hub383-more a{
    flex:0 0 auto;

    color:#087b68;

    font-weight:900;
    text-decoration:none;
}

.rc-hub383-context{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;

    margin-top:10px;
    padding:14px 15px;

    border-radius:12px;

    background:#f0f7f5;
}

.rc-hub383-context div{
    display:grid;
    gap:3px;
}

.rc-hub383-context b{
    color:#294e55;

    font-size:11px;
}

.rc-hub383-context span{
    color:#687f84;

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

.rc-hub383-context a{
    flex:0 0 auto;

    color:#087b68;

    font-size:10px;
    font-weight:900;
    text-decoration:none;
}

.rc-hub381-legacy-selected{
    display:none;
}


@media(max-width:1050px){

    .rc-hub383-intro{
        display:block;
    }

    .rc-hub383-stats{
        margin-top:13px;
    }

    .rc-hub383-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
}


@media(max-width:760px){

    .rc-hub383-intro{
        padding:16px;
    }

    .rc-hub383-intro h2{
        font-size:21px;
    }

    .rc-hub383-intro p{
        font-size:10px;
    }

    .rc-hub383-stats{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .rc-hub383-stats b{
        font-size:16px;
    }

    .rc-hub383-tabs{
        flex-wrap:nowrap;

        overflow-x:auto;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .rc-hub383-tabs::-webkit-scrollbar{
        display:none;
    }

    .rc-hub383-tabs button{
        flex:0 0 auto;

        min-height:38px;

        font-size:10px;
    }

    .rc-hub383-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .rc-hub383-more{
        display:block;
    }

    .rc-hub383-more a{
        display:inline-block;

        margin-top:7px;
    }
}


@media(max-width:520px){

    .rc-hub383-browser{
        padding:12px;
    }

    .rc-hub383-grid{
        grid-template-columns:1fr;
    }

    .rc-hub383-card{
        padding:11px 12px;
    }

    .rc-hub383-card>b{
        font-size:13px;
    }

    .rc-hub383-card p{
        min-height:0;

        font-size:10px;
    }

    .rc-hub383-panel>header{
        display:block;
    }

    .rc-hub383-panel header>span{
        display:inline-block;

        margin-top:7px;
    }

    .rc-hub383-context{
        display:block;
    }

    .rc-hub383-context a{
        display:inline-block;

        margin-top:9px;
    }
}


/* ==========================================================================
   RADARCESKA — TRAIN DISCOVERY UX v2.0.2
   ========================================================================== */

.rc-hub383-expand{
    display:none;
}


.rc-train-discovery-v202
.rc-hub383-card>b{
    color:#1e464d;

    font-size:14px;
}


.rc-train-discovery-v202
.rc-hub383-card small{
    color:#72888c;

    font-size:9px;
    font-weight:650;
}


.rc-train-discovery-v202
.rc-hub383-meta span{
    font-size:9px;
}


.rc-train-discovery-v202
.rc-hub383-context{
    padding:16px;

    border:1px solid #d4e9e3;

    background:
        linear-gradient(
            135deg,
            #eef8f5,
            #f8fbfa
        );
}


.rc-train-discovery-v202
.rc-hub383-context b{
    font-size:13px;
}


.rc-train-discovery-v202
.rc-hub383-context span{
    max-width:760px;

    font-size:10px;
}


.rc-train-discovery-v202
.rc-hub383-context a{
    padding:8px 11px;

    border:1px solid #b6ddd2;
    border-radius:999px;

    background:#fff;

    font-size:10px;
}


@media(max-width:520px){

    /*
     * Four profiles are enough for the first mobile scan.
     * All eight remain present in HTML and can be revealed.
     */

    .rc-train-discovery-v202
    .rc-hub383-panel:not(.is-expanded)
    .rc-hub383-grid
    .rc-hub383-card:nth-child(n+5){
        display:none;
    }


    .rc-train-discovery-v202
    .rc-hub383-expand{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;

        width:100%;
        min-height:39px;

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

        border:1px solid #d8e7e3;
        border-radius:10px;

        background:#f6faf9;

        color:#087b68;

        font:inherit;
        font-size:10px;
        font-weight:850;

        cursor:pointer;
    }


    .rc-train-discovery-v202
    .rc-hub383-expand small{
        color:#829397;

        font-size:8px;
        font-weight:700;
    }


    .rc-train-discovery-v202
    .rc-hub383-card>b{
        font-size:14px;
    }


    .rc-train-discovery-v202
    .rc-hub383-code span{
        font-size:11px;
    }


    .rc-train-discovery-v202
    .rc-hub383-meta span{
        font-size:9px;
    }


    .rc-train-discovery-v202
    .rc-hub383-card small{
        font-size:9px;
    }


    .rc-train-discovery-v202
    .rc-hub383-context b{
        font-size:12px;
    }


    .rc-train-discovery-v202
    .rc-hub383-context span{
        font-size:10px;
    }


    .rc-train-discovery-v202
    .rc-hub383-context a{
        display:inline-flex;
        align-items:center;

        min-height:36px;

        margin-top:10px;
    }
}