/* =========================================================
   PURECAR TRANSLINK
   TOOL-FIRST DESIGN
   Main functionality first. SEO/support content last.
   ========================================================= */

.pc-translink-page{
    background:#f7f6f2;
    color:#171717;
    padding:18px 18px 0;
    margin:0;
}

.pc-translink-wrap{
    width:min(1180px,100%);
    margin:0 auto;
}


/* ---------------------------------------------------------
   SMALL TOP NAV ONLY
   --------------------------------------------------------- */

.pc-translink-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px;
    color:#737373;
    font-size:13px;
}

.pc-translink-breadcrumb a{
    color:#333;
    font-weight:750;
    text-decoration:none;
}


/* ---------------------------------------------------------
   MAIN TOOL
   --------------------------------------------------------- */

.pc-translink-planner{
    background:#fff;
    border:1px solid #deded9;
    border-radius:18px;
    padding:24px;
    box-shadow:0 8px 26px rgba(0,0,0,.045);
}

.pc-translink-topline{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:19px;
}

.pc-translink-title{
    min-width:0;
}

.pc-translink-title h1{
    margin:0 0 5px;
    color:#171717;
    font-size:30px;
    line-height:1.08;
    letter-spacing:-.035em;
    font-weight:850;
}

.pc-translink-title p{
    margin:0;
    color:#686868;
    font-size:14px;
    line-height:1.45;
}

.pc-translink-live{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border-radius:999px;
    background:#edf7f0;
    color:#166d43;
    font-size:12px;
    font-weight:850;
}

.pc-translink-live::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
}


/* ---------------------------------------------------------
   FROM / TO
   --------------------------------------------------------- */

.pc-translink-route{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
    gap:10px;
    align-items:end;
}

.pc-translink-field{
    min-width:0;
}

.pc-translink-field label,
.pc-translink-option-label{
    display:block;
    margin:0 0 6px;
    color:#252525;
    font-size:13px;
    font-weight:850;
}

.pc-translink-input{
    width:100%;
    height:58px;
    padding:0 16px;
    border:1.5px solid #d2d2cd;
    border-radius:12px;
    background:#fff;
    color:#171717;
    font:inherit;
    font-size:16px;
    font-weight:650;
    outline:none;
}

.pc-translink-input::placeholder{
    color:#919191;
    font-weight:500;
}

.pc-translink-input:focus{
    border-color:#171717;
    box-shadow:0 0 0 3px rgba(0,0,0,.055);
}

.pc-translink-swap{
    width:42px;
    height:42px;
    margin-bottom:8px;
    border:1px solid #d8d8d3;
    border-radius:50%;
    background:#f5f4f0;
    color:#222;
    font-size:20px;
    cursor:pointer;
}


/* ---------------------------------------------------------
   TRAVEL OPTIONS
   --------------------------------------------------------- */

.pc-translink-options{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:16px;
}

.pc-translink-modes{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4px;
    padding:4px;
    border-radius:11px;
    background:#f3f3ef;
}

.pc-translink-mode{
    min-height:43px;
    padding:0 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#626262;
    font:inherit;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
}

.pc-translink-mode.is-active{
    background:#fff;
    color:#171717;
    box-shadow:0 2px 7px rgba(0,0,0,.08);
}

.pc-translink-when{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
}

.pc-translink-select,
.pc-translink-time{
    width:100%;
    height:51px;
    padding:0 13px;
    border:1px solid #dadad5;
    border-radius:10px;
    background:#fff;
    color:#202020;
    font:inherit;
    font-size:14px;
    font-weight:700;
}


/* ---------------------------------------------------------
   SEARCH BUTTON
   --------------------------------------------------------- */

.pc-translink-submit-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:17px;
}

.pc-translink-submit{
    min-height:54px;
    padding:0 27px;
    border:0;
    border-radius:11px;
    background:#171717;
    color:#fff;
    font:inherit;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
}

.pc-translink-submit:hover{
    background:#292929;
}

.pc-translink-note{
    margin:0;
    color:#777;
    font-size:12px;
    line-height:1.4;
}

.pc-translink-message{
    display:none;
    margin-top:14px;
    padding:12px 14px;
    border-radius:10px;
    background:#f2f0ea;
    color:#4d4d49;
    font-size:13px;
}

.pc-translink-message.is-visible{
    display:block;
}


/* ---------------------------------------------------------
   QUICK TOOLS
   --------------------------------------------------------- */

.pc-translink-tools{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}

.pc-translink-tool{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:86px;
    padding:17px 18px;
    border:1px solid #deded9;
    border-radius:14px;
    background:#fff;
    color:#171717;
    text-decoration:none;
}

.pc-translink-tool-copy{
    min-width:0;
}

.pc-translink-tool strong{
    display:block;
    margin-bottom:3px;
    color:#171717;
    font-size:16px;
    font-weight:850;
}

.pc-translink-tool span{
    display:block;
    color:#747474;
    font-size:12px;
    line-height:1.4;
}

.pc-translink-tool em{
    flex:0 0 auto;
    color:#171717;
    font-size:20px;
    font-style:normal;
}


/* ---------------------------------------------------------
   SEO / SUPPORT CONTENT
   THIS BELONGS AT THE BOTTOM
   --------------------------------------------------------- */

.pc-translink-seo{
    margin-top:34px;
    padding:30px 0 34px;
    border-top:1px solid #deded9;
}

.pc-translink-seo-grid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
    gap:36px;
}

.pc-translink-seo h2{
    margin:0 0 12px;
    color:#202020;
    font-size:25px;
    line-height:1.15;
    letter-spacing:-.025em;
}

.pc-translink-seo h3{
    margin:23px 0 8px;
    color:#202020;
    font-size:18px;
}

.pc-translink-seo p{
    max-width:780px;
    margin:0 0 12px;
    color:#626262;
    font-size:14px;
    line-height:1.7;
}

.pc-translink-seo-links{
    padding:19px;
    border:1px solid #deded9;
    border-radius:14px;
    background:#fff;
}

.pc-translink-seo-links strong{
    display:block;
    margin-bottom:11px;
    font-size:14px;
}

.pc-translink-seo-links a{
    display:block;
    padding:9px 0;
    border-bottom:1px solid #eeeeea;
    color:#333;
    font-size:13px;
    font-weight:750;
    text-decoration:none;
}

.pc-translink-seo-links a:last-child{
    border-bottom:0;
}

.pc-translink-source{
    margin:25px 0 0;
    padding-top:18px;
    border-top:1px solid #deded9;
    color:#777168;
    font-size:12px;
    line-height:1.5;
}


/* ---------------------------------------------------------
   MOBILE — TOOL FIRST VIEW
   --------------------------------------------------------- */

@media(max-width:760px){

    .pc-translink-page{
        padding:10px 8px 0;
    }

    .pc-translink-breadcrumb{
        margin-bottom:8px;
        font-size:12px;
    }

    .pc-translink-planner{
        padding:16px 13px;
        border-radius:15px;
    }

    .pc-translink-topline{
        margin-bottom:14px;
    }

    .pc-translink-title h1{
        font-size:25px;
    }

    .pc-translink-title p{
        font-size:13px;
    }

    .pc-translink-live{
        display:none;
    }

    .pc-translink-route{
        grid-template-columns:1fr;
        gap:7px;
    }

    .pc-translink-input{
        height:54px;
        font-size:15px;
    }

    .pc-translink-swap{
        width:38px;
        height:38px;
        margin:-2px auto;
        transform:rotate(90deg);
    }

    .pc-translink-options{
        grid-template-columns:1fr;
        gap:13px;
        margin-top:13px;
    }

    .pc-translink-mode{
        min-height:40px;
        font-size:13px;
    }

    .pc-translink-submit-row{
        display:block;
        margin-top:14px;
    }

    .pc-translink-submit{
        width:100%;
    }

    .pc-translink-note{
        margin-top:7px;
        text-align:center;
    }

    .pc-translink-tools{
        grid-template-columns:1fr;
        gap:7px;
        margin-top:8px;
    }

    .pc-translink-tool{
        min-height:67px;
        padding:13px 15px;
    }

    .pc-translink-seo{
        margin-top:24px;
        padding-top:24px;
    }

    .pc-translink-seo-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .pc-translink-seo h2{
        font-size:22px;
    }
}


/* PC-TRANSLINK-DEPARTURES-START */

.pc-translink-departures{
    padding:24px;
    border:1px solid #deded9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 26px rgba(0,0,0,.045);
}

.pc-departure-search{
    margin:0;
}

.pc-departure-main{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
}

.pc-departure-submit{
    min-width:185px;
    height:58px;
}

.pc-departure-options{
    width:min(410px,100%);
    margin-top:15px;
}

.pc-departure-modes{
    grid-template-columns:repeat(3,1fr);
}

.pc-departure-results{
    margin-top:12px;
    padding:22px 24px;
    border:1px solid #deded9;
    border-radius:16px;
    background:#fff;
}

.pc-departure-results-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    padding-bottom:15px;
    border-bottom:1px solid #ecece8;
}

.pc-departure-kicker{
    display:block;
    margin-bottom:4px;
    color:#777;
    font-size:11px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.pc-departure-results h2{
    margin:0;
    color:#171717;
    font-size:23px;
    line-height:1.15;
    letter-spacing:-.025em;
}

.pc-departure-updated{
    padding:6px 9px;
    border-radius:999px;
    background:#edf7f0;
    color:#166d43;
    font-size:11px;
    font-weight:850;
}

.pc-departure-empty{
    padding:35px 15px 22px;
    text-align:center;
}

.pc-departure-empty strong{
    display:block;
    margin-bottom:5px;
    color:#252525;
    font-size:16px;
}

.pc-departure-empty span{
    display:block;
    color:#777;
    font-size:13px;
    line-height:1.5;
}

.pc-translink-tools--departures{
    margin-top:12px;
}


@media(max-width:760px){

    .pc-translink-departures{
        padding:16px 13px;
        border-radius:15px;
    }

    .pc-departure-main{
        grid-template-columns:1fr;
    }

    .pc-departure-submit{
        width:100%;
        min-width:0;
        height:52px;
    }

    .pc-departure-options{
        width:100%;
        margin-top:13px;
    }

    .pc-departure-results{
        margin-top:8px;
        padding:17px 14px;
        border-radius:14px;
    }

    .pc-departure-empty{
        padding:27px 8px 14px;
    }

}

/* PC-TRANSLINK-DEPARTURES-END */



/* =========================================================
   TRANSLINK STATIONS & STOPS
   ========================================================= */

.pc-station-search-card{
    padding:24px;
    border:1px solid #deded9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 26px rgba(0,0,0,.045);
}

.pc-station-search-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
}

.pc-station-submit{
    min-width:180px;
    height:58px;
}

.pc-station-filter-wrap{
    width:min(410px,100%);
    margin-top:15px;
}

.pc-station-modes{
    grid-template-columns:repeat(3,1fr);
}

.pc-station-results{
    margin-top:12px;
    padding:22px 24px;
    border:1px solid #deded9;
    border-radius:16px;
    background:#fff;
}

.pc-station-results-head{
    padding-bottom:15px;
    border-bottom:1px solid #ecece8;
}

.pc-station-results h2{
    margin:0;
    color:#171717;
    font-size:23px;
    line-height:1.15;
    letter-spacing:-.025em;
}

.pc-station-empty{
    padding:35px 15px 22px;
    text-align:center;
}

.pc-station-empty strong{
    display:block;
    margin-bottom:5px;
    color:#252525;
    font-size:16px;
}

.pc-station-empty span{
    display:block;
    color:#777;
    font-size:13px;
}

.pc-translink-tools--stations{
    margin-top:12px;
}

@media(max-width:760px){

    .pc-station-search-card{
        padding:16px 13px;
        border-radius:15px;
    }

    .pc-station-search-row{
        grid-template-columns:1fr;
    }

    .pc-station-submit{
        width:100%;
        min-width:0;
        height:52px;
    }

    .pc-station-filter-wrap{
        width:100%;
        margin-top:13px;
    }

    .pc-station-results{
        margin-top:8px;
        padding:17px 14px;
    }

    .pc-station-empty{
        padding:27px 8px 14px;
    }
}


/* PC-TRANSLINK-SERVICE-UPDATES-START */

.pc-update-main{
    padding:24px;
    border:1px solid #deded9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 26px rgba(0,0,0,.045);
}

.pc-update-search-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
}

.pc-update-submit{
    min-width:180px;
    height:58px;
}

.pc-update-filter-wrap{
    width:min(410px,100%);
    margin-top:15px;
}

.pc-update-modes{
    grid-template-columns:repeat(3,1fr);
}

.pc-update-results{
    margin-top:12px;
    padding:22px 24px;
    border:1px solid #deded9;
    border-radius:16px;
    background:#fff;
}

.pc-update-results-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding-bottom:15px;
    border-bottom:1px solid #ecece8;
}

.pc-update-kicker{
    display:block;
    margin-bottom:4px;
    color:#777;
    font-size:11px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.pc-update-results h2{
    margin:0;
    color:#171717;
    font-size:23px;
    line-height:1.15;
    letter-spacing:-.025em;
}

.pc-update-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:999px;
    background:#f3f1ec;
    color:#666;
    font-size:11px;
    font-weight:800;
}

.pc-update-status::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#888;
}

.pc-update-empty{
    padding:35px 15px 22px;
    text-align:center;
}

.pc-update-empty strong{
    display:block;
    margin-bottom:5px;
    color:#252525;
    font-size:16px;
}

.pc-update-empty span{
    display:block;
    color:#777;
    font-size:13px;
    line-height:1.5;
}

.pc-translink-tools--updates{
    margin-top:12px;
}


@media(max-width:760px){

    .pc-update-main{
        padding:16px 13px;
        border-radius:15px;
    }

    .pc-update-search-row{
        grid-template-columns:1fr;
    }

    .pc-update-submit{
        width:100%;
        min-width:0;
        height:52px;
    }

    .pc-update-filter-wrap{
        width:100%;
        margin-top:13px;
    }

    .pc-update-results{
        margin-top:8px;
        padding:17px 14px;
    }

    .pc-update-results-head{
        gap:10px;
    }

    .pc-update-status{
        display:none;
    }

    .pc-update-empty{
        padding:27px 8px 14px;
    }

}

/* PC-TRANSLINK-SERVICE-UPDATES-END */



/* =========================================================
   TRANSLINK LOCATION SEARCH / AUTOCOMPLETE
   ========================================================= */

.pc-translink-autocomplete-wrap{
    position:relative;
}

.pc-translink-suggestions{
    position:absolute;
    z-index:100;
    left:0;
    right:0;
    top:calc(100% + 6px);

    overflow:hidden;

    border:1px solid #d9d9d4;
    border-radius:13px;

    background:#fff;

    box-shadow:
        0 14px 34px
        rgba(0,0,0,.13);
}

.pc-translink-suggestions[hidden]{
    display:none!important;
}

.pc-translink-suggestion{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:11px 13px;

    border:0;
    border-bottom:1px solid #eeeeea;

    background:#fff;

    color:#171717;

    text-align:left;

    cursor:pointer;
}

.pc-translink-suggestion:last-child{
    border-bottom:0;
}

.pc-translink-suggestion:hover,
.pc-translink-suggestion.is-active{
    background:#f6f4ef;
}

.pc-translink-suggestion-main{
    min-width:0;
}

.pc-translink-suggestion strong{
    display:block;

    overflow:hidden;

    color:#171717;

    font-size:14px;
    font-weight:850;

    line-height:1.3;

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

.pc-translink-suggestion small{
    display:block;

    margin-top:2px;

    color:#747474;

    font-size:12px;

    line-height:1.3;
}

.pc-translink-suggestion em{
    flex:0 0 auto;

    padding:5px 8px;

    border-radius:999px;

    background:#f0eee8;

    color:#555;

    font-size:11px;
    font-style:normal;
    font-weight:850;
}

.pc-translink-suggestion-empty{
    padding:15px;

    color:#737373;

    font-size:13px;

    text-align:center;
}


/* Station search results */

.pc-translink-location-results{
    display:grid;

    gap:8px;

    text-align:left;
}

.pc-translink-location-result{
    display:grid;

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

    align-items:center;

    gap:12px;

    padding:13px 14px;

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

    background:#fff;
}

.pc-translink-location-result strong{
    display:block;

    margin:0;

    color:#171717;

    font-size:14px;
}

.pc-translink-location-result span{
    display:block;

    margin-top:2px;

    color:#737373;

    font-size:12px;
}

.pc-translink-location-result > em{
    padding:5px 8px;

    border-radius:999px;

    background:#f1efe9;

    color:#555;

    font-size:11px;
    font-style:normal;
    font-weight:850;
}

.pc-translink-location-actions{
    display:flex;

    gap:6px;
}

.pc-translink-location-actions a{
    display:inline-flex;

    align-items:center;

    min-height:34px;

    padding:0 10px;

    border-radius:8px;

    background:#171717;

    color:#fff!important;

    font-size:11px;
    font-weight:850;

    text-decoration:none!important;
}

.pc-translink-location-loading{
    padding:20px;

    color:#737373;

    text-align:center;
}


@media(max-width:700px){

    .pc-translink-location-result{
        grid-template-columns:
            minmax(0,1fr)
            auto;
    }

    .pc-translink-location-actions{
        grid-column:1 / -1;
    }

    .pc-translink-location-actions a{
        flex:1;

        justify-content:center;
    }
}



/* =========================================================
   TRANSLINK STATION GUIDE
   ========================================================= */

.pc-station-guide-main{
    padding:22px 24px;
    border:1px solid #deded9;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 26px rgba(0,0,0,.045);
}

.pc-station-guide-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.pc-station-guide-kicker{
    display:block;
    margin-bottom:5px;
    color:#777;
    font-size:11px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.pc-station-guide-heading h1{
    margin:0 0 6px;
    color:#171717;
    font-size:30px;
    line-height:1.08;
    letter-spacing:-.035em;
}

.pc-station-guide-heading p{
    margin:0;
    max-width:720px;
    color:#666;
    font-size:14px;
    line-height:1.5;
}

.pc-station-guide-type{
    flex:0 0 auto;
    padding:7px 10px;
    border-radius:999px;
    background:#f0eee8;
    color:#555;
    font-size:11px;
    font-weight:850;
}

.pc-station-guide-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

.pc-station-guide-actions a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:0 14px;
    border:1px solid #d8d8d3;
    border-radius:10px;
    background:#fff;
    color:#171717;
    font-size:13px;
    font-weight:850;
    text-decoration:none;
}

.pc-station-guide-actions .pc-station-guide-primary{
    border-color:#171717;
    background:#171717;
    color:#fff;
}

.pc-station-guide-facts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-top:10px;
}

.pc-station-guide-facts article{
    padding:16px;
    border:1px solid #deded9;
    border-radius:13px;
    background:#fff;
}

.pc-station-guide-facts span{
    display:block;
    margin-bottom:4px;
    color:#777;
    font-size:11px;
}

.pc-station-guide-facts strong{
    display:block;
    color:#171717;
    font-size:15px;
}

.pc-station-guide-card{
    margin-top:10px;
    padding:20px;
    border:1px solid #deded9;
    border-radius:15px;
    background:#fff;
}

.pc-station-guide-card-head h2{
    margin:0;
    color:#171717;
    font-size:22px;
    letter-spacing:-.025em;
}

.pc-station-route-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    margin-top:15px;
}

.pc-station-route-grid > div{
    padding:13px;
    border-radius:10px;
    background:#f6f4ef;
}

.pc-station-route-grid strong{
    display:block;
    color:#171717;
    font-size:13px;
}

.pc-station-route-grid span{
    display:block;
    margin-top:3px;
    color:#777;
    font-size:11px;
}

.pc-station-facilities{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
}

.pc-station-facilities span{
    padding:8px 10px;
    border:1px solid #dfdfda;
    border-radius:999px;
    background:#f8f7f3;
    color:#555;
    font-size:12px;
    font-weight:750;
}

.pc-station-guide-tools{
    margin-top:10px;
}


@media(max-width:760px){

    .pc-station-guide-main{
        padding:16px 13px;
    }

    .pc-station-guide-heading{
        display:block;
    }

    .pc-station-guide-heading h1{
        font-size:25px;
    }

    .pc-station-guide-type{
        display:inline-flex;
        margin-top:10px;
    }

    .pc-station-guide-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .pc-station-guide-actions a{
        justify-content:center;
    }

    .pc-station-guide-facts{
        grid-template-columns:1fr 1fr;
        gap:7px;
    }

    .pc-station-route-grid{
        grid-template-columns:1fr 1fr;
    }
}



/* =========================================================
   TRANSLINK SCHEDULED RAIL DEPARTURES
   ========================================================= */

.pc-rail-schedule-note{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin-bottom:12px;
    padding:11px 13px;
    border-radius:10px;
    background:#f4f1e9;
    text-align:left;
}

.pc-rail-schedule-note strong{
    flex:0 0 auto;
    margin:0;
    color:#252525;
    font-size:12px;
}

.pc-rail-schedule-note span{
    color:#6b6860;
    font-size:12px;
    line-height:1.45;
}

.pc-rail-departure-list{
    display:grid;
    gap:7px;
}

.pc-rail-departure-row{
    display:grid;
    grid-template-columns:74px minmax(0,1fr) auto;
    align-items:center;
    gap:15px;
    padding:14px;
    border:1px solid #e1e1dc;
    border-radius:11px;
    background:#fff;
    text-align:left;
}

.pc-rail-departure-row time{
    color:#171717;
    font-size:21px;
    font-weight:900;
    letter-spacing:-.03em;
}

.pc-rail-departure-main strong{
    display:block;
    margin:0 0 2px;
    color:#171717;
    font-size:15px;
}

.pc-rail-departure-main span{
    display:block;
    color:#777;
    font-size:12px;
}

.pc-rail-platform{
    padding:6px 9px;
    border-radius:999px;
    background:#f1efe9;
    color:#555;
    font-size:11px;
    font-weight:850;
}


@media(max-width:600px){

    .pc-rail-departure-row{
        grid-template-columns:62px minmax(0,1fr);
        gap:10px;
    }

    .pc-rail-departure-row time{
        font-size:19px;
    }

    .pc-rail-platform{
        grid-column:2;
        justify-self:start;
    }

    .pc-rail-schedule-note{
        display:block;
    }

    .pc-rail-schedule-note span{
        display:block;
        margin-top:4px;
    }
}