.runner-ord-order{
    --ac-primary: #1F6737;
  --ac-accent: #2E7630;
  --ac-bg: #FCFCFD;
  --ac-card: #FFFFFF;
  --ac-ink: #171B24;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #171B24;
  --ac-r: 18px;
  --ac-font-head: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Albert Sans", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  min-height:100vh;
  padding:clamp(2.5rem,6vw,5rem) var(--gutter) var(--space-7);
  background:var(--paper);
  color:#171b24;
  --ink:#171b24;
  --heading-ink:#16203e;
  --muted:#3f4650;
  font-family:var(--ac-font-body,var(--font-body));
}

.runner-ord-order [hidden]{display:none!important}

.runner-ord-order-sheet{
  overflow-x:clip;
}

.runner-ord-order-head{
  display:grid;
  width:min(100%,var(--container-wide));
  grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);
  align-items:end;
  gap:var(--space-5);
  margin-inline:auto;
  margin-bottom:var(--space-4);
}

.runner-ord-order-heading{
  min-width:0;
}

.runner-ord-order-mark{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.45rem .7rem;
  border-radius:var(--radius-xs);
  background:var(--peach);
  color:var(--peach-ink);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
}

.runner-ord-order-heading h1{
  margin-top:var(--space-3);
  color:#16203e;
  font-family:var(--ac-font-head,var(--font-heading));
  font-size:var(--text-display);
  line-height:var(--lh-tight);
  overflow-wrap:anywhere;
}

.runner-ord-order-heading p{
  max-width:42rem;
  margin-top:var(--space-2);
  color:#303640;
  font-size:var(--text-3);
  line-height:var(--lh-body);
}

.runner-ord-order-lead{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:.75rem;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--blue);
  color:var(--blue-ink);
}

.runner-ord-order-lead p{
  color:#4f5b70;
  font-size:var(--text-1);
}

.runner-ord-signal{
  display:block;
  width:.55rem;
  height:.55rem;
  margin-top:.4rem;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent);
}

.runner-ord-course{
  display:grid;
  width:min(100%,var(--container-wide));
  gap:var(--space-3);
  margin-inline:auto;
}

.runner-ord-plan-deck,
.runner-ord-period-station,
.runner-ord-storage-station,
.runner-ord-region-station{
  min-width:0;
  border-radius:var(--radius-lg);
}

.runner-ord-plan-deck{
  padding:var(--space-4);
  background:var(--sand);
  color:var(--sand-ink);
}

.runner-ord-station-head{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}

.runner-ord-station-head>div{
  min-width:0;
}

.runner-ord-station-head h2{
  color:inherit;
  font-family:var(--ac-font-head,var(--font-heading));
  font-size:var(--text-4);
  line-height:1.25;
  overflow-wrap:anywhere;
}

.runner-ord-station-head p{
  margin-top:.3rem;
  color:#656a62;
  font-size:var(--text-1);
}

.runner-ord-station-index{
  display:inline-flex;
  width:2.35rem;
  height:2.35rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:var(--dark);
  color:var(--dark-ink);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  font-weight:700;
  line-height:1;
}

.runner-ord-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-2);
}

.runner-ord-plan{
  position:relative;
  display:flex;
  min-width:0;
  min-height:13rem;
  height:100%;
  flex-direction:column;
  align-items:stretch;
  padding:var(--space-3);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  background:#fff;
  color:#171b24;
  text-align:left;
  cursor:pointer;
  box-shadow:0 .7rem 1.8rem rgba(28,34,47,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}

.runner-ord-plan:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-card);
}

.runner-ord-plan.is-on,
.runner-ord-plan[aria-checked="true"]{
  border-color:var(--brand);
  background:var(--sage);
  color:var(--sage-ink);
  box-shadow:inset 0 0 0 1px var(--brand),0 .8rem 2rem rgba(31,103,55,.1);
}

.runner-ord-plan-chip{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  padding:.4rem .7rem;
  border-radius:var(--radius-xs);
  background:var(--blue);
  color:var(--blue-ink);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  font-weight:700;
  line-height:1;
}

.runner-ord-plan.is-on .runner-ord-plan-chip,
.runner-ord-plan[aria-checked="true"] .runner-ord-plan-chip{
  background:var(--brand);
  color:var(--ac-on-primary,#fff);
}

.runner-ord-plan-name{
  display:block;
  margin-top:var(--space-2);
  color:inherit;
  font-family:var(--ac-font-head,var(--font-heading));
  font-size:var(--text-4);
  font-weight:650;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.runner-ord-plan-spec{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
  margin-top:var(--space-3);
  color:#5c626d;
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  line-height:1.45;
  overflow-wrap:anywhere;
}

.runner-ord-plan.is-on .runner-ord-plan-spec{
  color:#4e6255;
}

.runner-ord-plan-price{
  display:flex;
  min-width:0;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-2);
  margin-top:auto;
  padding-top:var(--space-3);
  color:inherit;
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-1);
}

.runner-ord-plan-price em{
  min-width:0;
  color:var(--brand);
  font-size:var(--text-4);
  font-style:normal;
  font-weight:750;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.runner-ord-relay{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:stretch;
  gap:var(--space-3);
}

.runner-ord-period-station{
  padding:var(--space-4);
  background:var(--lilac);
  color:var(--lilac-ink);
}

.runner-ord-storage-station{
  position:relative;
  padding:var(--space-4);
  background:var(--peach);
  color:var(--peach-ink);
}

.runner-ord-period-seg,
.runner-ord-ssd-seg{
  display:grid;
  gap:.65rem;
}

.runner-ord-period-seg{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.runner-ord-ssd-seg{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.runner-ord-seg-btn{
  display:inline-flex;
  min-width:0;
  min-height:3.25rem;
  align-items:center;
  justify-content:center;
  padding:.75rem 1rem;
  border:1px solid color-mix(in srgb,currentColor 20%,transparent);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.72);
  color:inherit;
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-1);
  font-weight:650;
  line-height:1.3;
  text-align:center;
  cursor:pointer;
  overflow-wrap:anywhere;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}

.runner-ord-seg-btn:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,currentColor 42%,transparent);
}

.runner-ord-seg-btn.is-on,
.runner-ord-seg-btn[aria-checked="true"],
.runner-ord-seg-btn[aria-selected="true"]{
  border-color:var(--brand);
  background:var(--brand);
  color:var(--ac-on-primary,#fff);
  box-shadow:inset 0 0 0 1px var(--brand);
}

.runner-ord-extra-line{
  margin-top:var(--space-3);
}

.runner-ord-extra-choice{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#fff;
  color:#3a2924;
  cursor:pointer;
}

.runner-ord-extra-choice>input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.runner-ord-check-box{
  display:inline-flex;
  width:1.5rem;
  height:1.5rem;
  flex:none;
  align-items:center;
  justify-content:center;
  border:1px solid var(--input-line);
  border-radius:var(--radius-xs);
  background:#fff;
  color:transparent;
}

.runner-ord-check-box svg{
  width:.95rem;
  height:.95rem;
}

.runner-ord-extra-choice>input:checked+.runner-ord-check-box{
  border-color:var(--brand);
  background:var(--brand);
  color:var(--ac-on-primary,#fff);
}

.runner-ord-extra-choice>input:focus-visible+.runner-ord-check-box{
  outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent);
  outline-offset:3px;
}

.runner-ord-extra-copy{
  display:block;
  min-width:0;
}

.runner-ord-extra-copy strong,
.runner-ord-extra-copy small{
  display:block;
  overflow-wrap:anywhere;
}

.runner-ord-extra-copy strong{
  color:#34251f;
  font-size:var(--text-1);
  line-height:1.4;
}

.runner-ord-extra-copy small{
  margin-top:.35rem;
  color:#705e58;
  font-size:var(--text-0);
  line-height:1.5;
}

.runner-ord-extra-choice em{
  color:var(--brand);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-1);
  font-style:normal;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

.runner-ord-extras-label{
  display:none
}

.runner-ord-region-station{
  padding:var(--space-4);
  background:var(--blue);
  color:var(--blue-ink);
}

.runner-ord-region-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:.65rem;
}

.runner-ord-region{
  display:flex;
  min-width:0;
  min-height:5.5rem;
  height:100%;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:.65rem;
  padding:var(--space-2);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  background:#fff;
  color:#202a3d;
  font-size:var(--text-1);
  font-weight:650;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  overflow-wrap:anywhere;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.runner-ord-region::after{
  content:"";
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#aab1bd;
}

.runner-ord-region:hover{
  transform:translateY(-1px);
}

.runner-ord-region.is-on,
.runner-ord-region[aria-checked="true"]{
  border-color:var(--brand);
  background:var(--sage);
  color:var(--sage-ink);
  box-shadow:inset 0 0 0 1px var(--brand);
}

.runner-ord-region.is-on::after,
.runner-ord-region[aria-checked="true"]::after{
  background:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent);
}

.runner-ord-finish{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--dark);
  color:var(--dark-ink);
}

.runner-ord-finish-copy{
  min-width:0;
  max-width:40rem;
}

.runner-ord-finish-code{
  display:inline-flex;
  width:fit-content;
  padding:.4rem .7rem;
  border-radius:var(--radius-xs);
  background:var(--brand);
  color:var(--ac-on-primary,#fff);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  font-weight:700;
  line-height:1;
}

.runner-ord-finish-copy h2{
  margin-top:var(--space-3);
  color:var(--dark-ink);
  font-size:var(--text-5);
}

.runner-ord-finish-copy p{
  margin-top:var(--space-2);
  color:var(--dark-muted);
  font-size:var(--text-1);
}

.runner-ord-finish-copy small{
  display:block;
  margin-top:var(--space-2);
  color:#8f98a6;
  font-size:var(--text-0);
}

.runner-ord-receipt{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-md);
  background:var(--sand);
  color:var(--sand-ink);
}

.runner-ord-receipt-head{
  display:grid;
  grid-template-columns:.45rem minmax(0,1fr);
  align-items:stretch;
  gap:var(--space-2);
  min-height:4rem;
  padding-right:var(--space-3);
  background:var(--peach);
  color:var(--peach-ink);
}

.runner-ord-receipt-rule{
  display:block;
  background:var(--brand);
}

.runner-ord-receipt-head h3{
  align-self:center;
  color:var(--peach-ink);
  font-size:var(--text-3);
}

.runner-ord-summary{
  display:grid;
  margin:0;
  padding:var(--space-2) var(--space-3);
}

.runner-ord-sum-row{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(7rem,.75fr) minmax(12rem,1fr);
  gap:var(--space-2);
  padding:.7rem 0;
  border-bottom:1px solid color-mix(in srgb,var(--sand-ink) 13%,transparent);
}

.runner-ord-sum-row dt,
.runner-ord-sum-row dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.runner-ord-sum-row dt{
  color:#666b63;
  font-size:var(--text-0);
  font-weight:600;
}

.runner-ord-sum-row dd{
  color:#262c25;
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-1);
  font-weight:650;
  text-align:right;
}

.runner-ord-total-line{
  display:flex;
  min-width:0;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#fff;
  color:#171b24;
}

.runner-ord-total-label{
  color:#5f6570;
  font-size:var(--text-1);
}

.runner-ord-total-line strong{
  min-width:0;
  color:var(--brand);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:clamp(1.4rem,3vw,2rem);
  line-height:1.1;
  text-align:right;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.runner-ord-total-line em{
  margin-left:.35rem;
  color:#5f6570;
  font-size:var(--text-0);
  font-style:normal;
}

.runner-ord-checkout-zone{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}

.runner-ord-btn{
  display:inline-flex;
  min-width:0;
  min-height:2.875rem;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  padding:.72rem 1.1rem;
  border:1px solid transparent;
  border-radius:var(--radius-sm);
  font-family:var(--ac-font-body,var(--font-body));
  font-size:var(--text-1);
  font-weight:700;
  line-height:1.35;
  text-align:center;
  cursor:pointer;
  overflow-wrap:anywhere;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;
}

.runner-ord-btn:hover{
  transform:translateY(-1px);
}

.runner-ord-btn:disabled{
  cursor:not-allowed;
  opacity:.52;
  transform:none;
}

.runner-ord-btn svg{
  width:1rem;
  height:1rem;
  flex:none;
}

button.runner-ord-btn-primary,
a.runner-ord-btn-primary{
  background:var(--ac-primary,var(--brand));
  color:var(--ac-on-primary,#fff);
}

button.runner-ord-btn-primary:hover,
a.runner-ord-btn-primary:hover{
  background:var(--brand-hover);
}

button.runner-ord-btn-secondary,
a.runner-ord-btn-secondary{
  border-color:color-mix(in srgb,var(--ink) 28%,transparent);
  background:#fff;
  color:#20242c;
}

button.runner-ord-btn-outline,
a.runner-ord-btn-outline{
  border-color:color-mix(in srgb,currentColor 42%,transparent);
  background:transparent;
  color:inherit;
}

.runner-ord-finish .runner-ord-btn-outline{
  border-color:color-mix(in srgb,#fff 42%,transparent);
  color:#f4f6f8;
}

button.runner-ord-btn-danger{
  border-color:color-mix(in srgb,var(--ac-danger,#a92f35) 55%,transparent);
  background:var(--ac-danger,#a92f35);
  color:#fff;
}

.runner-ord-message,
.runner-ord-auth-message{
  padding:.8rem 1rem;
  border-radius:var(--radius-sm);
  background:#f8e4e5;
  color:#81232a;
  font-size:var(--text-1);
  line-height:1.5;
}

.runner-ord-message.is-ok,
.runner-ord-auth-message.is-ok{
  background:var(--sage);
  color:#1d5b31;
}

.runner-ord-gateway,
.runner-ord-auth{
  grid-column:1/-1;
  min-width:0;
  margin-top:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
}

.runner-ord-gateway{
  background:var(--blue);
  color:var(--blue-ink);
}

.runner-ord-gateway-head{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:var(--space-3);
}

.runner-ord-gateway-head h3{
  color:var(--blue-ink);
  font-size:var(--text-3);
}

.runner-ord-gw-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));
  gap:.75rem;
}

.runner-ord-gw-item{
  display:grid;
  min-width:10rem;
  min-height:3.5rem;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  padding:.8rem 1rem;
  border:1px solid var(--input-line);
  border-radius:var(--radius-sm);
  background:#fff;
  color:#202a3d;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.runner-ord-gw-item:hover{
  border-color:var(--brand);
  background:var(--sage);
  transform:translateY(-1px);
}

.runner-ord-gw-item:disabled{
  cursor:not-allowed;
  opacity:.5;
  transform:none;
}

.runner-ord-gw-item strong{
  min-width:0;
  color:inherit;
  font-size:var(--text-1);
  line-height:1.4;
  overflow-wrap:anywhere;
}

.runner-ord-gw-item small{
  color:#667184;
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  line-height:1.3;
}

.runner-ord-gateway-redirect{
  margin-top:var(--space-2);
  color:#5e687a;
  font-size:var(--text-0);
}

.runner-ord-gateway #ord-gw-cancel{
  margin-top:var(--space-2);
  border-color:color-mix(in srgb,var(--blue-ink) 35%,transparent);
  color:var(--blue-ink);
}

.runner-ord-auth{
  display:grid;
  grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);
  gap:var(--space-3);
  border:1px solid color-mix(in srgb,var(--sand-ink) 20%,transparent);
  background:var(--sand);
  color:var(--sand-ink);
}

.runner-ord-auth-intro{
  display:grid;
  align-content:start;
  gap:var(--space-2);
}

.runner-ord-auth-code-mark{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:var(--brand);
  color:var(--ac-on-primary,#fff);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  font-weight:750;
}

.runner-ord-auth-intro p{
  color:#575d55;
  font-size:var(--text-1);
}

.runner-ord-auth-line{
  display:grid;
  min-width:0;
  gap:.5rem;
  grid-column:2;
}

.runner-ord-auth-line label{
  color:#2b3028;
  font-size:var(--text-1);
  font-weight:650;
}

.runner-ord-auth-control{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:.65rem;
}

.runner-ord-input{
  width:100%;
  min-width:0;
  min-height:2.75rem;
  padding:.7rem .85rem;
  border:1px solid var(--input-line);
  border-radius:var(--radius-sm);
  background:#fff;
  color:#171b24;
  font-size:var(--text-2);
  line-height:1.4;
}

.runner-ord-input:focus{
  border-color:var(--brand);
  outline:3px solid color-mix(in srgb,var(--brand) 18%,transparent);
}

.runner-ord-code-input{
  font-family:var(--ac-font-mono,var(--font-mono));
  font-variant-numeric:tabular-nums;
  letter-spacing:.18em;
}

.runner-ord-auth-message{
  grid-column:2;
}

.runner-ord-dialog{
  position:fixed;
  inset:0;
  z-index:500;
  display:grid;
  place-items:center;
  padding:var(--gutter);
}

.runner-ord-dialog-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(10,14,20,.72);
  cursor:pointer;
}

.runner-ord-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,32rem);
  max-height:calc(100vh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#fff;
  color:#171b24;
  text-align:center;
  box-shadow:0 2rem 5rem rgba(0,0,0,.28);
}

.runner-ord-dialog-check{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  margin-inline:auto;
  border-radius:50%;
  background:var(--sage);
  color:var(--brand);
}

.runner-ord-dialog-check svg{
  width:1.4rem;
  height:1.4rem;
}

.runner-ord-dialog-kicker{
  margin-top:var(--space-2);
  color:var(--brand);
  font-family:var(--ac-font-mono,var(--font-mono));
  font-size:var(--text-0);
  font-weight:750;
  letter-spacing:.08em;
}

.runner-ord-dialog-panel h3{
  margin-top:var(--space-2);
  color:var(--heading-ink);
  font-size:var(--text-4);
}

.runner-ord-dialog-panel>p:not(.runner-ord-dialog-kicker){
  margin-top:var(--space-2);
  color:var(--muted);
}

.runner-ord-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:.75rem;
  margin-top:var(--space-3);
}
.runner-ord-dialog-panel .runner-ord-dialog-actions{justify-content:center}

.runner-ord-dialog-panel .runner-ord-btn-outline{
  border-color:color-mix(in srgb,#171b24 35%,transparent);
  color:#252a34;
}

.runner-ord-panel.is-open,
.runner-ord-gateway.is-open,
.runner-ord-auth.is-open{
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 38%,transparent);
}

.runner-ord-chip-ok,
.runner-ord-chip-warn,
.runner-ord-chip-bad,
.runner-ord-chip-idle{
  display:inline-flex;
  min-height:1.75rem;
  align-items:center;
  padding:.35rem .65rem;
  border-radius:999px;
  font-size:var(--text-0);
  font-weight:700;
  line-height:1;
}

.runner-ord-chip-ok{background:var(--sage);color:#1d5b31}
.runner-ord-chip-warn{background:var(--sand);color:#66551f}
.runner-ord-chip-bad{background:#f8e4e5;color:#81232a}
.runner-ord-chip-idle{background:var(--blue);color:#4d586b}

.runner-ord-cred{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(7rem,.7fr) minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  padding:.75rem 0;
  border-bottom:1px solid var(--line-soft);
}

.runner-ord-cred>*{
  min-width:0;
  overflow-wrap:anywhere;
}

.runner-ord-cred .runner-ord-btn{
  min-height:1.875rem;
  padding:.35rem .65rem;
}

.runner-ord-note{
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--blue);
  color:var(--blue-ink);
}

.runner-ord-message.is-mine{
  margin-left:auto;
  background:var(--sage);
  color:var(--sage-ink);
}

@media(max-width:64rem){
  .runner-ord-order-head{
    grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);
  }

  .runner-ord-region-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .runner-ord-checkout-zone .runner-ord-message{
    width:100%;
  }
}

@media(max-width:760px){
  .runner-ord-order{
    padding:var(--space-4) var(--gutter) var(--space-6);
  }

  .runner-ord-order-head,
  .runner-ord-relay{
    grid-template-columns:minmax(0,1fr);
  }

  .runner-ord-order-head{
    align-items:start;
    gap:var(--space-3);
  }

  .runner-ord-order-heading h1{
    font-size:clamp(2.15rem,11vw,3rem);
  }

  .runner-ord-plan-deck,
  .runner-ord-period-station,
  .runner-ord-storage-station,
  .runner-ord-region-station,
  .runner-ord-finish{
    padding:var(--space-3);
  }

  .runner-ord-plan-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .runner-ord-plan{
    min-height:0;
  }

  .runner-ord-region-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .runner-ord-finish-copy,
  .runner-ord-receipt,
  .runner-ord-checkout-zone{
    grid-column:auto;
  }

  .runner-ord-checkout-zone{
    display:flex;
  }

  .runner-ord-gateway,
  .runner-ord-auth{
    grid-column:auto;
  }

  .runner-ord-auth{
    grid-template-columns:minmax(0,1fr);
  }

  .runner-ord-auth-line,
  .runner-ord-auth-message{
    grid-column:auto;
  }

  .runner-ord-dialog-panel{
    padding:var(--space-3);
  }
}

@media(max-width:30rem){
  .runner-ord-period-seg,
  .runner-ord-ssd-seg,
  .runner-ord-region-grid,
  .runner-ord-gw-list{
    grid-template-columns:minmax(0,1fr);
  }

  .runner-ord-plan-spec{
    grid-template-columns:minmax(0,1fr);
  }

  .runner-ord-extra-choice{
    grid-template-columns:auto minmax(0,1fr);
  }

  .runner-ord-extra-choice em{
    grid-column:2;
  }

  .runner-ord-sum-row{
    grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr);
  }

  .runner-ord-auth-control{
    grid-template-columns:minmax(0,1fr);
  }

  .runner-ord-auth-control .runner-ord-btn{
    width:100%;
  }

  .runner-ord-dialog-actions{
    flex-direction:column;
  }

  .runner-ord-dialog-actions .runner-ord-btn{
    width:100%;
  }

  .runner-ord-cred{
    grid-template-columns:minmax(0,1fr);
  }
}