/* Softened jewel colors sit comfortably beside the warm ivory page. */
body[data-four-home] .store-directory { background:#f2f0e8; }
body[data-four-home] .store-directory-grid { align-items:stretch; }
/* Opening one address must not stretch the neighboring card into an empty column. */
body[data-four-home] .store-directory-grid:has(.store-grid-details[open]) { align-items:start; }
body[data-four-home] .store-grid-card {
  --store-card-inset:20px;
  --store-card-paper:#315246;
  --store-card-ink:#fff9ed;
  --store-card-muted:#e1ded0;
  --store-grid-rule:#d9c49b70;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding-bottom:16px;
  background:var(--store-card-paper);
  color:var(--store-card-ink);
}
body[data-four-home] .store-grid-card#roppongi {
  --store-card-paper:#2b3d52;
  --store-card-muted:#dedee2;
}
body[data-four-home] .store-grid-card#kyoto {
  --store-card-paper:#315246;
  --store-card-muted:#e1ded0;
}
body[data-four-home] .store-grid-card#okinawa {
  --store-card-paper:#7b4541;
  --store-card-muted:#eedbd2;
}
body[data-four-home] .store-grid-card#malaysia {
  --store-card-paper:#2f6264;
  --store-card-muted:#d9e5df;
}
body[data-four-home] .store-grid-card> :not(.store-grid-photo) {
  min-width:0;
  margin-inline:var(--store-card-inset);
}
body[data-four-home] .store-grid-photo {
  flex-shrink:0;
  margin:0;
}
body[data-four-home] .store-grid-title { padding-top:36px; }
body[data-four-home] .store-grid-title h3 {
  padding-right:0;
  color:var(--store-card-ink);
}
body[data-four-home] .store-grid-number {
  top:13px;
  right:0;
  color:var(--store-card-muted);
}
body[data-four-home] .store-grid-intro {
  flex-grow:1;
  color:var(--store-card-muted);
}
body[data-four-home] .store-grid-story,
body[data-four-home] .store-grid-details dt,
body[data-four-home] .store-grid-hours,
body[data-four-home] .store-grid-photo-note {
  color:var(--store-card-muted);
}
body[data-four-home] .store-grid-links>a,
body[data-four-home] .store-grid-details>summary {
  min-height:44px;
  color:var(--store-card-ink);
}
body[data-four-home] .store-grid-card a:focus-visible,
body[data-four-home] .store-grid-details>summary:focus-visible {
  outline:2px solid var(--store-card-ink);
  outline-offset:3px;
}

@media (max-width:1100px) {
  body[data-four-home] .store-grid-card { --store-card-inset:16px; }
}
@media (max-width:900px) {
  body[data-four-home] .store-grid-card {
    --store-card-inset:14px;
    padding-bottom:12px;
  }
  body[data-four-home] .store-grid-title { padding-top:30px; }
  body[data-four-home] .store-grid-number { top:9px; font-size:11px; }
  body[data-four-home] .store-grid-title h3 { min-height:38px; }
  body[data-four-home] .store-grid-malaysia .store-grid-title h3 {
    font-size:clamp(18px,5.2vw,29px);
    white-space:nowrap;
  }
  body[data-four-home] .store-grid-title>p { min-height:1.7em; }
  body[data-four-home] .store-grid-intro { line-height:1.75; }
  body[data-four-home] .store-grid-links>a { gap:7px; letter-spacing:0; }
}
@media (max-width:360px) {
  body[data-four-home] .store-grid-card { --store-card-inset:10px; }
  body[data-four-home] .store-grid-title h3 { font-size:26px; min-height:35px; }
  body[data-four-home] .store-grid-malaysia .store-grid-title h3 { font-size:18px; }
  body[data-four-home] .store-grid-title>p { font-size:11px; }
  body[data-four-home] .store-grid-links>a { font-size:11px; }
  body[data-four-home] .store-grid-details>summary { font-size:12px; }
}