:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172033;
  background: #f4f6f9;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.5; }
a { color: #1557a6; }
button, input { font: inherit; }
button, .button {
  border: 0;
  border-radius: .45rem;
  background: #1557a6;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: .65rem 1rem;
  text-decoration: none;
}
button:hover, .button:hover { background: #0e407e; }
button.secondary, .button.secondary { background: #e5eaf1; color: #172033; }
button.secondary:hover, .button.secondary:hover { background: #d4dce8; }
.topbar {
  align-items: center;
  background: #10233f;
  color: white;
  display: flex;
  gap: 1.5rem;
  min-height: 3.6rem;
  padding: .7rem max(1rem, calc((100vw - 1060px) / 2));
}
.brand { color: white; font-weight: 700; text-decoration: none; }
.selected-shop { border-left: 1px solid #7f94b2; padding-left: 1rem; }
.container { margin: 0 auto; max-width: 1060px; padding: 2rem 1rem 4rem; }
.nav { align-items: center; display: flex; gap: 1rem; margin-bottom: 1.5rem; }
.nav a { color: #1557a6; }
.nav-shop { color: #58667a; margin-left: auto; }
.inline-form { display: inline; }
.link-button { background: transparent; color: #1557a6; padding: 0; text-decoration: underline; }
.link-button:hover { background: transparent; color: #0e407e; }
.panel, .shop-result {
  background: white;
  border: 1px solid #dbe1ea;
  border-radius: .65rem;
  margin-bottom: 1rem;
  padding: 1.25rem;
}
.narrow { margin: 3rem auto; max-width: 34rem; }
.form-stack { display: grid; gap: .5rem; }
.form-stack button { margin-top: .75rem; }
input {
  border: 1px solid #aeb9c9;
  border-radius: .4rem;
  min-height: 2.6rem;
  padding: .55rem .7rem;
}
.search-form { display: flex; gap: .6rem; }
.search-form input { flex: 1; }
.shop-result { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.shop-result h2 { margin: 0 0 .25rem; }
.shop-result p { margin: .15rem 0; }
.status-row { color: #58667a; display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-top: .7rem; }
.section-heading { align-items: baseline; display: flex; gap: 1rem; justify-content: space-between; }
h1, h2, h3, h4 { line-height: 1.2; }
h1 { margin-top: 0; }
h2 { margin-top: 0; }
.eyebrow, .source-label { color: #58667a; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.muted { color: #58667a; }
.notice, .alert { border-radius: .4rem; padding: .8rem 1rem; }
.notice { background: #eef5ff; border-left: 4px solid #4784c7; }
.alert.warning { background: #fff7df; border-left: 4px solid #c38b00; }
.alert.error { background: #fff0ef; border-left: 4px solid #b8342b; margin-bottom: 1rem; }
.data-grid { display: grid; gap: .85rem 1.2rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.data-grid.compact { grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); }
dt { color: #58667a; font-size: .88rem; }
dd { margin: .15rem 0 0; overflow-wrap: anywhere; }
.blockers { margin-top: .4rem; }
.success-text { color: #146b42; }
.steps { display: grid; gap: .45rem; padding-left: 1.5rem; }
.steps li { align-items: center; display: flex; flex-wrap: wrap; gap: .6rem; }
.status-pill { background: #edf0f5; border-radius: 99px; color: #42516a; font-size: .82rem; padding: .12rem .5rem; }
.actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.2rem; }
.actions form { margin: 0; }
.payload { background: #172033; border-radius: .45rem; color: #edf2fa; max-height: 22rem; overflow: auto; padding: 1rem; white-space: pre-wrap; }
.sr-only { height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; clip: rect(0, 0, 0, 0); }
code { overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .topbar { align-items: flex-start; flex-direction: column; gap: .4rem; }
  .shop-result { align-items: flex-start; flex-direction: column; }
  .search-form { flex-direction: column; }
}