.dgxo-page{
  padding-bottom:var(--space-close);
  color:#4A4640;
}
.dgxo-page [hidden]{
  display:none!important;
}
.dgxo-hero{
  padding-block:var(--hero-top) var(--space-7);
  background:#E4EFFB;
  color:#1E3550;
  --surface-bg:#E4EFFB;
  --surface-heading:#1E3550;
  --surface-body:#1E3550;
  --surface-muted:#1E3550;
  --surface-line:#C9D9EC;
}
.dgxo-hero h1{
  max-width:100%;
  color:#1E3550;
  font-size:var(--text-section);
  line-height:var(--lh-title);
}
.dgxo-lead{
  max-width:48rem;
  margin-top:var(--space-2);
  color:#1E3550;
}
.dgxo-hero-facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1);
  margin-top:var(--space-3);
}
.dgxo-hero-facts span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.4em .9em;
  border-radius:var(--r-pill);
  background:#FFFFFF;
  color:#1E3550;
  font-size:var(--text-xs);
  line-height:1.4;
}
.dgxo-content{
  display:flex;
  flex-direction:column;
  gap:var(--space-6);
  padding-top:var(--space-7);
}
.dgxo-content>*,
.dgxo-section-head>*,
.dgxo-rate-row>*,
.dgxo-days-row>*,
.dgxo-total-row>*{
  min-width:0;
}
.dgxo-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-bottom:var(--space-3);
}
.dgxo-label{
  margin-bottom:var(--space-1);
  color:#625D55;
  font-size:var(--text-xs);
}
.dgxo-page h2{
  color:#1C1B19;
  font-size:var(--text-reading);
  line-height:1.35;
}
.dgxo-specs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  margin:0;
}
.dgxo-specs>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:#F5F4F1;
  color:#1C1B19;
  --surface-bg:#F5F4F1;
  --surface-heading:#1C1B19;
  --surface-body:#4A4640;
  --surface-muted:#625D55;
  --surface-line:#E6E1D8;
}
.dgxo-specs dt{
  color:#625D55;
  font-size:var(--text-xs);
}
.dgxo-specs dd{
  min-width:0;
  margin:0;
  color:#1C1B19;
  font-size:var(--text-sm);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  overflow-wrap:break-word;
}
.dgxo-specs dd span{
  display:block;
  margin-top:var(--space-1);
  color:#4A4640;
  font-size:var(--text-xs);
  font-weight:400;
}
.dgxo-spec-note{
  margin-top:var(--space-2);
  color:#625D55;
  font-size:var(--text-sm);
}
.dgxo-rental{
  padding:var(--space-4);
  border-radius:var(--r-l);
  background:#FFF1D6;
  color:#5A3A00;
  --surface-bg:#FFF1D6;
  --surface-heading:#5A3A00;
  --surface-body:#5A3A00;
  --surface-muted:#5A3A00;
  --surface-line:#E4D3AF;
}
.dgxo-rental h2{
  color:#5A3A00;
}
.dgxo-copy{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0;
}
.dgxo-copy p{
  max-width:48rem;
}
.dgxo-rate-row,
.dgxo-days-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:var(--space-4);
}
.dgxo-rate{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:var(--space-1);
  color:#1C1B19;
  font-variant-numeric:tabular-nums;
}
.dgxo-rate b{
  font:800 var(--text-section)/1.2 var(--fm);
}
.dgxo-rate>span{
  font-size:var(--text-sm);
}
.dgxo-days-row{
  margin-top:var(--space-4);
  padding-top:var(--space-4);
  border-top:1px solid #E4D3AF;
}
.dgxo-days-field{
  justify-items:start;
}
.dgxo-days-field .c-field-help{
  color:#5A3A00;
}
.dgxo-stepper input[aria-invalid="true"]{
  border-color:#7F4E00;
  background:#FFFFFF;
  color:#5A3A00;
  outline:2px solid #7F4E00;
  outline-offset:2px;
}
.dgxo-checks{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.dgxo-check{
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:#ECE8F7;
  color:#34295C;
  --surface-bg:#ECE8F7;
  --surface-heading:#34295C;
  --surface-body:#34295C;
  --surface-muted:#34295C;
  --surface-line:#DDD7EC;
}
.dgxo-check>span{
  min-width:0;
  overflow-wrap:break-word;
}
.dgxo-check strong{
  display:block;
  color:#34295C;
  font-size:var(--text-base);
  font-weight:600;
}
.dgxo-check-detail{
  display:block;
  margin-top:var(--space-1);
  color:#34295C;
  font-size:var(--text-sm);
}
.dgxo-gateways{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  align-items:stretch;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.dgxo-gateways:empty{
  margin-top:0;
}
.dgxo-page [data-dgx-gw-item]{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border:1px solid #938B7D;
  border-radius:var(--r-m);
  background:#F5F4F1;
  color:#1C1B19;
  cursor:pointer;
  --surface-bg:#F5F4F1;
  --surface-heading:#1C1B19;
  --surface-body:#4A4640;
  --surface-muted:#625D55;
  --surface-line:#E6E1D8;
}
.dgxo-page [data-dgx-gw-item].is-on{
  border-color:#7F4E00;
  background:#FFF1D6;
  color:#5A3A00;
  --surface-bg:#FFF1D6;
  --surface-heading:#5A3A00;
  --surface-body:#5A3A00;
  --surface-muted:#5A3A00;
  --surface-line:#E4D3AF;
}
.dgxo-page [data-dgx-gw-item]:focus-within{
  outline:2px solid #7F4E00;
  outline-offset:3px;
}
.dgxo-page [data-dgx-gw-item]>span{
  min-width:0;
  overflow-wrap:break-word;
}
.dgxo-page [data-dgx-gw-item] input[type="radio"]{
  appearance:none;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  margin:0;
  border:1.5px solid #938B7D;
  border-radius:50%;
  background:#FFFFFF;
  color:#7F4E00;
}
.dgxo-page [data-dgx-gw-item] input[type="radio"]::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#7F4E00;
  color:#FFFFFF;
  transform:scale(0);
}
.dgxo-page [data-dgx-gw-item] input[type="radio"]:checked::before{
  transform:scale(1);
}
.dgxo-page [data-dgx-gw-item] img{
  display:inline-block;
  width:auto;
  max-width:6rem;
  max-height:var(--space-4);
  margin-inline-end:var(--space-1);
  object-fit:contain;
}
.dgxo-page [data-dgx-gw-note]{
  grid-column:1/-1;
  margin:0;
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:#F5F4F1;
  color:#4A4640;
  font-size:var(--text-sm);
  --surface-bg:#F5F4F1;
  --surface-heading:#1C1B19;
  --surface-body:#4A4640;
  --surface-muted:#625D55;
  --surface-line:#E6E1D8;
}
.dgxo-settlement{
  padding:var(--space-4);
  border-radius:var(--r-l);
  background:#E4EFFB;
  color:#1E3550;
  --surface-bg:#E4EFFB;
  --surface-heading:#1E3550;
  --surface-body:#1E3550;
  --surface-muted:#1E3550;
  --surface-line:#C9D9EC;
}
.dgxo-total-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,1fr);
  align-items:center;
  gap:var(--space-4);
}
.dgxo-settlement h2{
  color:#1E3550;
  font-size:var(--text-lg);
}
.dgxo-total{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
}
.dgxo-due{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--space-1);
  color:#1C1B19;
  font-variant-numeric:tabular-nums;
}
.dgxo-due b{
  font:800 var(--text-section)/1.2 var(--fm);
  overflow-wrap:break-word;
}
.dgxo-due>span{
  color:#1E3550;
  font-size:var(--text-sm);
}
.dgxo-total>p:last-child{
  font-size:var(--text-sm);
}
.dgxo-pay-column{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}
.dgxo-pay-column>p{
  color:#1E3550;
  font-size:var(--text-xs);
  text-align:center;
}
.dgxo-pay{
  width:100%;
}
.dgxo-message{
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:#FFFFFF;
  color:#5A3A00;
  border-inline-start:3px solid #7F4E00;
  --surface-bg:#FFFFFF;
  --surface-heading:#5A3A00;
  --surface-body:#5A3A00;
  --surface-muted:#5A3A00;
  --surface-line:#E6E1D8;
}
.dgxo-return{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2) var(--space-3);
}
.dgxo-return a{
  display:inline-flex;
  align-items:center;
  gap:var(--space-1);
  min-height:var(--space-5);
  color:#7F4E00;
  text-decoration:underline;
  text-underline-offset:4px;
  overflow-wrap:break-word;
}
.dgxo-return a:hover{
  color:#5E3A00;
}
.dgxo-return p{
  color:#625D55;
  font-size:var(--text-sm);
}
@media(max-width:64rem){
  .dgxo-specs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:42rem){
  .dgxo-hero{
    padding-bottom:var(--space-6);
  }
  .dgxo-hero h1{
    font-size:var(--text-section);
  }
  .dgxo-content{
    gap:var(--space-5);
    padding-top:var(--space-6);
  }
  .dgxo-specs{
    grid-template-columns:minmax(0,1fr);
  }
  .dgxo-rental,
  .dgxo-settlement{
    padding:var(--space-3);
  }
  .dgxo-rate-row,
  .dgxo-days-row,
  .dgxo-total-row{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
  }
  .dgxo-days-row{
    margin-top:var(--space-3);
    padding-top:var(--space-3);
  }
  .dgxo-rate b,
  .dgxo-due b{
    font-size:var(--text-section);
  }
  .dgxo-gateways{
    grid-template-columns:minmax(0,1fr);
  }
  .dgxo-return{
    align-items:flex-start;
    flex-direction:column;
  }
}