/* =========================================================
   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%;}
}