.delivery-page [hidden]{display:none!important}
.delivery-page{font-variant-numeric:tabular-nums}
.delivery-hero{background:#1E5BD8;color:#FFFFFF;--muted:#E6EEFB;--line:#C6ECFB;text-align:center}
.delivery-hero h1{max-width:var(--container-narrow);margin-inline:auto;color:#FFFFFF;font-size:clamp(2rem,3.5vw,3rem);line-height:var(--leading-heading)}
.delivery-hero .c-kicker{margin-inline:auto;background:#EEEAF8;color:#3D2F6B}
.delivery-hero-lead{max-width:var(--container-narrow);margin:var(--space-3) auto 0;color:#E6EEFB;font-size:var(--text-md)}
.delivery-hero .c-actions{justify-content:center;margin-top:var(--space-4);margin-bottom:var(--space-2)}
.delivery-hero .c-btn--ghost{background:#FFFFFF;color:#1A2130;border-color:#E3E7EE}
.delivery-hero .c-btn--ghost:hover{background:#F6F8FA;color:#1A2130}
.delivery-section-head{margin-bottom:var(--space-4);min-width:0}
.delivery-section-head h2{max-width:var(--container);font-size:clamp(1.875rem,3vw,2.5rem)}
.delivery-section-head>p{max-width:var(--container-narrow);margin-top:var(--space-2);color:#5E6A7E}
.delivery-config-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:var(--space-3)}
.delivery-config-grid>*{min-width:0}
.delivery-checklist{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}
.delivery-check-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,9rem) minmax(0,1fr);gap:var(--space-3);align-items:start}
.delivery-check-row>*{min-width:0;overflow-wrap:break-word}
.delivery-check-row strong{font-size:var(--text-sm)}
.delivery-check-row p{font-size:var(--text-sm);color:#5E6A7E}
.delivery-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:#EEEAF8;color:#3D2F6B;font-family:var(--fm);font-size:var(--text-sm);line-height:1}
.delivery-config-preview{height:auto;min-width:0;border-radius:var(--radius-window);overflow:hidden;background:#FFFFFF;color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE;box-shadow:var(--shadow)}
.delivery-preview-bar{padding:var(--space-2) var(--space-3);background:#F1F3F7;color:#4E5A6F;font-size:var(--text-sm)}
.delivery-preview-content{padding:var(--space-4)}
.delivery-preview-content>p{margin-top:var(--space-3);color:#5E6A7E}
.delivery-option-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.delivery-option-list>div{min-width:0;padding:var(--space-3);border-radius:var(--r-card);background:#F6F8FA;color:#1A2130}
.delivery-option-list dt{font-size:var(--text-sm);color:#5E6A7E;overflow-wrap:break-word}
.delivery-option-list dd{margin-top:var(--space-1);font-weight:var(--weight-semi);overflow-wrap:break-word}
.delivery-preview-content .delivery-preview-note{margin-top:var(--space-3);font-size:var(--text-sm)}
.delivery-payment{background:#E6F4EE;color:#1F4A3A;--muted:#1F4A3A;--line:#E3E7EE}
.delivery-payment .delivery-section-head>p{color:#1F4A3A}
.delivery-bill{padding:var(--space-4);background:#FFFFFF;color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE;box-shadow:var(--shadow)}
.delivery-bill-heading{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
.delivery-bill-heading>*{min-width:0}
.delivery-bill-heading p{margin-top:var(--space-3);font-size:var(--text-sm);color:#5E6A7E}
.delivery-bill-lines{display:grid;gap:var(--space-2)}
.delivery-bill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);background:#F6F8FA;color:#1A2130}
.delivery-bill-row dt{display:flex;align-items:start;gap:var(--space-3);min-width:0}
.delivery-bill-row dt>span{min-width:0}
.delivery-bill-row .c-badge{flex:none}
.delivery-bill-row strong{display:block;font-size:var(--text-base);font-weight:var(--weight-medium)}
.delivery-bill-row small{display:block;margin-top:var(--space-1);color:#5E6A7E}
.delivery-bill-row dd{font-family:var(--fm);font-size:var(--text-card);line-height:var(--leading-card);color:#0E1A33;white-space:nowrap}
.delivery-bill-row dd>span{display:block;margin-top:var(--space-1);font-family:var(--fb);font-size:var(--text-xs);color:#5E6A7E;text-align:end}
.delivery-bill-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.delivery-month-total,.delivery-period-total{padding:var(--space-3);border-radius:var(--r-card);min-width:0}
.delivery-month-total{background:#F6F8FA;color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE}
.delivery-period-total{background:#EEEAF8;color:#3D2F6B;--muted:#3D2F6B;--line:#E3E7EE}
.delivery-bill-summary strong{display:block;margin-top:var(--space-1);font-family:var(--fm);font-size:clamp(1.875rem,3vw,2.5rem);line-height:var(--leading-heading);color:#0E1A33;overflow-wrap:break-word}
.delivery-bill-summary strong>span{font-family:var(--fb);font-size:var(--text-sm);color:#5E6A7E}
.delivery-bill-summary p{margin-top:var(--space-1);font-size:var(--text-sm);overflow-wrap:break-word}
.delivery-footnote{margin-top:var(--space-3);font-size:var(--text-sm);color:#5E6A7E}
.delivery-footnote .c-link{font-size:var(--text-sm)}
.delivery-handover{background:#EEEAF8;color:#3D2F6B;--muted:#3D2F6B;--line:#E3E7EE}
.delivery-handover .delivery-section-head>p{color:#3D2F6B}
.delivery-changes{background:#FBEFE6;color:#6B3A1C;--muted:#6B3A1C;--line:#E3E7EE}
.delivery-changes .delivery-section-head>p{color:#6B3A1C}
.delivery-renewal-note{padding:var(--space-4);background:#FFFFFF;color:#1A2130;--muted:#5E6A7E;--line:#E3E7EE;border-radius:var(--r-card)}
.delivery-renewal-note>p{max-width:var(--container-narrow);margin-top:var(--space-3);color:#5E6A7E}
.delivery-closing.c-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:center;gap:var(--space-5);margin-top:var(--space-7);padding:var(--space-6) var(--space-5);border-radius:var(--r-block);background:#1A2130;color:#F2F5FA;--muted:#B8C3D7;--line:color-mix(in srgb,#FFFFFF 18%,transparent);text-align:left}
.delivery-closing-copy{min-width:0}
.delivery-closing-copy h2{color:#F2F5FA;font-size:clamp(1.875rem,3vw,2.5rem)}
.delivery-closing-copy p{margin-top:var(--space-2);color:#B8C3D7}
.delivery-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:0}
.delivery-closing-actions .c-btn--ghost{background:#FFFFFF;color:#1A2130;border-color:#E3E7EE}
.delivery-closing-actions .c-btn--ghost:hover{background:#EEEAF8;color:#3D2F6B}
.delivery-closing-actions .c-btn--ghost+ .c-btn--ghost{background:#1A2130;color:#F2F5FA;border-color:#B8C3D7}
.delivery-closing-actions .c-btn--ghost+ .c-btn--ghost:hover{background:#26324A;color:#FFFFFF}
.delivery-page .delivery-final{padding-bottom:var(--space-8)}
@media(max-width:64rem){
.delivery-config-grid{grid-template-columns:minmax(0,1fr)}
.delivery-closing.c-closing{grid-template-columns:minmax(0,1fr)}
.delivery-closing-actions{max-width:var(--container-narrow)}
}
@media(max-width:42rem){
.delivery-hero h1{font-size:2rem}
.delivery-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
.delivery-check-row>:nth-child(3){grid-column:2}
.delivery-number{width:2.25rem;height:2.25rem}
.delivery-preview-content,.delivery-bill,.delivery-renewal-note{padding:var(--space-3)}
.delivery-option-list{grid-template-columns:minmax(0,1fr)}
.delivery-bill-row dt{flex-direction:column;gap:var(--space-2)}
.delivery-bill-row{gap:var(--space-2)}
.delivery-bill-row dd{font-size:var(--text-md)}
.delivery-bill-summary{grid-template-columns:minmax(0,1fr)}
.delivery-closing.c-closing{padding:var(--space-4) var(--space-3);gap:var(--space-3)}
.delivery-hero .c-actions>*{width:100%}
}