.pcm-page{
    --ink:#171a1f;
    --muted:#667386;
    --line:#e1e6ec;
    --soft:#f6f8fa;
    --blue:#1769df;
    background:#fff;
    color:var(--ink);
}

.pcm-wrap{
    width:min(1180px,calc(100% - 32px));
    margin:auto;
}

.pcm-hub-hero{
    padding:70px 0 52px;
    border-bottom:1px solid var(--line);
    background:#fafbfd;
}

.pcm-kicker{
    display:block;
    margin-bottom:9px;
    color:#657487;
    font-size:12px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.pcm-hub-hero h1{
    margin:0;
    font-size:clamp(48px,7vw,82px);
    line-height:.95;
    letter-spacing:-.055em;
    font-weight:850;
}

.pcm-hub-hero p{
    max-width:720px;
    margin:20px 0 0;
    color:var(--muted);
    font-size:19px;
    line-height:1.55;
}

.pcm-filter{
    position:sticky;
    top:0;
    z-index:20;
    border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
}

.pcm-filter .pcm-wrap{
    display:flex;
    gap:4px;
    overflow-x:auto;
    padding-top:11px;
    padding-bottom:11px;
}

.pcm-filter a{
    flex:0 0 auto;
    padding:9px 13px;
    border-radius:999px;
    color:#526176;
    text-decoration:none;
    font-size:14px;
    font-weight:750;
}

.pcm-filter a.active{
    background:#172033;
    color:#fff;
}

.pcm-feed{
    padding-top:35px;
    padding-bottom:70px;
}

.pcm-feed-card{
    max-width:920px;
    padding:30px 0;
    border-bottom:1px solid var(--line);
}

.pcm-feed-meta,
.pcm-article-meta{
    display:flex;
    gap:10px;
    align-items:center;
    color:#748195;
    font-size:12px;
    font-weight:750;
}

.pcm-feed-meta span,
.pcm-article-meta span{
    color:#1769df;
    font-weight:900;
    letter-spacing:.05em;
}

.pcm-feed-card h2{
    margin:9px 0 10px;
    font-size:clamp(27px,3.2vw,38px);
    line-height:1.12;
    letter-spacing:-.035em;
}

.pcm-feed-card h2 a{
    color:inherit;
    text-decoration:none;
}

.pcm-feed-card h2 a:hover{
    color:#1769df;
}

.pcm-feed-card p{
    max-width:820px;
    margin:0;
    color:var(--muted);
    font-size:16px;
    line-height:1.62;
}

.pcm-read{
    display:inline-block;
    margin-top:13px;
    color:#1769df;
    text-decoration:none;
    font-weight:800;
}

.pcm-empty{
    padding:70px 20px;
    text-align:center;
}

.pcm-empty strong{
    display:block;
    font-size:25px;
}

.pcm-empty p{
    color:var(--muted);
}

.pcm-pagination{
    margin-top:30px;
}

.pcm-article{
    width:min(900px,calc(100% - 32px));
    margin:0 auto;
    padding:55px 0 65px;
}

.pcm-back{
    display:inline-block;
    margin-bottom:28px;
    color:#5a687b;
    text-decoration:none;
    font-weight:800;
}

.pcm-article-head h1{
    margin:13px 0 17px;
    font-size:clamp(42px,6vw,68px);
    line-height:1.02;
    letter-spacing:-.05em;
    font-weight:850;
}

.pcm-dek{
    max-width:820px;
    margin:0 0 28px;
    color:#5d6c7f;
    font-size:21px;
    line-height:1.55;
}

.pcm-hero-image{
    width:100%;
    max-height:560px;
    margin-top:20px;
    border-radius:15px;
    object-fit:cover;
    display:block;
}

.pcm-credit{
    display:block;
    margin-top:7px;
    color:#7a8797;
}

.pcm-content{
    margin-top:35px;
    color:#293545;
    font-size:18px;
    line-height:1.82;
}

.pcm-content p{
    margin:0 0 23px;
}

.pcm-content h2{
    margin:44px 0 15px;
    color:#171a1f;
    font-size:31px;
    line-height:1.2;
    letter-spacing:-.03em;
}

.pcm-content h3{
    margin:31px 0 12px;
    font-size:23px;
}

.pcm-content ul,
.pcm-content ol{
    margin:0 0 25px;
    padding-left:26px;
}

.pcm-content li{
    margin-bottom:9px;
}

.pcm-content a{
    color:#1769df;
    text-decoration:underline;
    text-underline-offset:3px;
}

.pcm-content blockquote{
    margin:30px 0;
    padding:20px 23px;
    border-left:4px solid #1769df;
    border-radius:0 12px 12px 0;
    background:#f4f7fb;
}

.pcm-content table{
    width:100%;
    margin:28px 0;
    border-collapse:collapse;
    font-size:15px;
}

.pcm-content th,
.pcm-content td{
    padding:11px;
    border:1px solid var(--line);
    text-align:left;
}

.pcm-content th{
    background:#f5f7fa;
}

.pcm-sources,
.pcm-related{
    margin-top:46px;
    padding-top:26px;
    border-top:1px solid var(--line);
}

.pcm-sources h2{
    margin:0 0 14px;
    font-size:23px;
}

.pcm-sources a,
.pcm-related a{
    display:block;
    margin:8px 0;
    color:#1769df;
    text-decoration:none;
    font-weight:700;
}

.pcm-cars{
    width:min(1500px,calc(100% - 32px));
    margin:0 auto;
    padding:55px 0 75px;
    border-top:1px solid var(--line);
}

.pcm-cars-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:30px;
}

.pcm-cars-head h2{
    margin:0;
    font-size:clamp(38px,4.5vw,56px);
    line-height:1;
    letter-spacing:-.04em;
    font-weight:500;
}

.pcm-cars-count{
    padding:10px 15px;
    border-radius:999px;
    background:#f2f4f7;
    color:#667386;
    font-size:13px;
    font-weight:800;
}

.pcm-cars .main_car_card{
    height:100%;
    overflow:hidden;
    border:1px solid #e0e4e8!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
}

@media(max-width:700px){

    .pcm-hub-hero{
        padding:45px 0 35px;
    }

    .pcm-article{
        padding-top:30px;
    }

    .pcm-article-head h1{
        font-size:38px;
    }

    .pcm-dek{
        font-size:18px;
    }

    .pcm-content{
        font-size:17px;
    }

    .pcm-cars{
        width:calc(100% - 20px);
        padding-top:38px;
    }

    .pcm-cars-head h2{
        font-size:34px;
    }
}

/* COMPACT CAR SECTION HEADING */

.pcm-cars{
    padding-top:34px;
    padding-bottom:60px;
}

.pcm-cars-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 18px;
}

.pcm-cars-head .pcm-kicker{
    margin:0 0 5px;
    font-size:11px;
    letter-spacing:.11em;
}

.pcm-cars-head h2{
    margin:0;
    font-size:32px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-.025em;
}

.pcm-cars-count{
    padding:8px 13px;
    font-size:12px;
    white-space:nowrap;
}

@media(max-width:700px){

    .pcm-cars{
        padding-top:26px;
    }

    .pcm-cars-head{
        margin-bottom:15px;
    }

    .pcm-cars-head h2{
        font-size:27px;
    }

}


/* ==========================================================
   PURECAR MOTORING CAR SECTION - FINAL ALIGNMENT
   ========================================================== */

@media (min-width: 901px){

    .pcm-page > .pcm-cars .pcm-cars-head{
        width:100% !important;
        padding-left:64px !important;
        padding-right:64px !important;
        margin:0 0 22px !important;
        box-sizing:border-box !important;
        align-items:flex-end !important;
    }

    .pcm-page > .pcm-cars .pcm-cars-head h2{
        margin:0 !important;
        font-size:30px !important;
        line-height:1.05 !important;
        font-weight:700 !important;
        letter-spacing:-.025em !important;
    }

    .pcm-page > .pcm-cars .pcm-cars-head .pcm-kicker{
        margin:0 0 6px !important;
        font-size:11px !important;
    }

    .pcm-page > .pcm-cars .pcm-cars-count{
        margin:0 !important;
        padding:8px 13px !important;
        font-size:12px !important;
    }

}


@media (max-width: 900px){

    .pcm-page > .pcm-cars .pcm-cars-head{
        padding-left:6px !important;
        padding-right:6px !important;
        margin-bottom:18px !important;
    }

    .pcm-page > .pcm-cars .pcm-cars-head h2{
        font-size:27px !important;
    }

}