/* scoped by scripts/v4/sync-assets.mjs: delivery */
/* ../../konstra-ai/compute-delivery/index.html (pages_delivery.py) · only page-level arrangement of existing components
   every px is a multiple of 3 (1px hairlines excepted); letter-spacing 0 */

/* SOLUTION: mode number + brand chip in the card's top row, anchor link at the card foot */
:where(body[data-v4~="delivery"]) main.cd .cd-tag{display:inline-flex;align-items:center;gap:12px}
:where(body[data-v4~="delivery"]) main.cd .cd-no{font:500 12px/1 var(--latin);color:var(--muted);font-variant-numeric:tabular-nums}
:where(body[data-v4~="delivery"]) main.cd .cd-modes .bc{min-height:0}
:where(body[data-v4~="delivery"]) main.cd .cd-go{margin-top:auto;padding-top:0;align-self:flex-start}
:where(body[data-v4~="delivery"]) main.cd .cd-modes .bd{margin-bottom:30px}

/* FEATURE 01-03 head: number before the title, platform line above the lead */
:where(body[data-v4~="delivery"]) main.cd .cd-n{font:500 1em/1 var(--latin);color:var(--muted);margin-right:18px;font-variant-numeric:tabular-nums}
:where(body[data-v4~="delivery"]) main.cd .sh .d p.cd-brand{font:500 15px/1.6 var(--latin)!important;color:var(--ink)!important;margin:0}
:where(body[data-v4~="delivery"]) main.cd .cd-feats .ic-card{min-height:0}

/* FEATURE fact rows: label column + chips / scale / figure, hairline between rows */
:where(body[data-v4~="delivery"]) main.cd .cd-facts{min-height:0;padding:15px 36px;gap:0}
:where(body[data-v4~="delivery"]) main.cd .cd-g{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:24px;align-items:start;padding:24px 0}
:where(body[data-v4~="delivery"]) main.cd .cd-g+.cd-g{border-top:1px solid rgba(20,18,16,.1)}
:where(body[data-v4~="delivery"]) main.cd .cd-k{font-size:12px;line-height:1.6;font-weight:500;color:var(--muted);padding-top:6px}
:where(body[data-v4~="delivery"]) main.cd .cd-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
:where(body[data-v4~="delivery"]) main.cd .cd-facts .chip{height:33px;padding:0 15px;font-size:15px;color:var(--ink);background:#FFFFFF!important;white-space:nowrap}
:where(body[data-v4~="delivery"]) main.cd .cd-facts .chip small{font-size:12px;margin-left:9px;color:var(--orange-t);font-weight:500}
:where(body[data-v4~="delivery"]) main.cd .cd-facts .chip.o{background:#FFEDE0!important;color:var(--orange-t)}
:where(body[data-v4~="delivery"]) main.cd .cd-flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin:0}
:where(body[data-v4~="delivery"]) main.cd .cd-flow i{font-style:normal;font:400 18px/1 var(--latin);color:var(--muted)}
:where(body[data-v4~="delivery"]) main.cd .cd-scale{display:grid;gap:12px;max-width:630px}
:where(body[data-v4~="delivery"]) main.cd .cd-sl{display:flex;justify-content:space-between;gap:24px;font:500 15px/1.4 var(--latin);color:var(--ink)}
:where(body[data-v4~="delivery"]) main.cd .cd-bar{position:relative;height:12px}
:where(body[data-v4~="delivery"]) main.cd .cd-bar::before{content:"";position:absolute;left:6px;right:6px;top:6px;border-top:1.5px solid var(--ink)}
:where(body[data-v4~="delivery"]) main.cd .cd-bar::after,:where(body[data-v4~="delivery"]) main.cd .cd-bar i{content:"";position:absolute;top:0;width:12px;height:12px;border-radius:50%;box-sizing:border-box}
:where(body[data-v4~="delivery"]) main.cd .cd-bar::after{left:0;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--ink)}
:where(body[data-v4~="delivery"]) main.cd .cd-bar i{right:0;background:var(--ink)}
:where(body[data-v4~="delivery"]) main.cd .cd-scale .ks{margin:0}
:where(body[data-v4~="delivery"]) main.cd .cd-num{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 15px}
:where(body[data-v4~="delivery"]) main.cd .cd-num .kv{color:var(--ink)}

/* comparison table (variant-B columns): label column on the grey band, one white column per delivery model,
   columns = the 12-col grid (3 + 3 + 3 + 3, gap 24), sticky column names */
:where(body[data-v4~="delivery"]) main.cd .cd-cmp{overflow:visible;border:0!important;background:none!important;margin:0 -24px}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp table{border-collapse:separate;border-spacing:24px 0;table-layout:fixed;width:100%;min-width:0;font-size:15px;line-height:1.75}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp :is(th,td){border:0!important;padding:21px 24px 24px;vertical-align:top;text-align:left;background:none}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp thead th{position:sticky;top:93px;z-index:2;padding:18px 24px;font-size:15px;line-height:1.5;font-weight:500;color:var(--ink);background:#FFFFFF!important;border-radius:21px 21px 0 0;box-shadow:inset 0 -1px 0 rgba(20,18,16,.18)}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp thead th:first-child{color:var(--muted);background:#F6F5F2!important;border-radius:0;padding-left:0}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp tbody th{padding-left:0;font-weight:500;color:var(--ink);width:auto}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp tbody td{background:#FFFFFF;color:var(--body)}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp tbody tr+tr th{box-shadow:inset 0 1px 0 rgba(20,18,16,.12)}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp tbody tr+tr td{box-shadow:inset 0 1px 0 rgba(20,18,16,.08)}
:where(body[data-v4~="delivery"]) main.cd .cd-cmp tbody tr:last-child td{border-radius:0 0 21px 21px}

/* no hairline next to the grey band (3.1: grey sections are not ruled) */
:where(body[data-v4~="delivery"]) main.cd .sec.tint+.sec::before{display:none}

/* BENEFIT pillar list */
:where(body[data-v4~="delivery"]) main.cd .cd-ul{list-style:none;margin:0;padding:0;display:grid}
:where(body[data-v4~="delivery"]) main.cd .cd-ul li{padding:9px 0;font-size:15px;line-height:1.75}
:where(body[data-v4~="delivery"]) main.cd .cd-ul li:first-child{padding-top:0}
:where(body[data-v4~="delivery"]) main.cd .cd-ul li+li{border-top:1px solid rgba(20,18,16,.1)}

/* LINKS: related row with four entries (tag line above each title) */
:where(body[data-v4~="delivery"]) main.cd .cd-rel{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(body[data-v4~="delivery"]) main.cd .cd-rel .rel-k{grid-column:1;font-size:12px;line-height:1.6;font-weight:500;color:var(--muted)}
:where(body[data-v4~="delivery"]) main.cd .cd-rel .rel-a{grid-row:1/span 3}
:where(body[data-v4~="delivery"]) main.cd .cd-rel .rel-d{white-space:normal}
:where(body[data-v4~="delivery"]) main.cd .rel-sec .sh-rel .d{margin-top:0}

/* FAQ: the answer's first sentence */
:where(body[data-v4~="delivery"]) main.cd .cd-first{font-weight:500;color:var(--ink)}

@media (max-width:1101px){
 :where(body[data-v4~="delivery"]) main.cd .cd-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
 :where(body[data-v4~="delivery"]) main.cd .cd-g{grid-template-columns:minmax(0,1fr);row-gap:12px}
 :where(body[data-v4~="delivery"]) main.cd .cd-k{padding-top:0}
}
@media (max-width:981px){
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp{overflow-x:auto;margin:0 -39px;padding:0 39px 12px 15px;-webkit-overflow-scrolling:touch}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp table{min-width:840px;border-spacing:12px 0}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp thead th{position:static}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp thead th:first-child{width:120px}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp :is(tbody th,thead th:first-child){position:sticky;left:0;z-index:1;background:#F6F5F2!important}
}
@media (max-width:759px){
 :where(body[data-v4~="delivery"]) main.cd .cd-facts{padding:6px 24px}
 :where(body[data-v4~="delivery"]) main.cd .cd-g{padding:21px 0}
 :where(body[data-v4~="delivery"]) main.cd .cd-facts .chip{height:30px;padding:0 12px;font-size:12px}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp{margin:0 -21px;padding:0 21px 12px 9px}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp table{min-width:780px;font-size:15px}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp :is(th,td){padding:18px 18px 21px}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp tbody th,:where(body[data-v4~="delivery"]) main.cd .cd-cmp thead th:first-child{padding-left:12px}
 :where(body[data-v4~="delivery"]) main.cd .cd-cmp thead th:first-child{width:114px}
 :where(body[data-v4~="delivery"]) main.cd .cd-rel{grid-template-columns:1fr}
 :where(body[data-v4~="delivery"]) main.cd .cd-modes .bd{margin-bottom:24px}
}

:where(body[data-v4~="delivery"]) *,:where(body[data-v4~="delivery"]) *::before,:where(body[data-v4~="delivery"]) *::after{letter-spacing:0!important}