.dplymac-ord-order{
    --ac-primary: #C23800;
  --ac-accent: #8C5A00;
  --ac-bg: #FFFFFF;
  --ac-card: #FAFAF8;
  --ac-ink: #141210;
  --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: #141210;
  --ac-r: 18px;
  --ac-font-head: "Sora", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Manrope", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  width:min(calc(100% - var(--d-gutter)*2),var(--d-container-wide));
  margin-inline:auto;
  padding:var(--d-space-5) 0 var(--d-space-6);
  color:var(--ac-ink);
  background:var(--ac-bg);
  font-family:var(--ac-font-body);
}

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

.dplymac-ord-ord-intro{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(17rem,.5fr);
  align-items:end;
  gap:var(--d-space-4);
  margin-bottom:var(--d-space-4);
}

.dplymac-ord-ord-intro-copy{
  min-width:0;
}

.dplymac-ord-ord-kicker{
  width:fit-content;
  margin:0 0 var(--d-space-2);
  padding:.45rem .75rem;
  border-radius:var(--d-radius-pill);
  color:#2B211A;
  background:#F3EEE7;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.4;
  text-transform:uppercase;
}

.dplymac-ord-ord-intro h1{
  max-width:15ch;
  color:#141210;
  font-family:var(--ac-font-head);
  font-size:clamp(2.4rem,5vw,4.1rem);
  line-height:1.15;
  letter-spacing:-.045em;
}

.dplymac-ord-ord-desc{
  max-width:48rem;
  margin-top:var(--d-space-3);
  color:#625F5B;
  font-size:var(--d-text-lg);
}

.dplymac-ord-ord-dispatch{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.75rem 1rem;
  align-items:start;
  padding:var(--d-space-3);
  color:#FFFFFF;
  background:#141210;
  border-radius:var(--d-radius-md);
}

.dplymac-ord-ord-dispatch-mark{
  grid-row:1 / span 2;
  color:#FF9B72;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-sm);
  font-weight:700;
}

.dplymac-ord-ord-dispatch strong{
  min-width:0;
  color:#FFFFFF;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-md);
  line-height:1.55;
}

.dplymac-ord-ord-dispatch-line{
  width:100%;
  height:.35rem;
  overflow:hidden;
  background:#393532;
}

.dplymac-ord-ord-dispatch-line:after{
  content:"";
  display:block;
  width:80%;
  height:100%;
  background:#C23800;
}

.dplymac-ord-ord-sheet{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--d-space-3);
  padding:0;
  border:0;
}

.dplymac-ord-ord-plan-bay,
.dplymac-ord-ord-period-bay,
.dplymac-ord-ord-storage-bay,
.dplymac-ord-ord-region-bay,
.dplymac-ord-ord-confirm-bay{
  min-width:0;
  border-radius:var(--d-radius-md);
}

.dplymac-ord-ord-plan-bay{
  grid-column:1 / -1;
  padding:var(--d-space-4);
  color:#2B211A;
  background:#F3EEE7;
}

.dplymac-ord-ord-control-deck{
  grid-column:1 / span 5;
  min-width:0;
  display:grid;
  gap:var(--d-space-3);
  align-content:start;
}

.dplymac-ord-ord-period-bay{
  padding:var(--d-space-3);
  color:#2C2238;
  background:#EEEAF3;
}

.dplymac-ord-ord-storage-bay{
  padding:var(--d-space-3);
  color:#172A39;
  background:#E9EEF3;
}

.dplymac-ord-ord-region-bay{
  grid-column:6 / -1;
  min-height:100%;
  padding:var(--d-space-4);
  color:#15322D;
  background:#E8F0EE;
}

.dplymac-ord-ord-confirm-bay{
  grid-column:1 / -1;
  overflow:hidden;
  padding:0;
  color:#FFFFFF;
  background:#141210;
}

.dplymac-ord-ord-section-head,
.dplymac-ord-ord-confirm-heading{
  display:flex;
  align-items:flex-start;
  gap:var(--d-space-2);
}

.dplymac-ord-ord-section-head{
  margin-bottom:var(--d-space-3);
}

.dplymac-ord-ord-section-head>div,
.dplymac-ord-ord-confirm-heading>div{
  min-width:0;
}

.dplymac-ord-ord-index{
  width:2.25rem;
  height:2.25rem;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#FFFFFF;
  background:#141210;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
  line-height:1;
}

.dplymac-ord-ord-confirm-heading .dplymac-ord-ord-index{
  color:#141210;
  background:#FFFFFF;
}

.dplymac-ord-ord-section-head h2,
.dplymac-ord-ord-confirm-heading h2{
  color:inherit;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-xl);
  line-height:1.25;
}

.dplymac-ord-ord-section-head p{
  margin-top:.35rem;
  color:inherit;
  font-size:var(--d-text-sm);
  opacity:.76;
}

.dplymac-ord-ord-plan-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));
  align-items:start;
  gap:var(--d-space-2);
}

.dplymac-ord-plan{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
  border:1px solid transparent;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
  text-align:left;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

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

.dplymac-ord-plan[aria-checked="true"],
.dplymac-ord-plan.is-on,
.dplymac-ord-plan.is-mine{
  border-color:#C23800;
  box-shadow:inset 0 0 0 1px #C23800;
}

.dplymac-ord-plan-chip{
  width:fit-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  align-self:start;
  padding:.35rem .65rem;
  border-radius:var(--d-radius-pill);
  color:#15322D;
  background:#E8F0EE;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
  line-height:1.35;
}

.dplymac-ord-plan-name{
  min-width:0;
  display:block;
  margin-top:var(--d-space-2);
  color:#141210;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-xl);
  font-weight:800;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.dplymac-ord-plan-price{
  justify-self:end;
  color:#8C3500;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-lg);
  font-weight:700;
  line-height:1.25;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.dplymac-ord-plan-spec{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--d-space-1);
  padding-top:var(--d-space-2);
  border-top:1px solid #DEDCD7;
  color:#514E49;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-sm);
  line-height:1.55;
}

.dplymac-ord-ord-period-seg,
.dplymac-ord-ord-ssd-seg{
  display:grid;
  gap:.5rem;
}

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

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

.dplymac-ord-seg-btn{
  min-width:0;
  min-height:3.2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  padding:.75rem .85rem;
  border:1px solid color-mix(in srgb,currentColor 25%,transparent);
  border-radius:var(--d-radius-sm);
  color:#2C2238;
  background:#FFFFFF;
  text-align:left;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}

.dplymac-ord-ord-storage-bay .dplymac-ord-seg-btn{
  color:#172A39;
}

.dplymac-ord-seg-btn strong{
  min-width:0;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-sm);
  line-height:1.35;
  overflow-wrap:anywhere;
}

.dplymac-ord-seg-btn span{
  flex:0 0 auto;
  color:#6A6470;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
}

.dplymac-ord-seg-btn[aria-checked="true"],
.dplymac-ord-seg-btn[aria-selected="true"],
.dplymac-ord-seg-btn.is-on{
  color:#FFFFFF;
  background:#141210;
  border-color:#141210;
}

.dplymac-ord-seg-btn[aria-checked="true"] span,
.dplymac-ord-seg-btn[aria-selected="true"] span,
.dplymac-ord-seg-btn.is-on span{
  color:#D7D3CF;
}

.dplymac-ord-ord-tb5{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--d-space-1);
  margin-top:var(--d-space-3);
  padding:var(--d-space-2);
  border-radius:var(--d-radius-sm);
  color:#172A39;
  background:#FFFFFF;
  cursor:pointer;
}

.dplymac-ord-ord-tb5 input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
}

.dplymac-ord-ord-check{
  width:1.15rem;
  height:1.15rem;
  display:grid;
  place-items:center;
  border:1px solid #6E7D88;
  border-radius:var(--d-radius-sm);
  background:#FFFFFF;
}

.dplymac-ord-ord-tb5 input:checked+.dplymac-ord-ord-check{
  border-color:#C23800;
  background:#C23800;
}

.dplymac-ord-ord-tb5 input:checked+.dplymac-ord-ord-check:after{
  content:"";
  width:.4rem;
  height:.22rem;
  border-left:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  transform:translateY(-1px) rotate(-45deg);
}

.dplymac-ord-ord-tb5 input:focus-visible+.dplymac-ord-ord-check{
  outline:3px solid color-mix(in srgb,#C23800 35%,transparent);
  outline-offset:3px;
}

.dplymac-ord-ord-tb5-copy{
  min-width:0;
}

.dplymac-ord-ord-tb5-copy strong,
.dplymac-ord-ord-tb5-copy small{
  display:block;
  color:#172A39;
}

.dplymac-ord-ord-tb5-copy strong{
  font-family:var(--ac-font-head);
  font-size:var(--d-text-sm);
  line-height:1.4;
}

.dplymac-ord-ord-tb5-copy small{
  margin-top:.3rem;
  color:#526571;
  font-size:var(--d-text-xs);
}

.dplymac-ord-ord-tb5 em{
  color:#7A3300;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-sm);
  font-style:normal;
  font-weight:700;
  text-align:right;
}

.dplymac-ord-ord-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  align-items:start;
  gap:var(--d-space-2);
}

.dplymac-ord-region{
  width:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
  border:1px solid transparent;
  border-radius:var(--d-radius-md);
  color:#15322D;
  background:#FFFFFF;
  text-align:left;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.dplymac-ord-region:hover{
  transform:translateY(-2px);
  box-shadow:var(--d-shadow);
}

.dplymac-ord-region[aria-checked="true"],
.dplymac-ord-region.is-on,
.dplymac-ord-region.is-mine{
  border-color:#C23800;
  box-shadow:inset 0 0 0 1px #C23800;
}

.dplymac-ord-region.is-ok{
  color:#15322D;
  background:#FFFFFF;
}

.dplymac-ord-ord-confirm-heading{
  padding:var(--d-space-4) var(--d-space-4) var(--d-space-3);
  color:#FFFFFF;
}

.dplymac-ord-ord-confirm-heading p{
  margin-top:.4rem;
  color:#C8C4BF;
  font-size:var(--d-text-sm);
}

.dplymac-ord-ord-summary{
  display:grid;
  grid-template-columns:minmax(10rem,.65fr) minmax(0,2fr) minmax(12rem,.65fr);
  align-items:stretch;
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
}

.dplymac-ord-ord-summary-title,
.dplymac-ord-ord-total-block{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:var(--d-space-3);
}

.dplymac-ord-ord-summary-title{
  color:#2B211A;
  background:#F3EEE7;
}

.dplymac-ord-ord-summary-title span{
  color:#735F51;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dplymac-ord-ord-summary-title h3{
  margin-top:var(--d-space-2);
  color:#2B211A;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-xl);
}

.dplymac-ord-ord-summary-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));
  margin:0;
  padding:0;
}

.dplymac-ord-ord-summary-grid>div{
  min-width:0;
  padding:var(--d-space-3);
  border-left:1px solid rgba(255,255,255,.18);
}

.dplymac-ord-ord-summary-grid dt{
  color:#AAA49E;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:500;
}

.dplymac-ord-ord-summary-grid dd{
  margin-top:.45rem;
  color:#FFFFFF;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-sm);
  font-weight:700;
  overflow-wrap:anywhere;
}

.dplymac-ord-ord-total-block{
  border-left:1px solid rgba(21,50,45,.22);
  color:#141210;
  background:#E8F0EE;
}

.dplymac-ord-ord-total-label{
  color:#49635E;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
}

.dplymac-ord-ord-total-block strong{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem;
  margin-top:.45rem;
  color:#15322D;
  font-family:var(--ac-font-mono);
  font-size:clamp(1.65rem,3vw,2.55rem);
  line-height:1.15;
  font-variant-numeric:tabular-nums;
}

.dplymac-ord-ord-total-block em{
  color:#49635E;
  font-size:var(--d-text-sm);
  font-style:normal;
}

.dplymac-ord-ord-checkout-rail{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--d-space-3);
  padding:var(--d-space-3) var(--d-space-4);
}

.dplymac-ord-ord-payment-copy{
  min-width:0;
}

.dplymac-ord-ord-payment-copy strong,
.dplymac-ord-ord-payment-copy span{
  display:block;
}

.dplymac-ord-ord-payment-copy strong{
  color:#FFFFFF;
  font-size:var(--d-text-sm);
}

.dplymac-ord-ord-payment-copy span{
  margin-top:.35rem;
  color:#BDB8B2;
  font-size:var(--d-text-xs);
}

.dplymac-ord-ord-checkout,
.dplymac-ord-ord-auth-send,
.dplymac-ord-ord-auth-verify,
.dplymac-ord-ord-dialog-console{
  min-height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.7rem 1.2rem;
  border:1px solid #C23800;
  border-radius:var(--d-radius-pill);
  color:var(--ac-on-primary);
  background:var(--ac-primary);
  font-family:var(--ac-font-head);
  font-size:var(--d-text-sm);
  font-weight:700;
  line-height:1.3;
  text-align:center;
}

.dplymac-ord-ord-checkout:hover,
.dplymac-ord-ord-auth-send:hover,
.dplymac-ord-ord-auth-verify:hover,
.dplymac-ord-ord-dialog-console:hover{
  background:#982C00;
  border-color:#982C00;
}

.dplymac-ord-ord-msg,
.dplymac-ord-ord-auth-msg{
  margin:0 var(--d-space-4) var(--d-space-3);
  padding:var(--d-space-2);
  border-radius:var(--d-radius-sm);
  color:#FFFFFF;
  background:#922D21;
  font-size:var(--d-text-sm);
}

.dplymac-ord-ord-msg.is-ok,
.dplymac-ord-ord-auth-msg.is-ok{
  color:#FFFFFF;
  background:#38684F;
}

.dplymac-ord-ord-console{
  width:fit-content;
  display:inline-flex;
  margin:0 var(--d-space-4) var(--d-space-3);
  padding:.65rem 1rem;
  border:1px solid rgba(255,255,255,.45);
  border-radius:var(--d-radius-pill);
  color:#FFFFFF;
  background:transparent;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-sm);
  font-weight:700;
}

.dplymac-ord-ord-auth,
.dplymac-ord-ord-gw{
  width:min(calc(100% - var(--d-gutter)*2),48rem);
  margin:var(--d-space-4) auto 0;
  overflow:hidden;
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
  box-shadow:var(--d-shadow);
}

.dplymac-ord-ord-gw{
  padding:0 var(--d-space-3) var(--d-space-3);
}

.dplymac-ord-ord-gw .dplymac-ord-ord-gw-head{
  width:calc(100% + var(--d-space-3)*2);
  margin-inline:calc(var(--d-space-3)*-1);
}

.dplymac-ord-ord-auth.is-open,
.dplymac-ord-ord-gw.is-open{
  display:block;
}

.dplymac-ord-ord-auth-head,
.dplymac-ord-ord-gw-head{
  display:flex;
  align-items:center;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
  color:#2C2238;
  background:#EEEAF3;
}

.dplymac-ord-ord-auth-head span,
.dplymac-ord-ord-gw-head span{
  flex:0 0 auto;
  color:#5E4E69;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.dplymac-ord-ord-auth-head strong{
  color:#2C2238;
  font-size:var(--d-text-sm);
}

.dplymac-ord-ord-gw-head h3{
  color:#2C2238;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-xl);
}

.dplymac-ord-ord-auth-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:var(--d-space-2);
  padding:var(--d-space-3);
}

.dplymac-ord-ord-auth-code-block{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:var(--d-space-2);
  padding-top:var(--d-space-2);
  border-top:1px solid #DEDCD7;
}

.dplymac-ord-ord-field{
  min-width:0;
  display:grid;
  gap:.5rem;
  color:#141210;
}

.dplymac-ord-ord-field span{
  color:#4F4B46;
  font-size:var(--d-text-sm);
  font-weight:700;
}

.dplymac-ord-ord-field input{
  width:100%;
  min-width:0;
  min-height:2.8rem;
  padding:.75rem .9rem;
  border:1px solid #AAA69F;
  border-radius:var(--d-radius-sm);
  color:#141210;
  background:#FFFFFF;
}

.dplymac-ord-ord-gw>p{
  padding:var(--d-space-3) 0 0;
  color:#625F5B;
}

.dplymac-ord-ord-gw-list{
  display:grid;
  gap:var(--d-space-1);
  padding:var(--d-space-3) 0;
}

.dplymac-ord-gw-item{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--d-space-2);
  padding:var(--d-space-2);
  border:1px solid #AAA69F;
  border-radius:var(--d-radius-sm);
  color:#141210;
  background:#FFFFFF;
  text-align:left;
}

.dplymac-ord-gw-item:hover,
.dplymac-ord-gw-item.is-on,
.dplymac-ord-gw-item[aria-checked="true"]{
  border-color:#C23800;
  box-shadow:inset 0 0 0 1px #C23800;
}

.dplymac-ord-gw-item.is-ok{
  color:#15322D;
  background:#E8F0EE;
  border-color:#38684F;
}

.dplymac-ord-ord-gw-cancel,
.dplymac-ord-ord-dialog-stay{
  min-height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.7rem 1.2rem;
  border:1px solid color-mix(in srgb,currentColor 40%,transparent);
  border-radius:var(--d-radius-pill);
  color:#141210;
  background:#FFFFFF;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-sm);
  font-weight:700;
}

.dplymac-ord-ord-gw-cancel{
  margin:0;
}

.dplymac-ord-ord-dialog{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:var(--d-gutter);
  background:rgba(20,18,16,.72);
  backdrop-filter:blur(10px);
}

.dplymac-ord-ord-dialog.is-open{
  display:grid;
}

.dplymac-ord-ord-dialog-card{
  width:min(100%,34rem);
  overflow:hidden;
  padding:0 var(--d-space-4) var(--d-space-4);
  border-radius:var(--d-radius-md);
  color:#141210;
  background:#FFFFFF;
  box-shadow:0 24px 80px rgba(0,0,0,.25);
  text-align:center;
}

.dplymac-ord-ord-dialog-status{
  width:calc(100% + var(--d-space-4)*2);
  height:.7rem;
  margin-inline:calc(var(--d-space-4)*-1);
  background:#E8F0EE;
}

.dplymac-ord-ord-dialog-status span{
  width:72%;
  height:100%;
  display:block;
  margin-inline:auto;
  background:#38684F;
}

.dplymac-ord-ord-dialog-kicker{
  width:fit-content;
  margin:var(--d-space-4) auto var(--d-space-2);
  padding:.4rem .75rem;
  border-radius:var(--d-radius-pill);
  color:#15322D;
  background:#E8F0EE;
  font-family:var(--ac-font-mono);
  font-size:var(--d-text-xs);
  font-weight:700;
}

.dplymac-ord-ord-dialog-card h3{
  color:#141210;
  font-family:var(--ac-font-head);
  font-size:var(--d-text-2xl);
}

.dplymac-ord-ord-dialog-body{
  margin-top:var(--d-space-2);
  color:#625F5B;
}

.dplymac-ord-ord-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--d-space-1);
  margin-top:var(--d-space-3);
}

.dplymac-ord-order .is-mine{
  outline-color:#C23800;
}

.dplymac-ord-order .is-ok{
  --ord-state:#38684F;
}

.dplymac-ord-order .is-on{
  --ord-state:#C23800;
}

.dplymac-ord-order [aria-checked="true"],
.dplymac-ord-order [aria-selected="true"]{
  font-weight:700;
}

@media (max-width:900px){
  .dplymac-ord-ord-intro{
    grid-template-columns:1fr;
    align-items:start;
  }

  .dplymac-ord-ord-dispatch{
    grid-template-columns:auto minmax(0,1fr);
  }

  .dplymac-ord-ord-control-deck,
  .dplymac-ord-ord-region-bay{
    grid-column:1 / -1;
  }

  .dplymac-ord-ord-control-deck{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
  }

  .dplymac-ord-ord-summary{
    grid-template-columns:1fr;
  }

  .dplymac-ord-ord-summary-grid>div,
  .dplymac-ord-ord-total-block{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
  }

  .dplymac-ord-ord-total-block{
    border-top-color:rgba(21,50,45,.22);
  }
}

@media (max-width:760px){
  .dplymac-ord-order{
    width:min(calc(100% - 2rem),var(--d-container-wide));
    padding:var(--d-space-4) 0;
  }

  .dplymac-ord-ord-intro{
    gap:var(--d-space-3);
    margin-bottom:var(--d-space-3);
  }

  .dplymac-ord-ord-intro h1{
    max-width:none;
    font-size:clamp(2.25rem,12vw,3.4rem);
  }

  .dplymac-ord-ord-desc{
    margin-top:var(--d-space-2);
    font-size:var(--d-text-md);
  }

  .dplymac-ord-ord-sheet{
    display:flex;
    flex-direction:column;
    gap:var(--d-space-2);
  }

  .dplymac-ord-ord-plan-bay,
  .dplymac-ord-ord-region-bay{
    padding:var(--d-space-3);
  }

  .dplymac-ord-ord-control-deck{
    display:flex;
    flex-direction:column;
    gap:var(--d-space-2);
  }

  .dplymac-ord-ord-period-bay,
  .dplymac-ord-ord-storage-bay{
    width:100%;
  }

  .dplymac-ord-ord-plan-grid,
  .dplymac-ord-ord-region-grid{
    grid-template-columns:1fr;
  }

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

  .dplymac-ord-plan-price{
    justify-self:start;
    text-align:left;
  }

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

  .dplymac-ord-ord-period-seg,
  .dplymac-ord-ord-ssd-seg{
    grid-template-columns:1fr;
  }

  .dplymac-ord-ord-tb5{
    grid-template-columns:auto minmax(0,1fr);
  }

  .dplymac-ord-ord-tb5 em{
    grid-column:2;
    text-align:left;
  }

  .dplymac-ord-ord-confirm-heading{
    padding:var(--d-space-3);
  }

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

  .dplymac-ord-ord-summary-grid>div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
  }

  .dplymac-ord-ord-checkout-rail{
    align-items:stretch;
    flex-direction:column;
    padding:var(--d-space-3);
  }

  .dplymac-ord-ord-checkout{
    width:100%;
  }

  .dplymac-ord-ord-auth,
  .dplymac-ord-ord-gw{
    width:100%;
    margin-top:var(--d-space-3);
  }

  .dplymac-ord-ord-auth-fields,
  .dplymac-ord-ord-auth-code-block{
    grid-template-columns:1fr;
  }

  .dplymac-ord-ord-auth-send,
  .dplymac-ord-ord-auth-verify{
    width:100%;
  }

  .dplymac-ord-ord-dialog-card h3,
  .dplymac-ord-ord-dialog-body,
  .dplymac-ord-ord-dialog-actions{
    padding-inline:var(--d-space-3);
  }

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

  .dplymac-ord-ord-dialog-console,
  .dplymac-ord-ord-dialog-stay{
    width:100%;
  }
}

@media (max-width:390px){
  .dplymac-ord-order{
    width:calc(100% - 2rem);
  }

  .dplymac-ord-ord-dispatch{
    grid-template-columns:1fr;
  }

  .dplymac-ord-ord-dispatch-mark{
    grid-row:auto;
  }

  .dplymac-ord-ord-summary-grid{
    grid-template-columns:1fr;
  }

  .dplymac-ord-plan-spec{
    grid-template-columns:1fr;
  }
}