* { box-sizing:border-box; }

html { scroll-behavior:smooth; }

body.jpj-compare-body {
    margin:0;
    background:#f7f9fc;
    color:#17243a;
    font-family:Arial,Helvetica,sans-serif;
}

.jpj-compare-container {
    width:min(1240px,calc(100% - 42px));
    margin:0 auto;
}

.jpj-compare-devbar {
    background:#071f66;
    color:#fff;
    font-size:11px;
}

.jpj-compare-devbar-inner {
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.jpj-compare-devbar strong { color:#ff851b; }

.jpj-compare-devbar a {
    color:#fff;
    font-weight:800;
    text-decoration:none;
}

.jpj-compare-header {
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #e4e9f0;
    backdrop-filter:blur(12px);
}

.jpj-compare-header-inner {
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.jpj-compare-brand img {
    display:block;
    width:auto;
    max-width:260px;
    max-height:62px;
}

.jpj-compare-header nav {
    display:flex;
    align-items:center;
    gap:8px;
}

.jpj-compare-header nav a {
    padding:11px 12px;
    border-radius:10px;
    color:#303a4d;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.jpj-compare-header nav a.is-active {
    background:#fff1e5;
    color:#071f66;
    box-shadow:inset 0 -3px 0 #ff851b;
}

.jpj-compare-hero {
    overflow:hidden;
    background:
        radial-gradient(circle at 83% 30%,rgba(255,126,20,.20),transparent 20%),
        radial-gradient(circle at 100% 100%,rgba(48,118,255,.28),transparent 30%),
        linear-gradient(135deg,#071f66 0%,#0c2e88 100%);
    color:#fff;
}

.jpj-compare-hero-grid {
    min-height:360px;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:42px;
    align-items:center;
    padding-top:50px;
    padding-bottom:50px;
}

.jpj-compare-eyebrow {
    color:#ff851b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em;
}

.jpj-compare-hero h1 {
    max-width:780px;
    margin:12px 0 18px;
    color:#fff;
    font-size:clamp(42px,5.5vw,72px);
    line-height:.98;
    letter-spacing:-.055em;
}

.jpj-compare-hero p {
    max-width:700px;
    margin:0;
    color:#d9e4fa;
    font-size:17px;
    line-height:1.65;
}

.jpj-compare-hero-card {
    padding:27px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:24px;
    background:rgba(255,255,255,.12);
    box-shadow:0 20px 50px rgba(1,10,42,.22);
    backdrop-filter:blur(10px);
}

.jpj-compare-hero-card span,
.jpj-compare-hero-card strong,
.jpj-compare-hero-card small {
    display:block;
}

.jpj-compare-hero-card span {
    color:#ffb16d;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.jpj-compare-hero-card strong {
    margin-top:10px;
    font-size:28px;
}

.jpj-compare-hero-card small {
    margin-top:9px;
    color:#d9e4fa;
    font-size:11px;
    line-height:1.55;
}

.jpj-compare-picker-section,
.jpj-compare-results-section {
    padding:54px 0;
}

.jpj-compare-section-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.jpj-compare-section-head h2 {
    margin:7px 0 7px;
    color:#071f66;
    font-size:34px;
    letter-spacing:-.04em;
}

.jpj-compare-section-head p {
    margin:0;
    color:#68778d;
    font-size:13px;
}

.jpj-selection-counter {
    display:inline-flex;
    align-items:baseline;
    gap:4px;
    padding:10px 13px;
    border:1px solid #d8e5f7;
    border-radius:999px;
    background:#fff;
    color:#516178;
    font-size:10px;
    font-weight:800;
}

.jpj-selection-counter strong {
    color:#1553b8;
    font-size:18px;
}

.jpj-compare-picker-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px;
}

.jpj-compare-pick-card {
    position:relative;
    overflow:hidden;
    display:block;
    border:2px solid transparent;
    border-radius:21px;
    background:#fff;
    box-shadow:0 15px 38px rgba(9,30,66,.07);
    cursor:pointer;
    transition:.18s ease;
}

.jpj-compare-pick-card:hover {
    transform:translateY(-2px);
    box-shadow:0 20px 42px rgba(9,30,66,.10);
}

.jpj-compare-pick-card.is-selected {
    border-color:#2f7bf4;
    box-shadow:0 0 0 4px rgba(47,123,244,.09),0 18px 42px rgba(9,30,66,.08);
}

.jpj-compare-pick-card input {
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.jpj-compare-checkmark {
    position:absolute;
    top:13px;
    right:13px;
    z-index:4;
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    background:rgba(7,31,102,.70);
    color:#fff;
    opacity:.55;
    font-weight:900;
}

.jpj-compare-pick-card.is-selected .jpj-compare-checkmark {
    background:#2f7bf4;
    opacity:1;
}

.jpj-compare-pick-media {
    position:relative;
    display:block;
    height:220px;
    overflow:hidden;
    background:#e9eef5;
}

.jpj-compare-pick-media img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.jpj-compare-no-image {
    height:100%;
    display:grid;
    place-items:center;
    color:#071f66;
    font-size:36px;
    font-weight:900;
    font-style:italic;
}

.jpj-compare-status {
    position:absolute;
    left:13px;
    bottom:13px;
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:0 9px;
    border-radius:999px;
    background:#ecf9f0;
    color:#108344;
    font-size:9px;
    font-weight:900;
    box-shadow:0 7px 16px rgba(0,0,0,.07);
}

.jpj-compare-status.is-reserved {
    background:#fff0df;
    color:#a85600;
}

.jpj-compare-status.is-sold {
    background:#ffe9ed;
    color:#b81d31;
}

.jpj-compare-pick-content {
    display:block;
    padding:19px;
}

.jpj-compare-pick-content > small {
    display:block;
    color:#7b899c;
    font-size:9px;
    font-weight:800;
}

.jpj-compare-pick-content > strong {
    display:block;
    min-height:48px;
    margin-top:7px;
    color:#071f66;
    font-size:19px;
    line-height:1.25;
}

.jpj-compare-pick-facts {
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #edf0f4;
}

.jpj-compare-pick-facts b {
    color:#071f66;
    font-size:17px;
}

.jpj-compare-pick-facts em {
    color:#68778d;
    font-size:10px;
    font-style:normal;
    font-weight:700;
}

.jpj-compare-picker-actions {
    position:sticky;
    bottom:12px;
    z-index:20;
    width:max-content;
    max-width:100%;
    display:flex;
    gap:10px;
    align-items:center;
    margin:26px auto 0;
    padding:9px;
    border:1px solid #dfe5ee;
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:0 15px 36px rgba(9,30,66,.14);
    backdrop-filter:blur(12px);
}

.jpj-compare-primary {
    min-height:46px;
    padding:0 20px;
    border:0;
    border-radius:11px;
    background:linear-gradient(135deg,#ef233c,#d71930);
    color:#fff;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
}

.jpj-compare-primary:disabled {
    opacity:.38;
    cursor:not-allowed;
}

.jpj-compare-picker-actions a,
.jpj-change-selection {
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 12px;
    border:1px solid #dce3ec;
    border-radius:10px;
    background:#fff;
    color:#33435a;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}

.jpj-compare-results-section {
    background:#fff;
    border-top:1px solid #e8ecf2;
    border-bottom:1px solid #e8ecf2;
}

.jpj-compare-table-wrap {
    overflow-x:auto;
    padding-bottom:8px;
}

.jpj-compare-table {
    --jpj-columns:2;
    min-width:max(900px,calc(260px + (var(--jpj-columns) * 300px)));
    display:grid;
    grid-template-columns:220px repeat(var(--jpj-columns),minmax(280px,1fr));
    border:1px solid #dfe6ef;
    border-radius:20px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 48px rgba(9,30,66,.07);
}

.jpj-compare-table > * {
    min-width:0;
    border-right:1px solid #e7ebf1;
    border-bottom:1px solid #e7ebf1;
}

.jpj-compare-table > *:nth-child(calc(var(--jpj-columns) + 1)n) {
    border-right:0;
}

.jpj-compare-table-label {
    display:flex;
    align-items:center;
    min-height:66px;
    padding:16px;
    background:#f7f9fc;
    color:#526177;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.jpj-compare-table-label.is-top {
    align-items:flex-start;
    padding-top:24px;
}

.jpj-compare-table-label.is-different {
    background:#fff8f0;
    color:#b85b0a;
}

.jpj-compare-value {
    display:flex;
    align-items:center;
    min-height:66px;
    padding:16px 18px;
    color:#24344c;
    font-size:12px;
    font-weight:800;
}

.jpj-compare-value.is-different {
    background:#fffdf9;
}

.jpj-compare-vehicle-head {
    padding:16px;
    background:#fff;
}

.jpj-compare-vehicle-photo {
    position:relative;
    height:180px;
    overflow:hidden;
    border-radius:15px;
    background:#e9eef5;
}

.jpj-compare-vehicle-photo img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.jpj-compare-vehicle-photo > span:not(.jpj-compare-status) {
    height:100%;
    display:grid;
    place-items:center;
    color:#071f66;
    font-size:30px;
    font-weight:900;
}

.jpj-compare-vehicle-head h3 {
    margin:14px 0 7px;
    color:#071f66;
    font-size:18px;
    line-height:1.2;
}

.jpj-compare-price {
    color:#071f66;
    font-size:22px;
}

.jpj-compare-head-actions {
    display:flex;
    gap:7px;
    margin-top:13px;
}

.jpj-compare-head-actions a {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 9px;
    border:1px solid #d8e0ea;
    border-radius:9px;
    color:#071f66;
    font-size:9px;
    font-weight:900;
    text-decoration:none;
}

.jpj-compare-head-actions a.is-primary {
    border-color:#ef233c;
    background:#ef233c;
    color:#fff;
}

.jpj-compare-table-label.is-features,
.jpj-compare-feature-cell {
    min-height:150px;
}

.jpj-compare-feature-cell {
    padding:14px;
}

.jpj-compare-feature-list {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.jpj-compare-feature-list span {
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:0 8px;
    border:1px solid #cfeeda;
    border-radius:999px;
    background:#f0fbf4;
    color:#26704a;
    font-size:9px;
    font-weight:800;
}

.jpj-compare-muted {
    color:#8994a5;
    font-size:10px;
}

.jpj-compare-empty {
    padding:42px 24px;
    border:1px dashed #ccd5e1;
    border-radius:18px;
    background:#fff;
    text-align:center;
}

.jpj-compare-empty h3 {
    margin:0 0 7px;
    color:#071f66;
    font-size:22px;
}

.jpj-compare-empty p {
    color:#68778d;
}

.jpj-compare-empty a {
    display:inline-flex;
    margin-top:10px;
    padding:11px 14px;
    border-radius:10px;
    background:#ef233c;
    color:#fff;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}

.jpj-compare-bridge-note {
    padding:36px 0 48px;
}

.jpj-compare-bridge-note .jpj-compare-container {
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center;
    padding:20px;
    border:1px solid #ffd9b9;
    border-radius:18px;
    background:#fff8f1;
}

.jpj-compare-bridge-note span {
    display:inline-flex;
    padding:5px 8px;
    border-radius:999px;
    background:#ff851b;
    color:#fff;
    font-size:9px;
    font-weight:900;
}

.jpj-compare-bridge-note strong {
    display:block;
    margin-top:7px;
    color:#071f66;
    font-size:14px;
}

.jpj-compare-bridge-note p {
    max-width:780px;
    margin:4px 0 0;
    color:#68778d;
    font-size:10px;
    line-height:1.55;
}

.jpj-compare-bridge-note a {
    flex:0 0 auto;
    color:#071f66;
    font-size:10px;
    font-weight:900;
}

.jpj-compare-footer {
    border-top:5px solid #ff851b;
    background:#071f66;
    color:#fff;
}

.jpj-compare-footer .jpj-compare-container {
    min-height:170px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.jpj-compare-footer strong,
.jpj-compare-footer span,
.jpj-compare-footer a {
    display:block;
}

.jpj-compare-footer strong {
    font-size:18px;
}

.jpj-compare-footer span {
    margin-top:8px;
    color:#b9c6df;
    font-size:11px;
}

.jpj-compare-footer a {
    color:#fff;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
}

.jpj-compare-footer a + a { margin-top:7px; }

@media(max-width:900px) {
    .jpj-compare-hero-grid {
        grid-template-columns:1fr;
        gap:25px;
    }

    .jpj-compare-hero-card {
        max-width:560px;
    }

    .jpj-compare-picker-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px) {
    .jpj-compare-container {
        width:min(100% - 28px,1240px);
    }

    .jpj-compare-devbar-inner {
        align-items:flex-start;
        flex-direction:column;
        padding:10px 0;
    }

    .jpj-compare-header {
        position:static;
    }

    .jpj-compare-header-inner {
        min-height:auto;
        align-items:flex-start;
        flex-direction:column;
        padding-top:15px;
        padding-bottom:12px;
    }

    .jpj-compare-brand {
        display:flex;
        width:100%;
        align-items:center;
        justify-content:center;
        margin:0 auto;
    }

    .jpj-compare-brand img {
        max-width:245px;
        max-height:72px;
        margin-left:auto;
        margin-right:auto;
    }

    .jpj-compare-header nav {
        width:100%;
        overflow-x:auto;
        padding-bottom:3px;
    }

    .jpj-compare-header nav a {
        white-space:nowrap;
    }

    .jpj-compare-hero-grid {
        min-height:auto;
        padding-top:44px;
        padding-bottom:44px;
    }

    .jpj-compare-hero h1 {
        font-size:46px;
    }

    .jpj-compare-hero p {
        font-size:15px;
    }

    .jpj-compare-picker-section,
    .jpj-compare-results-section {
        padding:42px 0;
    }

    .jpj-compare-section-head {
        align-items:flex-start;
        flex-direction:column;
    }

    .jpj-compare-section-head h2 {
        font-size:30px;
    }

    .jpj-compare-picker-grid {
        grid-template-columns:1fr;
    }

    .jpj-compare-pick-media {
        height:260px;
    }

    .jpj-compare-picker-actions {
        width:100%;
        bottom:8px;
        display:grid;
        grid-template-columns:1fr auto;
    }

    .jpj-compare-primary {
        width:100%;
    }

    .jpj-compare-table {
        grid-template-columns:150px repeat(var(--jpj-columns),260px);
        min-width:calc(150px + (var(--jpj-columns) * 260px));
    }

    .jpj-compare-table-label {
        position:sticky;
        left:0;
        z-index:3;
        padding:12px 10px;
        box-shadow:3px 0 8px rgba(9,30,66,.04);
    }

    .jpj-compare-table-label.is-top {
        z-index:6;
    }

    .jpj-compare-vehicle-photo {
        height:145px;
    }

    .jpj-compare-vehicle-head h3 {
        font-size:16px;
    }

    .jpj-compare-bridge-note .jpj-compare-container,
    .jpj-compare-footer .jpj-compare-container {
        align-items:flex-start;
        flex-direction:column;
    }

    .jpj-compare-footer .jpj-compare-container {
        min-height:auto;
        padding-top:34px;
        padding-bottom:34px;
    }
}

@media(max-width:390px) {
    .jpj-compare-hero h1 {
        font-size:40px;
    }

    .jpj-compare-picker-actions {
        grid-template-columns:1fr;
    }

    .jpj-compare-picker-actions a {
        justify-content:center;
    }
}


/* v0.8.5 mobile navigation fit polish */
@media(max-width:520px){
    .jpj-compare-header nav{
        gap:2px;
        overflow:visible;
        justify-content:space-between;
        padding-bottom:0;
    }
    .jpj-compare-header nav a{
        flex:0 1 auto;
        min-width:0;
        padding:9px 5px;
        font-size:11.5px;
        white-space:nowrap;
    }
}


/* v0.8.9.7 — Dedicated Mobile Comparison Cards */
.jpj-compare-mobile-list{
    display:none;
}

@media(max-width:680px){
    .jpj-compare-results-section .jpj-compare-container{
        width:min(calc(100% - 20px),1240px);
    }

    .jpj-compare-results-section .jpj-compare-section-head{
        margin-bottom:18px;
    }

    .jpj-compare-results-section .jpj-compare-section-head h2{
        max-width:100%;
        font-size:30px;
        line-height:1.05;
        overflow-wrap:anywhere;
    }

    .jpj-compare-results-section .jpj-compare-section-head p{
        max-width:100%;
        line-height:1.55;
    }

    .jpj-compare-table-wrap{
        display:none;
    }

    .jpj-compare-mobile-list{
        display:grid;
        gap:18px;
    }

    .jpj-compare-mobile-card{
        min-width:0;
        overflow:hidden;
        border:1px solid #dfe6ef;
        border-radius:20px;
        background:#fff;
        box-shadow:0 14px 34px rgba(9,30,66,.08);
    }

    .jpj-compare-mobile-card-topline{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        padding:12px 14px;
        border-bottom:1px solid #edf0f4;
        background:#f7f9fc;
        color:#64748b;
        font-size:9px;
        font-weight:900;
        letter-spacing:.04em;
        text-transform:uppercase;
    }

    .jpj-compare-mobile-media{
        position:relative;
        width:100%;
        aspect-ratio:4 / 3;
        overflow:hidden;
        background:#f3f6fa;
    }

    .jpj-compare-mobile-media img{
        display:block;
        width:100%;
        height:100%;
        object-fit:contain;
        object-position:center;
    }

    .jpj-compare-mobile-no-image{
        width:100%;
        height:100%;
        display:grid;
        place-items:center;
        color:#071f66;
        font-size:34px;
        font-weight:900;
        font-style:italic;
    }

    .jpj-compare-mobile-media .jpj-compare-status{
        left:12px;
        bottom:12px;
    }

    .jpj-compare-mobile-summary{
        padding:17px 16px 16px;
    }

    .jpj-compare-mobile-summary h3{
        margin:0;
        color:#071f66;
        font-size:22px;
        line-height:1.15;
        letter-spacing:-.025em;
        overflow-wrap:anywhere;
    }

    .jpj-compare-mobile-price{
        display:block;
        margin-top:8px;
        color:#071f66;
        font-size:26px;
        line-height:1;
    }

    .jpj-compare-mobile-actions{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-top:15px;
    }

    .jpj-compare-mobile-actions a{
        min-width:0;
        min-height:46px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:8px 10px;
        border:1px solid #d8e0ea;
        border-radius:11px;
        color:#071f66;
        font-size:10px;
        font-weight:900;
        line-height:1.2;
        text-align:center;
        text-decoration:none;
    }

    .jpj-compare-mobile-actions a.is-primary{
        border-color:#ef233c;
        background:linear-gradient(135deg,#ef233c,#d71930);
        color:#fff;
    }

    .jpj-compare-mobile-actions a:only-child{
        grid-column:1 / -1;
    }

    .jpj-compare-mobile-specs{
        margin:0;
        padding:0 16px 4px;
    }

    .jpj-compare-mobile-spec{
        min-width:0;
        display:grid;
        grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
        gap:12px;
        align-items:center;
        padding:12px 0;
        border-top:1px solid #edf0f4;
    }

    .jpj-compare-mobile-spec.is-different{
        margin-left:-8px;
        margin-right:-8px;
        padding-left:8px;
        padding-right:8px;
        background:#fffaf4;
        border-radius:10px;
    }

    .jpj-compare-mobile-spec dt,
    .jpj-compare-mobile-spec dd{
        min-width:0;
        margin:0;
    }

    .jpj-compare-mobile-spec dt{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        gap:5px;
        color:#65758b;
        font-size:9px;
        font-weight:900;
        letter-spacing:.03em;
        text-transform:uppercase;
    }

    .jpj-compare-mobile-spec dt em{
        display:inline-flex;
        align-items:center;
        min-height:20px;
        padding:0 6px;
        border-radius:999px;
        background:#fff0df;
        color:#a85600;
        font-size:7px;
        font-style:normal;
        letter-spacing:0;
    }

    .jpj-compare-mobile-spec dd{
        color:#23334a;
        font-size:12px;
        font-weight:800;
        line-height:1.35;
        overflow-wrap:anywhere;
        text-align:right;
    }

    .jpj-compare-mobile-features{
        margin:10px 16px 16px;
        padding:15px;
        border:1px solid #e4e9f0;
        border-radius:14px;
        background:#f9fbfd;
    }

    .jpj-compare-mobile-features-head{
        display:flex;
        justify-content:space-between;
        gap:12px;
        align-items:baseline;
        margin-bottom:10px;
    }

    .jpj-compare-mobile-features-head strong{
        color:#071f66;
        font-size:14px;
    }

    .jpj-compare-mobile-features-head span{
        color:#7b899c;
        font-size:9px;
        font-weight:800;
    }

    .jpj-compare-mobile-features .jpj-compare-feature-list{
        gap:6px;
    }

    .jpj-compare-mobile-features .jpj-compare-feature-list span{
        min-height:30px;
        max-width:100%;
        padding:6px 8px;
        white-space:normal;
        line-height:1.25;
        overflow-wrap:anywhere;
    }
}

@media(max-width:360px){
    .jpj-compare-mobile-summary{
        padding-left:13px;
        padding-right:13px;
    }

    .jpj-compare-mobile-summary h3{
        font-size:20px;
    }

    .jpj-compare-mobile-specs{
        padding-left:13px;
        padding-right:13px;
    }

    .jpj-compare-mobile-spec{
        grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
        gap:8px;
    }

    .jpj-compare-mobile-features{
        margin-left:13px;
        margin-right:13px;
    }
}


/* v0.9.6.7 — premium secondary CTA uplift */

.jpj-compare-head-actions a,
.jpj-compare-mobile-actions a{
    position:relative;
    overflow:hidden;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}

.jpj-compare-head-actions a:not(.is-primary),
.jpj-compare-mobile-actions a:not(.is-primary){
    gap:10px;
    border-width:1.5px;
    border-color:#dbe3ee;
    background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
    box-shadow:0 10px 24px rgba(7,31,102,.08), inset 0 1px 0 rgba(255,255,255,.92);
    color:#071f66;
}

.jpj-compare-head-actions a:not(.is-primary)::before,
.jpj-compare-mobile-actions a:not(.is-primary)::before{
    content:"→";
    display:inline-grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:9px;
    background:linear-gradient(135deg,#ef233c,#d71930);
    color:#fff;
    font-size:14px;
    font-weight:900;
    box-shadow:0 8px 16px rgba(239,35,60,.22);
    flex:0 0 26px;
}

.jpj-compare-head-actions a:not(.is-primary):hover,
.jpj-compare-mobile-actions a:not(.is-primary):hover{
    transform:translateY(-1px);
    border-color:#f0a3ae;
    box-shadow:0 14px 28px rgba(7,31,102,.12), inset 0 1px 0 rgba(255,255,255,.92);
}

.jpj-compare-head-actions a.is-primary,
.jpj-compare-mobile-actions a.is-primary{
    box-shadow:0 12px 24px rgba(239,35,60,.20);
}


/* v0.9.6.9 — true side-by-side mobile comparison matrix */

.jpj-compare-mobile-matrix{display:none}

@media(max-width:680px){
    .jpj-compare-mobile-list{display:none!important}
    .jpj-compare-mobile-matrix{
        display:block;
        width:100%;
        min-width:0;
    }

    .jpj-compare-mobile-vehicles{
        display:grid;
        grid-template-columns:repeat(var(--jpj-mobile-columns),minmax(0,1fr));
        gap:10px;
        align-items:stretch;
        margin-bottom:14px;
    }

    .jpj-compare-mobile-vehicle{
        min-width:0;
        overflow:hidden;
        border:1px solid #dfe6ef;
        border-radius:18px;
        background:#fff;
        box-shadow:0 12px 30px rgba(9,30,66,.08);
    }

    .jpj-compare-mobile-vehicle-media{
        position:relative;
        aspect-ratio:16 / 10;
        overflow:hidden;
        background:#f3f6fa;
    }

    .jpj-compare-mobile-vehicle-media img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    .jpj-compare-mobile-vehicle-media .jpj-compare-status{
        left:9px;
        bottom:9px;
        padding:5px 8px;
        font-size:7px;
    }

    .jpj-compare-mobile-vehicle-body{
        padding:12px 11px 11px;
    }

    .jpj-compare-mobile-vehicle-number{
        display:block;
        margin-bottom:5px;
        color:#8a96a7;
        font-size:7px;
        font-weight:900;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .jpj-compare-mobile-vehicle-body h3{
        display:-webkit-box;
        min-height:36px;
        margin:0;
        overflow:hidden;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        color:#071f66;
        font-size:15px;
        line-height:1.18;
        letter-spacing:-.02em;
        overflow-wrap:anywhere;
    }

    .jpj-compare-mobile-vehicle-body>strong{
        display:block;
        margin-top:7px;
        color:#071f66;
        font-size:20px;
        line-height:1;
        letter-spacing:-.03em;
    }

    .jpj-compare-mobile-vehicle-actions{
        display:grid;
        gap:7px;
        margin-top:11px;
    }

    .jpj-compare-mobile-vehicle-actions a{
        display:flex;
        align-items:center;
        justify-content:center;
        min-width:0;
        min-height:39px;
        padding:7px 6px;
        border-radius:11px;
        font-size:8.5px;
        font-weight:900;
        line-height:1.15;
        text-align:center;
        text-decoration:none;
    }

    .jpj-compare-mobile-view{
        border:1.5px solid #dbe3ee;
        background:linear-gradient(180deg,#fff 0%,#f7faff 100%);
        color:#071f66;
        box-shadow:0 7px 17px rgba(7,31,102,.07),inset 0 1px 0 rgba(255,255,255,.92);
    }

    .jpj-compare-mobile-drive{
        border:1px solid #ef233c;
        background:linear-gradient(135deg,#ef233c,#d71930);
        color:#fff;
        box-shadow:0 8px 18px rgba(239,35,60,.17);
    }

    .jpj-compare-mobile-matrix-rows{
        overflow:hidden;
        border:1px solid #dfe6ef;
        border-radius:18px;
        background:#fff;
        box-shadow:0 14px 34px rgba(9,30,66,.07);
    }

    .jpj-compare-mobile-matrix-row{
        padding:13px 11px 12px;
        border-bottom:1px solid #e9eef4;
    }

    .jpj-compare-mobile-matrix-row:last-child{
        border-bottom:0;
    }

    .jpj-compare-mobile-matrix-row.is-different{
        background:linear-gradient(90deg,#fffaf2 0%,#fffdf9 50%,#fffaf2 100%);
    }

    .jpj-compare-mobile-matrix-label{
        display:flex;
        align-items:center;
        gap:7px;
        margin-bottom:8px;
        color:#52637a;
    }

    .jpj-compare-mobile-matrix-label>span{
        font-size:8px;
        font-weight:900;
        letter-spacing:.07em;
        text-transform:uppercase;
    }

    .jpj-compare-mobile-matrix-label em{
        display:inline-flex;
        align-items:center;
        min-height:19px;
        padding:0 7px;
        border-radius:999px;
        background:#fff0d8;
        color:#a85600;
        font-size:6.5px;
        font-style:normal;
        font-weight:900;
        letter-spacing:.03em;
        text-transform:uppercase;
    }

    .jpj-compare-mobile-matrix-values{
        display:grid;
        grid-template-columns:repeat(var(--jpj-mobile-columns),minmax(0,1fr));
        gap:8px;
    }

    .jpj-compare-mobile-matrix-value{
        min-width:0;
        padding:10px 9px;
        border:1px solid #e5eaf1;
        border-radius:12px;
        background:#f8fafc;
    }

    .jpj-compare-mobile-matrix-row.is-different .jpj-compare-mobile-matrix-value{
        border-color:#f1dfbf;
        background:#fff;
    }

    .jpj-compare-mobile-matrix-value small{
        display:block;
        margin-bottom:4px;
        color:#93a0b0;
        font-size:6.5px;
        font-weight:900;
        letter-spacing:.04em;
        text-transform:uppercase;
    }

    .jpj-compare-mobile-matrix-value strong{
        display:block;
        min-width:0;
        color:#213149;
        font-size:11px;
        line-height:1.35;
        font-weight:850;
        overflow-wrap:anywhere;
    }

    .jpj-compare-mobile-matrix-row.is-different .jpj-compare-mobile-matrix-value strong{
        color:#071f66;
    }

    .jpj-compare-mobile-feature-value{
        padding:9px 8px;
    }

    .jpj-compare-mobile-feature-chips{
        display:flex;
        flex-direction:column;
        gap:5px;
    }

    .jpj-compare-mobile-feature-chips span{
        display:block;
        padding:6px 7px;
        border-radius:9px;
        background:#eef8f2;
        color:#17683b;
        font-size:8px;
        font-weight:800;
        line-height:1.25;
        overflow-wrap:anywhere;
    }
}

@media(max-width:390px){
    .jpj-compare-mobile-vehicles{gap:7px}
    .jpj-compare-mobile-vehicle-body{padding:10px 8px 9px}
    .jpj-compare-mobile-vehicle-body h3{font-size:13.5px;min-height:33px}
    .jpj-compare-mobile-vehicle-body>strong{font-size:18px}
    .jpj-compare-mobile-vehicle-actions a{min-height:37px;font-size:8px}
    .jpj-compare-mobile-matrix-row{padding:12px 9px 11px}
    .jpj-compare-mobile-matrix-values{gap:6px}
    .jpj-compare-mobile-matrix-value{padding:9px 7px}
    .jpj-compare-mobile-matrix-value strong{font-size:10px}
}

@media(max-width:680px) and (min-width:1px){
    .jpj-compare-mobile-matrix[style*="--jpj-mobile-columns:3"]{
        overflow-x:auto;
        padding-bottom:5px;
        scrollbar-width:thin;
    }
    .jpj-compare-mobile-matrix[style*="--jpj-mobile-columns:3"] .jpj-compare-mobile-vehicles,
    .jpj-compare-mobile-matrix[style*="--jpj-mobile-columns:3"] .jpj-compare-mobile-matrix-rows{
        min-width:520px;
    }
}

/* v0.9.6.9 — Micro-text & accessibility consistency polish
   Comparison matrix readability; matrix architecture remains unchanged. */
.jpj-compare-mobile-card-topline,
.jpj-compare-mobile-spec dt,
.jpj-compare-mobile-features-head span{
    font-size:10.5px;
}

.jpj-compare-mobile-actions a{
    min-height:44px;
    font-size:11px;
}

.jpj-compare-mobile-spec dt em{
    font-size:9px;
}

@media(max-width:680px){
    .jpj-compare-mobile-vehicle-media .jpj-compare-status{
        font-size:9.5px;
    }

    .jpj-compare-mobile-vehicle-number{
        font-size:9.5px;
    }

    .jpj-compare-mobile-vehicle-actions a{
        min-height:44px;
        font-size:10.5px;
    }

    .jpj-compare-mobile-matrix-label > span{
        font-size:10.5px;
        color:#475970;
    }

    .jpj-compare-mobile-matrix-label em{
        min-height:22px;
        font-size:9px;
    }

    .jpj-compare-mobile-matrix-value small{
        font-size:9px;
        color:#6f7f93;
    }

    .jpj-compare-mobile-matrix-value strong{
        font-size:12px;
        line-height:1.4;
    }

    .jpj-compare-mobile-feature-chips span{
        font-size:10.5px;
        line-height:1.35;
    }
}

@media(max-width:390px){
    .jpj-compare-mobile-vehicle-actions a{
        min-height:44px;
        font-size:10.5px;
    }

    .jpj-compare-mobile-matrix-value strong{
        font-size:12px;
    }
}