/* =========================================================
   JK TRADE Price Board V16.4
   Public-facing table: no third-party source branding
========================================================= */

.jkap-board{
    width:100%;
    box-sizing:border-box;
}

.jkap-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 0 18px;
}

.jkap-meta > div:first-child{
    display:flex;
    align-items:baseline;
    gap:12px;
}

.jkap-meta-label{
    color:#c6a15b;
    font:700 10px/1.4 Arial,Helvetica,sans-serif;
    letter-spacing:.18em;
}

.jkap-meta-date{
    color:#d8cdbf;
    font:700 17px/1.35 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-meta-badge{
    padding:7px 10px;
    border:1px solid rgba(198,161,91,.38);
    background:#17130f;
    color:#d6bc7d;
    font:700 10px/1.4 Arial,"Yu Gothic",sans-serif;
    letter-spacing:.06em;
    white-space:nowrap;
}

.jkap-table-card,
.jkap-special-card{
    overflow:hidden;
    background:#17130f;
    border:1px solid #473728;
}

.jkap-gold-full{
    margin-bottom:16px;
}

.jkap-other-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:16px;
}

.jkap-table-head{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:13px 16px;
    background:#211a13;
    border-bottom:1px solid #473728;
    border-left:3px solid #c6a15b;
    box-sizing:border-box;
}

.jkap-platinum .jkap-table-head{
    border-left-color:#c6bdb4;
}

.jkap-silver .jkap-table-head{
    border-left-color:#aaa9a3;
}

.jkap-table-head h3{
    margin:0;
    color:#ead39a;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:18px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:.04em;
}

.jkap-platinum .jkap-table-head h3{
    color:#eadfd2;
}

.jkap-silver .jkap-table-head h3{
    color:#deddd7;
}

.jkap-table-head p{
    margin:3px 0 0;
    color:#95897c;
    font-size:10px;
    line-height:1.5;
}

.jkap-table-head > span{
    color:#a99986;
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}

.jkap-table-wrap{
    overflow-x:auto;
}

.jkap-price-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.jkap-price-table thead th{
    padding:10px 14px;
    border-bottom:1px solid #3b3027;
    background:#15120f;
    color:#8f8376;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-align:left;
}

.jkap-price-table thead th:nth-child(1){
    width:26%;
}

.jkap-price-table thead th:nth-child(2){
    width:25%;
}

.jkap-price-table thead th:nth-child(3){
    width:49%;
    text-align:right;
}

.jkap-price-table tbody th,
.jkap-price-table tbody td{
    padding:10px 14px;
    border-bottom:1px solid #30271f;
    vertical-align:middle;
}

.jkap-price-table tbody tr:last-child th,
.jkap-price-table tbody tr:last-child td{
    border-bottom:0;
}

.jkap-price-table tbody th{
    color:#dec589;
    font:700 12px/1.35 Arial,"Yu Gothic",sans-serif;
    text-align:left;
}

.jkap-price-table tbody td:nth-child(2){
    color:#9d9184;
    font-size:10px;
}

.jkap-price-table tbody td:last-child{
    text-align:right;
}

.jkap-price-table tbody td strong{
    color:#f3ece2;
    font:700 13px/1.35 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}

.jkap-ask{
    color:#a79c90;
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}

.jkap-special-card{
    margin-top:0;
}

.jkap-special-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
}

.jkap-special-item{
    min-height:78px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    padding:13px 14px;
    border-right:1px solid #30271f;
    box-sizing:border-box;
}

.jkap-special-item:last-child{
    border-right:0;
}

.jkap-special-item strong{
    color:#ded0bd;
    font-size:11px;
    line-height:1.35;
}

.jkap-special-item span{
    color:#887d72;
    font-size:9px;
}

.jkap-special-item em{
    color:#c6a15b;
    font-size:10px;
    font-style:normal;
    font-weight:700;
}

.jkap-note{
    margin:13px 2px 0;
    color:#8f8579;
    font-size:10px;
    line-height:1.8;
}

.jkap-unavailable{
    padding:18px;
    background:#17130f;
    border:1px solid #473728;
    color:#d7cbbd;
    font-size:13px;
    line-height:1.7;
}

@media screen and (min-width:900px){
    /* Gold table is long; two visual columns reduce page height without
       changing the actual row order on mobile. */
    .jkap-gold-full .jkap-price-table tbody{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .jkap-gold-full .jkap-price-table thead{
        display:none;
    }

    .jkap-gold-full .jkap-price-table tbody tr{
        display:grid;
        grid-template-columns:24% 24% 52%;
        align-items:center;
        min-height:42px;
        border-bottom:1px solid #30271f;
    }

    .jkap-gold-full .jkap-price-table tbody tr:nth-child(odd){
        border-right:1px solid #30271f;
    }

    .jkap-gold-full .jkap-price-table tbody th,
    .jkap-gold-full .jkap-price-table tbody td{
        border-bottom:0;
        padding:10px 12px;
    }
}

@media screen and (max-width:760px){
    .jkap-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .jkap-meta-badge{
        white-space:normal;
    }

    .jkap-other-grid{
        grid-template-columns:1fr;
    }

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

    .jkap-special-item{
        border-bottom:1px solid #30271f;
    }

    .jkap-special-item:nth-child(2n){
        border-right:0;
    }

    .jkap-table-head{
        min-height:54px;
        padding:12px 13px;
    }

    .jkap-table-head h3{
        font-size:16px;
    }

    .jkap-price-table thead th,
    .jkap-price-table tbody th,
    .jkap-price-table tbody td{
        padding-left:11px;
        padding-right:11px;
    }

    .jkap-price-table tbody td strong{
        font-size:12px;
    }
}


/* =========================================================
   JK TRADE LONG-TERM GOLD TREND V16.5
========================================================= */

.jkap-trend-card{
    margin-top:16px;
    overflow:hidden;
    background:
        linear-gradient(180deg,rgba(34,27,20,.98),rgba(18,15,12,.98));
    border:1px solid #473728;
}

.jkap-trend-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:18px 18px 14px;
    border-bottom:1px solid #3a2d23;
}

.jkap-trend-kicker{
    display:block;
    margin-bottom:5px;
    color:#b99450;
    font:700 9px/1.3 Arial,sans-serif;
    letter-spacing:.18em;
}

.jkap-trend-head h3{
    margin:0;
    color:#ead39a;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:20px;
    font-weight:600;
    line-height:1.35;
}

.jkap-trend-head p{
    margin:4px 0 0;
    color:#918578;
    font-size:10px;
    line-height:1.5;
}

.jkap-trend-current{
    text-align:right;
}

.jkap-trend-current small{
    display:block;
    margin-bottom:3px;
    color:#8f8377;
    font-size:9px;
    letter-spacing:.09em;
}

.jkap-trend-current strong{
    color:#f3eadc;
    font:700 22px/1.1 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-trend-current strong span{
    margin-left:3px;
    color:#b9aa96;
    font-size:10px;
    font-weight:600;
}

.jkap-trend-chart-wrap{
    padding:14px 14px 2px;
}

.jkap-trend-svg{
    display:block;
    width:100%;
    height:auto;
    min-height:220px;
}

.jkap-trend-grid{
    stroke:#3b3027;
    stroke-width:1;
}

.jkap-trend-line{
    fill:none;
    stroke:#c9a45b;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.jkap-trend-point{
    fill:#17130f;
    stroke:#e0bf72;
    stroke-width:2.4;
}

.jkap-trend-ylabel,
.jkap-trend-xlabel{
    fill:#84796e;
    font-family:Arial,"Yu Gothic",sans-serif;
    font-size:10px;
}

.jkap-trend-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:0 18px 14px;
    border-top:1px solid #33281f;
    border-bottom:1px solid #33281f;
}

.jkap-trend-stats > div{
    padding:11px 12px;
    border-right:1px solid #33281f;
}

.jkap-trend-stats > div:last-child{
    border-right:0;
}

.jkap-trend-stats small{
    display:block;
    margin-bottom:4px;
    color:#84796e;
    font-size:9px;
}

.jkap-trend-stats strong{
    color:#ded1bf;
    font:700 12px/1.3 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-trend-note{
    margin:0;
    padding:0 18px 17px;
    color:#81786f;
    font-size:9px;
    line-height:1.7;
}

/* Hide the old static chart while V16.5 is active */
.gold-chart-section,
.contentLeft > .gold-chart{
    display:none !important;
}

@media screen and (max-width:760px){
    .jkap-trend-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .jkap-trend-current{
        text-align:left;
    }

    .jkap-trend-svg{
        min-height:180px;
    }

    .jkap-trend-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-left:12px;
        margin-right:12px;
    }

    .jkap-trend-stats > div:nth-child(2){
        border-right:0;
    }

    .jkap-trend-stats > div:nth-child(-n+2){
        border-bottom:1px solid #33281f;
    }

    .jkap-trend-note{
        padding-left:12px;
        padding-right:12px;
    }
}


/* =========================================================
   JK TRADE Price Board V16.6 Hero cards + metal legend
========================================================= */

.jkap-hero-board{
    margin-bottom:18px;
    overflow:hidden;
    background:linear-gradient(180deg,#1a1510 0%,#100d0a 100%);
    border:1px solid #473728;
}

.jkap-hero-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:18px 18px 14px;
    border-bottom:1px solid #3b3027;
}

.jkap-hero-kicker{
    display:block;
    margin-bottom:5px;
    color:#c6a15b;
    font:700 10px/1.3 Arial,sans-serif;
    letter-spacing:.18em;
}

.jkap-hero-head h2{
    margin:0;
    color:#f0ddad;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:28px;
    line-height:1.25;
}

.jkap-hero-head p{
    margin:5px 0 0;
    color:#9d9081;
    font-size:11px;
    line-height:1.6;
}

.jkap-hero-meta{
    text-align:right;
}

.jkap-hero-meta strong{
    display:block;
    color:#f3ece2;
    font:700 18px/1.2 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-hero-meta span{
    color:#9d9081;
    font-size:10px;
}

.jkap-hero-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    padding:16px 18px 18px;
}

.jkap-hero-card{
    min-height:168px;
    padding:16px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:linear-gradient(180deg,rgba(39,31,24,.98),rgba(25,20,16,.98));
    border:1px solid #4a392a;
}

.jkap-hero-card-top h3{
    margin:10px 0 0;
    color:#f1ece4;
    font-size:20px;
    line-height:1.25;
}

.jkap-hero-pill,
.jkap-grade-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    font:700 12px/1 Arial,sans-serif;
    letter-spacing:.04em;
}

.jkap-badge-gold{background:rgba(198,161,91,.18);border:1px solid rgba(227,192,110,.45);color:#f0d486;}
.jkap-badge-platinum{background:rgba(184,192,210,.16);border:1px solid rgba(199,206,220,.45);color:#edf2fa;}
.jkap-badge-silver{background:rgba(216,216,216,.15);border:1px solid rgba(225,225,225,.4);color:#f2f2f2;}
.jkap-badge-palladium{background:rgba(140,140,140,.16);border:1px solid rgba(190,190,190,.35);color:#ededed;}
.jkap-badge-default{background:rgba(198,161,91,.16);border:1px solid rgba(227,192,110,.35);color:#f0d486;}

.jkap-hero-price-wrap{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.jkap-hero-price{
    color:#ffffff;
    font:700 clamp(34px,3.3vw,58px)/1 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.02em;
}

.jkap-hero-diff{
    color:#ccbda8;
    font:700 16px/1.35 Arial,"Yu Gothic",sans-serif;
}

.jkap-grade-cell{
    display:flex;
    align-items:center;
    gap:10px;
}

.jkap-grade-label{
    display:inline-block;
}

.jkap-price-table tbody th{
    color:#dec589;
    font:700 13px/1.35 Arial,"Yu Gothic",sans-serif;
}

.jkap-price-table tbody td:nth-child(2){
    color:#b8aa9b;
    font-size:11px;
}

.jkap-price-table tbody td strong{
    font-size:16px;
}

.jkap-note{
    color:#a59b90;
    font-size:11px;
}

@media screen and (max-width:980px){
    .jkap-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media screen and (max-width:760px){
    .jkap-hero-head{align-items:flex-start;flex-direction:column;}
    .jkap-hero-meta{text-align:left;}
    .jkap-hero-head h2{font-size:24px;}
    .jkap-hero-grid{grid-template-columns:1fr;padding:12px;gap:12px;}
    .jkap-hero-card{min-height:140px;padding:14px;}
    .jkap-hero-price{font-size:40px;}
}


/* =========================================================
   V16.7 Responsive typography/layout correction
   Legacy homepage main column is about 705px wide.
========================================================= */
.jkap-board-v167 .jkap-hero-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:14px 16px 16px;
}
.jkap-board-v167 .jkap-hero-card{
    min-height:132px;
    padding:14px 15px;
}
.jkap-board-v167 .jkap-hero-card-top{
    display:flex;
    align-items:center;
    gap:10px;
}
.jkap-board-v167 .jkap-hero-card-top h3{
    margin:0;
    font-size:17px;
}
.jkap-board-v167 .jkap-hero-pill{
    min-width:46px;
    height:27px;
    padding:0 9px;
    font-size:12px;
}
.jkap-board-v167 .jkap-hero-price{
    font-size:clamp(31px,4vw,42px);
    line-height:1.05;
    white-space:nowrap;
}
.jkap-board-v167 .jkap-hero-diff{font-size:13px;}
.jkap-board-v167 .jkap-hero-head{padding:15px 16px 12px;}
.jkap-board-v167 .jkap-hero-head h2{font-size:23px;}
.jkap-board-v167 .jkap-hero-head p{font-size:11px;}
.jkap-board-v167 .jkap-hero-meta strong{font-size:14px;}

@media screen and (min-width:900px){
    .jkap-board-v167 .jkap-gold-full .jkap-price-table tbody{display:table-row-group !important;}
    .jkap-board-v167 .jkap-gold-full .jkap-price-table thead{display:table-header-group !important;}
    .jkap-board-v167 .jkap-gold-full .jkap-price-table tbody tr{
        display:table-row !important;
        min-height:0 !important;
        border-right:0 !important;
    }
    .jkap-board-v167 .jkap-gold-full .jkap-price-table tbody th,
    .jkap-board-v167 .jkap-gold-full .jkap-price-table tbody td{
        border-bottom:1px solid #30271f !important;
        padding:10px 13px !important;
    }
}
.jkap-board-v167 .jkap-price-table thead th{font-size:10px;padding:9px 12px;}
.jkap-board-v167 .jkap-price-table tbody th{font-size:13px;}
.jkap-board-v167 .jkap-price-table tbody td:nth-child(2){font-size:12px;}
.jkap-board-v167 .jkap-price-table tbody td strong{font-size:17px;}
.jkap-board-v167 .jkap-grade-badge{min-width:38px;height:25px;padding:0 8px;font-size:11px;}

@media screen and (max-width:760px){
    .jkap-board-v167 .jkap-hero-board{margin-bottom:14px;}
    .jkap-board-v167 .jkap-hero-head{padding:13px 12px 10px;gap:7px;}
    .jkap-board-v167 .jkap-hero-head h2{font-size:20px;}
    .jkap-board-v167 .jkap-hero-head p{font-size:10px;line-height:1.5;}
    .jkap-board-v167 .jkap-hero-meta strong{font-size:12px;}
    .jkap-board-v167 .jkap-hero-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        padding:10px;
    }
    .jkap-board-v167 .jkap-hero-card{min-height:118px;padding:11px;}
    .jkap-board-v167 .jkap-hero-card-top{gap:7px;}
    .jkap-board-v167 .jkap-hero-card-top h3{font-size:14px;}
    .jkap-board-v167 .jkap-hero-pill{min-width:38px;height:23px;padding:0 7px;font-size:10px;}
    .jkap-board-v167 .jkap-hero-price{font-size:clamp(23px,7.4vw,30px);}
    .jkap-board-v167 .jkap-hero-diff{font-size:10px;}
    .jkap-board-v167 .jkap-meta{margin-bottom:12px;}
    .jkap-board-v167 .jkap-meta-date{font-size:14px;}
    .jkap-board-v167 .jkap-meta-badge{font-size:9px;padding:6px 8px;}
    .jkap-board-v167 .jkap-price-table thead th{font-size:9px;padding:8px 8px;}
    .jkap-board-v167 .jkap-price-table tbody th,
    .jkap-board-v167 .jkap-price-table tbody td{padding:9px 8px;}
    .jkap-board-v167 .jkap-price-table tbody th{font-size:11px;}
    .jkap-board-v167 .jkap-price-table tbody td:nth-child(2){font-size:10px;}
    .jkap-board-v167 .jkap-price-table tbody td strong{font-size:14px;}
    .jkap-board-v167 .jkap-grade-cell{gap:6px;}
    .jkap-board-v167 .jkap-grade-badge{min-width:31px;height:21px;padding:0 5px;font-size:9px;}
}
@media screen and (max-width:390px){
    .jkap-board-v167 .jkap-hero-price{font-size:22px;}
    .jkap-board-v167 .jkap-hero-card-top h3{font-size:12px;}
    .jkap-board-v167 .jkap-price-table thead th:nth-child(1){width:34%;}
    .jkap-board-v167 .jkap-price-table thead th:nth-child(2){width:23%;}
    .jkap-board-v167 .jkap-price-table thead th:nth-child(3){width:43%;}
}


/* =========================================================
   JK TRADE V16.9 — Hero price cards visual polish
   Values unchanged. Layout only.
========================================================= */
.jkap-board-v169 .jkap-hero-board{
    margin:0 0 18px;
    overflow:hidden;
    background:linear-gradient(180deg,#18120e 0%,#110d0a 100%);
    border:1px solid #4b3929;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
}

.jkap-board-v169 .jkap-hero-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:20px 22px 16px;
    border-bottom:1px solid #3d3025;
}

.jkap-board-v169 .jkap-hero-kicker{
    margin:0 0 7px;
    color:#caa55d;
    font:700 10px/1.25 Arial,Helvetica,sans-serif;
    letter-spacing:.20em;
}

.jkap-board-v169 .jkap-hero-head h2{
    margin:0;
    color:#ead59d;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:26px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:.025em;
}

.jkap-board-v169 .jkap-hero-head p{
    margin:7px 0 0;
    color:#9f9181;
    font-size:11px;
    line-height:1.55;
}

.jkap-board-v169 .jkap-hero-meta{
    flex:0 0 auto;
    text-align:right;
}

.jkap-board-v169 .jkap-hero-meta strong{
    display:block;
    color:#f3ece2;
    font:700 15px/1.2 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-board-v169 .jkap-hero-meta span{
    display:block;
    margin-top:5px;
    color:#8f8274;
    font-size:10px;
}

.jkap-board-v169 .jkap-hero-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    padding:16px;
}

.jkap-board-v169 .jkap-hero-card{
    min-width:0;
    min-height:178px;
    padding:17px 16px 15px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-sizing:border-box;
    background:linear-gradient(145deg,rgba(43,31,23,.92),rgba(26,20,15,.98));
    border:1px solid #4b392a;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.jkap-board-v169 .jkap-hero-card-top{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.jkap-board-v169 .jkap-hero-card-top h3{
    margin:0;
    min-width:0;
    color:#f1ebe3;
    font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.25;
    white-space:nowrap;
}

.jkap-board-v169 .jkap-hero-pill{
    flex:0 0 auto;
    min-width:48px;
    height:30px;
    padding:0 10px;
    box-sizing:border-box;
    border-radius:999px;
    font:700 12px/1 Arial,Helvetica,sans-serif;
    letter-spacing:.02em;
}

.jkap-board-v169 .jkap-hero-price-wrap{
    display:flex;
    flex-direction:column;
    gap:9px;
    min-width:0;
}

.jkap-board-v169 .jkap-hero-price-line{
    display:flex;
    align-items:flex-end;
    gap:6px;
    min-width:0;
    white-space:nowrap;
}

.jkap-board-v169 .jkap-hero-price-value{
    color:#fff;
    font-family:Arial,"Yu Gothic",sans-serif;
    font-size:clamp(35px,3.0vw,52px);
    font-weight:800;
    line-height:.94;
    letter-spacing:-.035em;
    font-variant-numeric:tabular-nums;
}

.jkap-board-v169 .jkap-hero-price-unit{
    flex:0 0 auto;
    padding-bottom:4px;
    color:#ded4c8;
    font:700 15px/1 Arial,"Yu Gothic",sans-serif;
    letter-spacing:-.01em;
}

.jkap-board-v169 .jkap-hero-diff{
    color:#bfae9a;
    font:600 13px/1.35 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

/* tables: keep current pricing table, only make typography a little cleaner */
.jkap-board-v169 .jkap-price-table tbody td strong{
    font-size:15px;
}
.jkap-board-v169 .jkap-grade-cell{
    gap:8px;
}

@media screen and (max-width:1100px){
    .jkap-board-v169 .jkap-hero-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .jkap-board-v169 .jkap-hero-card{
        min-height:154px;
    }
    .jkap-board-v169 .jkap-hero-price-value{
        font-size:44px;
    }
}

@media screen and (max-width:760px){
    .jkap-board-v169 .jkap-hero-board{
        margin-bottom:14px;
    }
    .jkap-board-v169 .jkap-hero-head{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
        padding:15px 14px 13px;
    }
    .jkap-board-v169 .jkap-hero-kicker{
        font-size:9px;
        margin-bottom:5px;
    }
    .jkap-board-v169 .jkap-hero-head h2{
        font-size:23px;
    }
    .jkap-board-v169 .jkap-hero-head p{
        margin-top:5px;
        font-size:10px;
        line-height:1.5;
    }
    .jkap-board-v169 .jkap-hero-meta{
        text-align:left;
    }
    .jkap-board-v169 .jkap-hero-meta strong{
        font-size:13px;
    }
    .jkap-board-v169 .jkap-hero-meta span{
        margin-top:3px;
        font-size:9px;
    }
    .jkap-board-v169 .jkap-hero-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
        padding:10px;
    }
    .jkap-board-v169 .jkap-hero-card{
        min-height:132px;
        padding:13px 12px 12px;
    }
    .jkap-board-v169 .jkap-hero-card-top{
        gap:7px;
    }
    .jkap-board-v169 .jkap-hero-card-top h3{
        font-size:14px;
    }
    .jkap-board-v169 .jkap-hero-pill{
        min-width:39px;
        height:25px;
        padding:0 7px;
        font-size:10px;
    }
    .jkap-board-v169 .jkap-hero-price-wrap{
        gap:7px;
    }
    .jkap-board-v169 .jkap-hero-price-line{
        gap:4px;
    }
    .jkap-board-v169 .jkap-hero-price-value{
        font-size:clamp(27px,8.2vw,35px);
        letter-spacing:-.045em;
    }
    .jkap-board-v169 .jkap-hero-price-unit{
        padding-bottom:2px;
        font-size:11px;
    }
    .jkap-board-v169 .jkap-hero-diff{
        font-size:10px;
    }
    .jkap-board-v169 .jkap-meta{
        margin-bottom:12px;
    }
    .jkap-board-v169 .jkap-meta-date{
        font-size:14px;
    }
    .jkap-board-v169 .jkap-meta-badge{
        font-size:9px;
        padding:6px 8px;
    }
}

@media screen and (max-width:370px){
    .jkap-board-v169 .jkap-hero-grid{
        grid-template-columns:1fr;
    }
    .jkap-board-v169 .jkap-hero-card{
        min-height:124px;
    }
    .jkap-board-v169 .jkap-hero-price-value{
        font-size:38px;
    }
    .jkap-board-v169 .jkap-hero-price-unit{
        font-size:13px;
    }
}


/* =========================================================
   JK TRADE V16.10 — spacing / collision fix
   Fixes: long Palladium label, grade/purity collisions,
   price-column breathing room on desktop and mobile.
========================================================= */

/* Hero cards: keep four columns on wide desktop, but give text real room. */
.jkap-board-v1610 .jkap-hero-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    padding:16px;
}
.jkap-board-v1610 .jkap-hero-card{
    min-width:0;
    min-height:178px;
    padding:17px 14px 15px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:linear-gradient(145deg,rgba(43,31,23,.92),rgba(26,20,15,.98));
    border:1px solid #4b392a;
}
.jkap-board-v1610 .jkap-hero-card-top{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.jkap-board-v1610 .jkap-hero-card-top h3{
    margin:0;
    min-width:0;
    max-width:100%;
    color:#f1ebe3;
    font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.jkap-board-v1610 .jkap-hero-palladium .jkap-hero-card-top h3{
    font-size:15px;
    letter-spacing:-.045em;
}
.jkap-board-v1610 .jkap-hero-pill{
    flex:0 0 auto;
    min-width:48px;
    height:30px;
    padding:0 10px;
    box-sizing:border-box;
}
.jkap-board-v1610 .jkap-hero-price-line{
    display:flex;
    align-items:flex-end;
    gap:5px;
    min-width:0;
    white-space:nowrap;
}
.jkap-board-v1610 .jkap-hero-price-value{
    min-width:0;
    color:#fff;
    font-family:Arial,"Yu Gothic",sans-serif;
    font-size:clamp(34px,2.75vw,49px);
    font-weight:800;
    line-height:.95;
    letter-spacing:-.04em;
    font-variant-numeric:tabular-nums;
}
.jkap-board-v1610 .jkap-hero-price-unit{
    flex:0 0 auto;
    padding-bottom:4px;
    color:#ded4c8;
    font:700 14px/1 Arial,"Yu Gothic",sans-serif;
}
.jkap-board-v1610 .jkap-hero-diff{
    color:#bfae9a;
    font:600 13px/1.35 Arial,"Yu Gothic",sans-serif;
    white-space:nowrap;
}

/* Price tables: explicit column spacing so grade and purity never touch. */
.jkap-board-v1610 .jkap-price-table{
    width:100%;
    table-layout:fixed;
}
.jkap-board-v1610 .jkap-price-table thead th:nth-child(1){width:38%;}
.jkap-board-v1610 .jkap-price-table thead th:nth-child(2){width:22%;}
.jkap-board-v1610 .jkap-price-table thead th:nth-child(3){width:40%;text-align:right;}

.jkap-board-v1610 .jkap-price-table thead th{
    padding:10px 14px;
    font-size:10px;
    box-sizing:border-box;
}
.jkap-board-v1610 .jkap-price-table tbody th,
.jkap-board-v1610 .jkap-price-table tbody td{
    padding:11px 14px;
    box-sizing:border-box;
    vertical-align:middle;
}
.jkap-board-v1610 .jkap-price-table tbody th{
    overflow:hidden;
}
.jkap-board-v1610 .jkap-grade-cell{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    column-gap:12px;
    min-width:0;
}
.jkap-board-v1610 .jkap-grade-badge{
    width:48px;
    min-width:48px;
    height:28px;
    padding:0 8px;
    box-sizing:border-box;
    font-size:11px;
}
.jkap-board-v1610 .jkap-grade-label{
    display:block;
    min-width:0;
    white-space:nowrap;
    overflow:visible;
    color:#dec589;
    font-size:14px;
}
.jkap-board-v1610 .jkap-price-table tbody td:nth-child(2){
    padding-left:18px;
    padding-right:12px;
    color:#b8aa9b;
    font-size:12px;
    white-space:nowrap;
}
.jkap-board-v1610 .jkap-price-table tbody td:last-child{
    padding-left:10px;
    padding-right:16px;
    text-align:right;
    white-space:nowrap;
}
.jkap-board-v1610 .jkap-price-table tbody td strong{
    font-size:16px;
    white-space:nowrap;
}

/* Keep gold table as a normal table too; no two-column row trick. */
@media screen and (min-width:900px){
    .jkap-board-v1610 .jkap-gold-full .jkap-price-table tbody{display:table-row-group !important;}
    .jkap-board-v1610 .jkap-gold-full .jkap-price-table thead{display:table-header-group !important;}
    .jkap-board-v1610 .jkap-gold-full .jkap-price-table tbody tr{display:table-row !important;border-right:0 !important;}
    .jkap-board-v1610 .jkap-gold-full .jkap-price-table tbody th,
    .jkap-board-v1610 .jkap-gold-full .jkap-price-table tbody td{border-bottom:1px solid #30271f !important;}
}

@media screen and (max-width:1100px){
    .jkap-board-v1610 .jkap-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .jkap-board-v1610 .jkap-hero-card{min-height:150px;}
    .jkap-board-v1610 .jkap-hero-price-value{font-size:43px;}
    .jkap-board-v1610 .jkap-hero-palladium .jkap-hero-card-top h3{font-size:16px;letter-spacing:-.02em;}
}

@media screen and (max-width:760px){
    .jkap-board-v1610 .jkap-hero-head{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
        padding:14px 13px 12px;
    }
    .jkap-board-v1610 .jkap-hero-head h2{font-size:22px;}
    .jkap-board-v1610 .jkap-hero-head p{font-size:10px;line-height:1.55;}
    .jkap-board-v1610 .jkap-hero-meta{text-align:left;}
    .jkap-board-v1610 .jkap-hero-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        padding:10px;
    }
    .jkap-board-v1610 .jkap-hero-card{
        min-height:126px;
        padding:12px 10px 11px;
    }
    .jkap-board-v1610 .jkap-hero-card-top{gap:6px;}
    .jkap-board-v1610 .jkap-hero-card-top h3{font-size:13px;}
    .jkap-board-v1610 .jkap-hero-palladium .jkap-hero-card-top h3{font-size:11.5px;letter-spacing:-.055em;}
    .jkap-board-v1610 .jkap-hero-pill{
        min-width:37px;
        height:24px;
        padding:0 6px;
        font-size:10px;
    }
    .jkap-board-v1610 .jkap-hero-price-line{gap:3px;}
    .jkap-board-v1610 .jkap-hero-price-value{
        font-size:clamp(25px,7.7vw,34px);
        letter-spacing:-.05em;
    }
    .jkap-board-v1610 .jkap-hero-price-unit{
        padding-bottom:2px;
        font-size:10px;
    }
    .jkap-board-v1610 .jkap-hero-diff{font-size:9.5px;}

    .jkap-board-v1610 .jkap-price-table thead th:nth-child(1){width:42%;}
    .jkap-board-v1610 .jkap-price-table thead th:nth-child(2){width:20%;}
    .jkap-board-v1610 .jkap-price-table thead th:nth-child(3){width:38%;}
    .jkap-board-v1610 .jkap-price-table thead th{
        padding:8px 7px;
        font-size:8.5px;
        letter-spacing:.02em;
    }
    .jkap-board-v1610 .jkap-price-table tbody th,
    .jkap-board-v1610 .jkap-price-table tbody td{padding:9px 7px;}
    .jkap-board-v1610 .jkap-grade-cell{
        grid-template-columns:31px minmax(0,1fr);
        column-gap:6px;
    }
    .jkap-board-v1610 .jkap-grade-badge{
        width:31px;
        min-width:31px;
        height:21px;
        padding:0 4px;
        font-size:8.5px;
    }
    .jkap-board-v1610 .jkap-grade-label{font-size:10.5px;}
    .jkap-board-v1610 .jkap-price-table tbody td:nth-child(2){
        padding-left:9px;
        padding-right:5px;
        font-size:9px;
    }
    .jkap-board-v1610 .jkap-price-table tbody td:last-child{
        padding-left:5px;
        padding-right:8px;
    }
    .jkap-board-v1610 .jkap-price-table tbody td strong{font-size:12.5px;}
}

@media screen and (max-width:390px){
    .jkap-board-v1610 .jkap-hero-grid{grid-template-columns:1fr;}
    .jkap-board-v1610 .jkap-hero-card{min-height:120px;}
    .jkap-board-v1610 .jkap-hero-card-top h3{font-size:14px;}
    .jkap-board-v1610 .jkap-hero-palladium .jkap-hero-card-top h3{font-size:14px;letter-spacing:-.02em;}
    .jkap-board-v1610 .jkap-hero-price-value{font-size:38px;}
    .jkap-board-v1610 .jkap-hero-price-unit{font-size:12px;}
}


/* =========================================================
   JK TRADE V16.12 — simplified public board
========================================================= */
.jkap-board-v1612 .jkap-hero-board{margin-bottom:18px;}
.jkap-board-v1612 .jkap-hero-head p{margin-top:8px;font-size:12px;letter-spacing:.04em;color:#aa9b89;}
.jkap-board-v1612 .jkap-gold-full{margin-top:0;}
.jkap-board-v1612 .jkap-table-head{min-height:54px;padding-top:11px;padding-bottom:11px;}
.jkap-board-v1612 .jkap-table-head h3{font-size:20px;}
.jkap-board-v1612 .jkap-table-head p{display:none;}
.jkap-board-v1612 .jkap-note{display:none;}

@media screen and (max-width:760px){
    .jkap-board-v1612 .jkap-hero-head p{font-size:11px;}
    .jkap-board-v1612 .jkap-table-head h3{font-size:17px;}
}