/* Booster box pages (boxes/<slug>/). Builds on styles.css. */
.box-page{background:var(--paper, #F8F7F2);}
header.site-nav.box-nav{position:static; background:var(--ink);}
.box-nav-links{display:flex; gap:22px;}
.box-nav-links a{color:var(--paper-raised, #fff); text-decoration:none; font-size:15px; font-weight:500; border-bottom:2px solid transparent; padding:6px 2px;}
.box-nav-links a:hover{border-color:var(--gold);}
.crumbs{font-size:14px; color:#4A4763; margin:22px 0 18px;}
.crumbs a{color:inherit;}
.box-top{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; align-items:start;}
.box-art.product-art{height:auto; aspect-ratio:1/1; border-radius:var(--radius, 14px);}
.box-buy h1{font-size:clamp(28px,4vw,40px); line-height:1.15; margin:0 0 14px;}
.box-lede{color:#4A4763; margin:0 0 18px;}
.box-price-row{display:flex; align-items:baseline; gap:14px; margin:0 0 16px;}
.box-price-row .price{font-size:28px;}
.box-msg{min-height:1.5em; margin:12px 0 0; font-size:15px;}
.box-msg a{color:var(--red-deep); font-weight:700;}
.box-promises{margin:14px 0 0; padding-left:20px; color:#4A4763;}
.box-promises li{margin:0 0 6px;}
.box-page section.box-section{max-width:760px; margin:44px 0 0; padding:0;}
.box-section h2{font-size:24px; margin:0 0 12px;}
.box-section p{margin:0 0 14px; line-height:1.65;}
.box-section a{color:var(--red-deep); font-weight:700;}
.box-facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px 24px; margin:18px 0 0;}
.box-facts div{border-top:1px solid rgba(20,19,42,0.12); padding-top:8px;}
.box-facts dt{font-size:12px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#6B6885;}
.box-facts dd{margin:2px 0 0;}
.box-chase, .box-others{padding-left:20px;}
.box-chase li, .box-others li{margin:0 0 6px;}
.box-other-price{color:#6B6885; font-size:14px; margin-left:6px;}
.box-page footer.box-footer{margin-top:64px; padding:26px 0 40px; font-size:14px; background:var(--ink); color:rgba(248,247,242,0.85);}
.box-page footer.box-footer p{margin:0 0 8px;}
.box-page footer.box-footer a{color:#F8F7F2;}
/* Card list pages (boxes/<slug>/card-list/) and the guide page. */
.cl-head h1{font-size:clamp(28px,4vw,40px); line-height:1.15; margin:0 0 14px;}
.cl-buy{margin:18px 0 0;}
.box-section a.btn{color:#fff; text-decoration:none;}
.cl-counts{display:flex; flex-wrap:wrap; gap:8px 18px; list-style:none; padding:0; margin:0 0 10px;}
.cl-counts li{font-size:15px;}
.cl-note{color:#4A4763; font-size:15px;}
.box-page section.cl-wide{max-width:none;}
.cl-table{width:100%; max-width:760px; border-collapse:collapse; font-size:15px;}
.cl-table caption{text-align:left; font-size:13px; color:#6B6885; padding:0 0 6px;}
.cl-table th{text-align:left; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:#6B6885; border-bottom:2px solid rgba(20,19,42,0.15); padding:8px 10px;}
.cl-table td{border-bottom:1px solid rgba(20,19,42,0.08); padding:7px 10px; vertical-align:top;}
.cl-table tbody tr:nth-child(even){background:rgba(20,19,42,0.03);}
.cl-table td:first-child{white-space:nowrap; font-variant-numeric:tabular-nums; color:#4A4763; width:6.5em;}
.cl-table td:last-child{white-space:nowrap; width:5em; font-weight:700;}
.guide h1{font-size:clamp(28px,4vw,40px); line-height:1.15; margin:0 0 14px;}
.guide h3{font-size:18px; margin:22px 0 8px;}
.guide ul{padding-left:20px; line-height:1.65;}
.guide li{margin:0 0 6px;}
/* Set list and set guide pages (sets/, guides/which-japanese-booster-box/). */
.set-jump{line-height:2; font-size:15px;}
.set-table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}
.set-table{max-width:900px;}
.set-table td:last-child{font-weight:400; width:auto;}
.set-table td:nth-child(3){white-space:nowrap;}
.set-note{color:#6B6885; font-size:13.5px; margin-top:3px;}
.set-in-shop{display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; background:var(--gold, #C8952E); color:#14132A; border-radius:4px; padding:1px 6px; margin-left:4px;}
.guide-card h2{margin-bottom:8px;}
@media (max-width:760px){
  .box-top{grid-template-columns:1fr; gap:22px;}
  .box-nav-links{gap:14px;}
  .brand-name{font-size:17px;}
  .cl-table{font-size:14px;}
  .cl-table td, .cl-table th{padding:6px 6px;}
}