#tbm-delivery-flow .tbm-flow__header{grid-template-columns:1.1fr 1fr;align-items:start;gap:var(--space-32);margin-bottom:var(--space-32)}
#tbm-delivery-flow .tbm-kicker{font-size:var(--font-label);font-weight:var(--weight-label);margin:0 0 var(--space-16)}
#tbm-delivery-flow .tbm-flow__header>p{padding-top:var(--space-32);font-size:var(--font-body);font-weight:var(--weight-body);line-height:var(--line-body)}
#tbm-delivery-flow .tbm-flow__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);border:0;margin:var(--space-32) 0 0;padding:0}
#tbm-delivery-flow .tbm-flow__steps li{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-24);padding:var(--space-32);border:1px solid var(--line-subtle);border-radius:var(--radius-panel);min-height:0;text-align:left}
#tbm-delivery-flow .tbm-flow__steps li>span{position:static;margin:0;font-size:var(--font-label)}
#tbm-delivery-flow .tbm-flow__steps li>div{padding:0;margin:0}
#tbm-delivery-flow .tbm-flow__steps h3{font-size:var(--font-h4);line-height:var(--line-h4);margin:0 0 var(--space-16)}
#tbm-delivery-flow .tbm-flow__steps p{font-size:var(--font-body);font-weight:var(--weight-body);line-height:var(--line-body);margin:0}
#tbm-delivery-flow .tbm-flow__steps i{display:none}
@media(max-width:700px){#tbm-delivery-flow .tbm-flow__header,#tbm-delivery-flow .tbm-flow__steps{grid-template-columns:1fr}#tbm-delivery-flow .tbm-flow__header>p{padding:0}#tbm-delivery-flow .tbm-flow__steps li{padding:var(--space-24);gap:var(--space-16)}}
#tbm-delivery-flow #tbm-flow-title{max-width:none}
#tbm-delivery-flow .tbm-flow__steps{background:transparent}
#tbm-delivery-flow .tbm-flow__steps li{height:auto;min-block-size:0}
.tbm-essentials .tbm-essentials__header{display:block;margin-bottom:var(--space-32)}
.tbm-essentials #tbm-essentials-title{max-width:none;margin:0}
.tbm-essentials .tbm-kicker{margin:0 0 var(--space-16);font-size:var(--font-label)}
.tbm-essentials .tbm-essentials__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);border:0;margin-top:var(--space-32);background:none}
.tbm-essentials .tbm-essentials__grid article{padding:var(--space-32);border:1px solid var(--line-subtle);border-radius:var(--radius-panel);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}
.tbm-essentials .tbm-essentials__grid article>span{font-size:var(--font-label);margin:0 0 var(--space-24);color:var(--brand-green)}
.tbm-essentials .tbm-essentials__grid article>h3{font-size:var(--font-h4);line-height:var(--line-h4);margin:0 0 var(--space-16)}
.tbm-essentials .tbm-essentials__grid article>p{font-size:var(--font-body);line-height:var(--line-body);font-weight:var(--weight-body);margin:0}
.tbm-essentials .tbm-translation{display:block;padding:var(--space-24) var(--space-32);margin-top:var(--space-24);border:1px solid var(--line-subtle);border-radius:var(--radius-panel);background:var(--paper)}
.tbm-essentials .tbm-translation>p{font-size:var(--font-label);margin:0 0 var(--space-12);color:var(--brand-green)}
.tbm-essentials .tbm-translation__body{display:flex;justify-content:space-between;align-items:center;gap:var(--space-24)}
.tbm-essentials .tbm-translation__body strong{font-size:var(--font-body);font-weight:var(--weight-body);line-height:var(--line-body)}
.tbm-essentials .tbm-translation__link{margin:0;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){.tbm-essentials .tbm-essentials__grid{grid-template-columns:1fr}.tbm-essentials .tbm-essentials__grid article,.tbm-essentials .tbm-translation{padding:var(--space-24)}.tbm-essentials .tbm-translation__body{flex-direction:column;align-items:flex-start;gap:var(--space-12)}}
#tbm-essentials .tbm-essentials__grid article{padding:var(--space-32);border:1px solid var(--line-subtle)}
@media(max-width:700px){#tbm-essentials .tbm-essentials__grid article{padding:var(--space-24)}}
/* Separate the process from the configuration choices. */
#tbm-delivery-flow .tbm-flow__steps{gap:0;border-radius:var(--radius-panel);overflow:hidden;background:var(--paper)}
#tbm-delivery-flow .tbm-flow__steps li{border:0;border-right:1px solid var(--line-subtle);border-radius:0;min-height:0;height:auto;padding:var(--space-24);gap:var(--space-16)}
#tbm-delivery-flow .tbm-flow__steps li:last-child{border-right:0}
#tbm-delivery-flow .tbm-flow__steps h3{margin-bottom:var(--space-12)}
#tbm-essentials .tbm-essentials__grid{gap:var(--space-24);margin-top:var(--space-24)}
#tbm-essentials .tbm-essentials__grid article{padding:var(--space-24);min-height:0;border:1px solid var(--line-subtle);border-top:3px solid var(--brand-green);border-radius:var(--radius-control)}
#tbm-essentials .tbm-essentials__grid article>span{display:none}
#tbm-essentials .tbm-essentials__grid article>h3{margin:0 0 var(--space-12)}
#tbm-essentials .tbm-config-cta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);margin-top:var(--space-24)}
#tbm-essentials .tbm-config-cta p{font-size:var(--font-body);color:var(--text-secondary);margin:0}
#tbm-essentials .tbm-config-cta a{display:inline-flex;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);background:var(--brand-green);color:var(--paper);border-radius:var(--radius-control);text-decoration:none;white-space:nowrap;font-weight:var(--weight-label)}
#tbm-essentials .tbm-config-cta a:focus-visible{outline:3px solid var(--brand-green);outline-offset:4px}
#tbm-essentials .tbm-translation{background:none;border:0;border-top:1px solid var(--line-subtle);border-radius:0;padding:var(--space-24) 0 0;margin-top:var(--space-32)}
@media(max-width:700px){#tbm-delivery-flow .tbm-flow__steps li{border-right:0;border-bottom:1px solid var(--line-subtle)}#tbm-essentials .tbm-config-cta{flex-direction:column;align-items:stretch}#tbm-essentials .tbm-config-cta a{justify-content:center}}
/* Restrained depth: background, raised content, primary action. */
#tbm-essentials .tbm-essentials__grid{align-items:stretch;gap:var(--space-24)}
#tbm-essentials .tbm-essentials__grid article{display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:var(--space-16);padding:var(--space-32);border:1px solid var(--line-subtle);border-top:1px solid var(--paper);border-radius:var(--radius-panel);box-shadow:0 2px 3px rgba(8,25,20,.025),0 10px 24px rgba(8,25,20,.045);background:var(--paper)}
#tbm-essentials .tbm-essentials__grid article>h3{margin:0;align-self:start}
#tbm-essentials .tbm-essentials__grid article>p{margin:0;align-self:start}
#tbm-essentials .tbm-config-cta{margin-top:var(--space-32);padding:var(--space-24) 0;align-items:center}
#tbm-essentials .tbm-config-cta a{box-shadow:0 2px 3px rgba(8,25,20,.08),0 5px 12px rgba(8,25,20,.1);border:1px solid color-mix(in srgb,var(--paper) 16%,var(--brand-green));min-height:48px;box-sizing:border-box}
#tbm-essentials .tbm-translation{margin-top:var(--space-8);padding-top:var(--space-24)}
#tbm-essentials .tbm-translation__body strong{color:var(--text-secondary)}
@media(max-width:700px){#tbm-essentials .tbm-essentials__grid article{grid-row:auto;grid-template-rows:auto;gap:var(--space-12);padding:var(--space-24)}#tbm-essentials .tbm-config-cta{padding:0;margin-top:var(--space-24)}#tbm-essentials .tbm-translation{margin-top:var(--space-24)}}
/* Distinct chapters: delivery process on ink; configuration choices on white. */
#tbm-delivery-flow{background:var(--surface-ink);color:var(--paper)}
#tbm-delivery-flow #tbm-flow-title{color:var(--paper)}
#tbm-delivery-flow .tbm-kicker{color:var(--brand-mint)}
#tbm-delivery-flow .tbm-flow__header>p{color:color-mix(in srgb,var(--paper) 78%,transparent)}
#tbm-delivery-flow .tbm-flow__steps{background:none;border-radius:0;overflow:visible;gap:var(--space-32)}
#tbm-delivery-flow .tbm-flow__steps li,#tbm-delivery-flow .tbm-flow__steps li.is-final{background:none;color:var(--paper);border:0;border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent);border-radius:0;padding:var(--space-24) 0;min-height:0;min-block-size:0;height:auto;box-shadow:none}
#tbm-delivery-flow .tbm-flow__steps li>span{color:var(--brand-mint)}
#tbm-delivery-flow .tbm-flow__steps h3{color:var(--paper)}
#tbm-delivery-flow .tbm-flow__steps p{color:color-mix(in srgb,var(--paper) 78%,transparent)}
#tbm-essentials{background:var(--paper)}
#tbm-essentials .tbm-essentials__grid article{background:var(--surface-canvas);border:1px solid var(--line-subtle);box-shadow:0 3px 8px rgba(8,25,20,.035)}
#tbm-essentials .tbm-config-cta{border-top:1px solid var(--line-subtle);margin-top:var(--space-24)}
@media(max-width:700px){#tbm-delivery-flow .tbm-flow__steps{gap:var(--space-8)}}
