/* /japan-picks/ widgets in the house style (2026-11-05, wave 3). The markup and ids are the ones
   japan-picks/app.js has always driven: filters, picks, shortlist. Since the affiliate CRO (2026-11-07) every booking link
   is the site's .aff-btn (assets/site.css) and the city index, folds, train picker and offer box are gone. */
.pick .eyebrow{font-family:"Space Mono",monospace;font-size:12px;text-transform:uppercase;color:var(--link-grey);margin:0 0 6px}
.shortlist-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;font-size:12px;text-decoration:none;border:var(--rule) solid var(--ink);padding:8px 12px;background:var(--paper)}
#count{display:inline-block;min-width:20px;text-align:center;background:var(--ink);color:var(--lime);padding:1px 5px}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
.filters button,.save,.outline{min-height:44px;font-family:"Space Mono",monospace;text-transform:uppercase;font-size:12px;letter-spacing:.02em;background:var(--paper);color:var(--ink);border:var(--rule) solid var(--ink);padding:9px 12px;cursor:pointer}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--lime)}
.save[aria-pressed=true]{background:var(--lime)}
.fine{font-size:13px;color:var(--link-grey);margin:6px 0 12px}
.picks{display:grid;grid-template-columns:1fr;gap:18px;margin:10px 0 12px}
.pick{background:var(--paper);border:var(--rule) solid var(--ink);display:flex;flex-direction:column;min-width:0}
.pick[hidden]{display:none}
.pick-copy{padding:14px 14.5px 16px;display:flex;flex-direction:column;gap:0;flex:1}
.pick h3{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:28px;line-height:1;margin:0 0 8px}
.pick p{margin:0 0 8px}

#trip-items{margin:10px 0}
.empty{background:var(--paper);border:var(--rule) dashed var(--ink);padding:12px 14px;margin:0}
.trip-row{background:var(--paper);border:var(--rule) solid var(--ink);padding:12px 14px;margin:0 0 10px}
.trip-row h3{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:24px;line-height:1;margin:0 0 6px}
.trip-row p{margin:0 0 8px}
.feedback{min-height:1.4em;font-size:14px;margin:6px 0}
.no-js{font-size:14px}

@media (min-width:700px){
  .picks{grid-template-columns:1fr 1fr}
  .pick h3{font-size:30px}
  .fine{font-size:15px}
}

/* The save toggle sits under the booking button as a quiet second action: no box, so the lime button is the one thing to tap. */
.pick .save{align-self:flex-start;border:0;background:none;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px;color:var(--link-grey)}
.pick .save[aria-pressed=true]{background:none;color:var(--ink)}
.pick .aff-btn{margin-top:auto}
.pick-copy>p:not(.eyebrow){margin-bottom:6px}
.trip-row .aff-btn{margin-top:8px}
.shortlist-jump{margin:14px 0 0!important}