/* Company and Skiff design language, scoped to supporting content only.
   Native arrivals and enhanced navigation use the same composition. */
#progress-start #pg-main .support-composition{max-width:1080px;margin-inline:auto;padding:0 0 48px;color:var(--pg-ink)}
#progress-start #pg-main .support-composition :is(section,article,aside,figure,div){min-width:0}
#progress-start #pg-main .support-composition h1{font-size:clamp(36px,4.1vw,53px);line-height:1.12;letter-spacing:-.04em;font-weight:450;margin:0 0 24px;max-width:22ch}
#progress-start #pg-main .support-composition h2{font-size:clamp(24px,2.5vw,30px);line-height:1.25;letter-spacing:-.025em;font-weight:500}
#progress-start #pg-main .support-composition h3{font-size:21px;line-height:1.35;font-weight:500;letter-spacing:-.015em}
#progress-start #pg-main .support-composition p{font-size:16px;line-height:1.65;max-width:74ch}
#progress-start #pg-main .support-composition :is(.pg-intro,.portal-lead){font-size:20px;line-height:1.6;max-width:62ch}
#progress-start #pg-main .support-composition .pg-small{font-size:14px;color:var(--pg-sub)}
#progress-start #pg-main .support-composition :is(.case-next,.pg-links){gap:16px 26px;align-items:center}
#progress-start #pg-main .support-composition .pg-action{display:inline-block;max-width:100%;padding:12px 18px;border-radius:4px;line-height:1.5;text-align:left}
#progress-start #pg-main .support-composition a:focus-visible,#progress-start #pg-main .support-composition button:focus-visible{outline:3px solid var(--pg-action);outline-offset:5px}
#progress-start #pg-main .support-composition img{max-width:100%;height:auto}

/* Openings use the same title rhythm and purposeful scenes as Company.
   These are existing editorial illustrations, never product screenshots. */
#progress-start #pg-main .support-composition :is(.commerce-case,.supplier-case,.care-case,.nestides-case,.signal-case,.portal-case){padding-top:0;padding-bottom:0}
#progress-start #pg-main .support-composition .support-opening{padding:48px 0 38px}
#progress-start #pg-main .support-composition .support-opening-illustrated{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}
#progress-start #pg-main .support-opening-copy>p:first-of-type:has(>a:only-child){font-size:14px;margin-bottom:22px}
#progress-start #pg-main .support-opening-copy>p:last-child{margin-bottom:0}
#progress-start #pg-main .support-composition .support-opening-art{margin:0;align-self:center}
#progress-start #pg-main .support-composition .support-opening-art img{display:block;width:100%;height:auto;object-fit:contain}
#progress-start #pg-main .support-composition .pg-project-signature{margin:0 0 20px}
#progress-start #pg-main .support-composition .pg-project-signature img{width:52px;height:52px;object-fit:contain}
#progress-start #pg-main .support-composition .supplier-intro{margin:0;font-size:18px}
#progress-start #pg-main .support-composition .supplier-intro p{font-size:18px;line-height:1.65}

/* Quiet sections carry the story; colored panels identify supporting context. */
#progress-start #pg-main .support-composition :is(.commerce-platforms,.commerce-goods,.care-context,.signal-evidence,.signal-depth,.portal-recognition,.portal-implementation){padding-block:32px;border-top:1px solid var(--pg-line);margin-block:0}
#progress-start #pg-main .support-composition :is(.commerce-invitation,.supplier-invitation,.care-invitation,.nestides-invitation,.signal-invitation,.portal-closing){padding:32px 0 0;border-top:1px solid var(--pg-line);margin-top:0;max-width:none}
#progress-start #pg-main .support-composition :is(.commerce-invitation,.supplier-invitation,.care-invitation,.nestides-invitation,.signal-invitation,.portal-closing) h2{max-width:30ch;margin-bottom:18px}
#progress-start #pg-main .support-composition :is(.commerce-invitation,.supplier-invitation,.care-invitation,.nestides-invitation,.signal-invitation,.portal-closing)>p{max-width:72ch}
#progress-start #pg-main .support-composition :is(.commerce-invitation,.supplier-invitation,.care-invitation,.nestides-invitation,.signal-invitation) .case-next{margin-top:24px}

/* Skiff commerce remains a software story, with a clear, quieter goods bridge. */
#progress-start #pg-main .support-composition .commerce-system{grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:42px;background:transparent;border:0;border-block:1px solid var(--pg-line);padding:32px 0;margin:0}
#progress-start #pg-main .support-composition .commerce-operation{padding:0}
#progress-start #pg-main .support-composition .commerce-operation>h2{margin-bottom:20px}
#progress-start #pg-main .support-composition .commerce-operation>.pg-eyebrow{font-size:12px;line-height:1.5;color:var(--pg-sub)}
#progress-start #pg-main .support-composition .commerce-continuity{padding:26px;background:#f4f7fa;color:var(--pg-ink);border-radius:8px;align-self:start;display:block}
#progress-start #pg-main .support-composition .commerce-continuity h3{font-size:23px;line-height:1.3;margin-bottom:16px}
#progress-start #pg-main .support-composition .commerce-continuity p{color:var(--pg-ink);margin-bottom:0}
#progress-start #pg-main .support-composition .commerce-platforms{border-top:0;max-width:none}
#progress-start #pg-main .support-composition .commerce-goods{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:46px}
#progress-start #pg-main .support-composition .commerce-goods a{padding:14px 0;min-height:44px}

/* Operational diagrams keep their meaning; long prose uses open reading space. */
#progress-start #pg-main .support-composition .pg-explainer{border-radius:6px;background:#f4f7fa;padding:24px}
#progress-start #pg-main .support-composition .supply-diagram{background:#f4f7fa;border-radius:6px;padding:28px;margin-bottom:32px}
#progress-start #pg-main .support-composition .supply-end{padding:20px 16px}
#progress-start #pg-main .support-composition .supplier-depth{gap:42px;padding-bottom:32px}
#progress-start #pg-main .support-composition .supplier-related{padding-block:22px}
#progress-start #pg-main .support-composition .care-operation{margin:32px 0;gap:42px}
#progress-start #pg-main .support-composition .care-area{padding:26px 0;border-top:1px solid var(--pg-line);background:transparent;color:var(--pg-ink)}
#progress-start #pg-main .support-composition .care-field::after{content:none}
#progress-start #pg-main .support-composition .care-label{font-size:12px;color:var(--pg-sub);line-height:1.5;margin-bottom:16px}
#progress-start #pg-main .support-composition .care-access span{background:transparent;border:0;border-bottom:1px solid var(--pg-line);padding:8px 0;margin-right:14px}
#progress-start #pg-main .support-composition .care-office .care-outputs{border-top-color:var(--pg-line)}
#progress-start #pg-main .support-composition .care-context-grid{gap:32px;background:#f4f7fa;padding:26px;border-radius:8px}
#progress-start #pg-main .support-composition .care-context-grid>div{padding:0;border:0}

/* Nestides retains the real plugin screenshot as its primary visual evidence. */
#progress-start #pg-main .support-composition .nestides-case>p:first-child{font-size:14px;padding-top:30px;margin-bottom:0}
#progress-start #pg-main .support-composition .nestides-product{margin:24px 0 34px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
#progress-start #pg-main .support-composition .nestides-product h1{font-size:clamp(34px,3.6vw,46px);margin-bottom:24px}
#progress-start #pg-main .support-composition .nestides-product h2{font-size:24px;margin-bottom:18px;max-width:none}
#progress-start #pg-main .support-composition .nestides-shot{background:#f4f7fa;padding:18px;border-radius:6px}
#progress-start #pg-main .support-composition .nestides-delivery{background:#f4f7fa;border-radius:6px;margin-bottom:32px}
#progress-start #pg-main .support-composition .nestides-depth{gap:42px;margin-bottom:32px}

/* Signal keeps source inspection, with the existing source illustration. */
#progress-start #pg-main .support-composition .signal-overview{padding:32px 0;margin:0;border-top:1px solid var(--pg-line);gap:42px}
#progress-start #pg-main .support-composition .signal-map{background:#f4f7fa;border:0;border-radius:6px;padding:26px}
#progress-start #pg-main .support-composition .signal-duplicates{padding:24px;background:#f4f7fa;border-left:0;border-radius:8px}
#progress-start #pg-main .support-composition .signal-depth .case-quote{padding:8px 0 8px 22px;background:transparent;border-left:2px solid var(--pg-action)}
#progress-start #pg-main .support-composition .signal-depth blockquote p{font-size:19px}

/* The portal page already has the new lead composition; refine its lower rhythm. */
#progress-start #pg-main .support-composition .portal-lead-composition{padding:48px 0 38px;gap:40px}
#progress-start #pg-main .support-composition .portal-lead-composition h1{font-size:clamp(36px,4.1vw,53px);margin-top:0}
#progress-start #pg-main .support-composition .portal-provider{border-left:0;border-radius:8px;background:#f4f7fa;padding:26px}
#progress-start #pg-main .support-composition .portal-proof{padding:32px 0;margin:0;background:transparent;border-top:1px solid var(--pg-line)}

/* Products use editorial rows, with explicit existing status and one onward link. */
#progress-start #pg-main .support-products-overview #pg-products{padding:48px 0 30px;border:0}
#progress-start #pg-main .support-products-overview #pg-products>h1{max-width:24ch}
#progress-start #pg-main .support-products-overview #pg-products>p{font-size:20px;line-height:1.6;max-width:68ch;margin-bottom:36px}
#progress-start #pg-main .support-products-overview .pg-research{display:block;margin-top:0}
#progress-start #pg-main .support-products-overview .pg-research>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:0 46px;padding:28px 0;border-top:1px solid var(--pg-line)}
#progress-start #pg-main .support-products-overview .pg-status{grid-column:1;grid-row:1;font-size:12px;line-height:1.5;margin-bottom:12px}
#progress-start #pg-main .support-products-overview .pg-research h2{grid-column:1;grid-row:2 / span 2;display:flex;align-items:flex-start;gap:14px;font-size:25px;margin:0}
#progress-start #pg-main .support-products-overview .pg-project-mark{width:40px;height:40px;flex:none;object-fit:contain}
#progress-start #pg-main .support-products-overview .pg-research p{grid-column:2;grid-row:1 / span 2;margin-bottom:16px}
#progress-start #pg-main .support-products-overview .pg-research a{grid-column:2;grid-row:3;justify-self:start;align-self:start}
#progress-start #pg-main .support-products-overview .home-entry>.pg-links{margin:0;padding:24px 0 0;border-top:1px solid var(--pg-line)}

/* Infrastructure and TonyOS stay text-led; diagrams explain their own systems. */
#progress-start #pg-main .support-infrastructure .support-opening{max-width:82ch}
#progress-start #pg-main .support-infrastructure .pg-process{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:46px}
#progress-start #pg-main .support-infrastructure .pg-section:last-child{padding-bottom:0}
#progress-start #pg-main .support-tonyos .pg-hero{padding:48px 0 38px;max-width:86ch}
#progress-start #pg-main .support-tonyos .pg-hero h1{max-width:24ch}
#progress-start #pg-main .support-tonyos .pg-section{padding-block:32px}
#progress-start #pg-main .support-tonyos .pg-evidence{background:#f4f7fa;border-radius:8px;padding:26px}
#progress-start #pg-main .support-tonyos .os-diagram{background:#f4f7fa;border:0;border-radius:6px;padding:26px}
#progress-start #pg-main .support-tonyos .os-deliverables{gap:0 36px}
#progress-start #pg-main .support-tonyos .os-deliverables article{padding:24px 0}
#progress-start #pg-main .support-tonyos .os-steps{border:0;padding-left:25px}
#progress-start #pg-main .support-tonyos .os-steps li{padding-left:8px}

@media(max-width:760px){
 #progress-start #pg-main .support-composition{padding-bottom:32px}
 #progress-start #pg-main .support-composition h1{font-size:38px;max-width:none}
 #progress-start #pg-main .support-composition h2{font-size:25px;max-width:none}
 #progress-start #pg-main .support-composition :is(.pg-intro,.portal-lead){font-size:18px}
 #progress-start #pg-main .support-composition .support-opening{padding:30px 0}
 #progress-start #pg-main .support-composition .support-opening-illustrated{grid-template-columns:1fr;gap:26px}
 #progress-start #pg-main .support-composition .support-opening-art{width:min(100%,460px);justify-self:center}
 #progress-start #pg-main .support-composition :is(.commerce-system,.commerce-goods,.care-operation,.care-context-grid,.signal-overview,.signal-evidence,.signal-depth,.supplier-depth,.nestides-product,.nestides-depth){grid-template-columns:1fr;gap:24px}
 #progress-start #pg-main .support-composition :is(.commerce-continuity,.care-context-grid,.signal-map,.signal-duplicates,.portal-provider){padding:22px}
 #progress-start #pg-main .support-composition :is(.commerce-platforms,.commerce-goods,.care-context,.signal-evidence,.signal-depth,.portal-recognition,.portal-implementation,.portal-proof){padding-block:26px}
 #progress-start #pg-main .support-composition .care-operation{gap:0;margin:26px 0 0}
 #progress-start #pg-main .support-composition .care-area{padding-block:26px}
 #progress-start #pg-main .support-composition .portal-lead-composition{padding:30px 0;grid-template-columns:1fr;gap:24px}
 #progress-start #pg-main .support-composition .portal-lead-composition h1{font-size:38px;max-width:none}
 #progress-start #pg-main .support-composition .nestides-product h1{font-size:38px}
 #progress-start #pg-main .support-products-overview #pg-products{padding-top:30px}
 #progress-start #pg-main .support-products-overview #pg-products>p{font-size:18px;margin-bottom:28px}
 #progress-start #pg-main .support-products-overview .pg-research>div{display:block;padding-block:26px}
 #progress-start #pg-main .support-products-overview .pg-research h2{font-size:24px;margin-bottom:18px}
 #progress-start #pg-main .support-products-overview .pg-project-mark{width:32px;height:32px}
 #progress-start #pg-main .support-infrastructure .pg-process{grid-template-columns:1fr;gap:12px}
 #progress-start #pg-main .support-tonyos .pg-hero{padding:30px 0}
 #progress-start #pg-main .support-tonyos :is(.pg-two,.os-grid){grid-template-columns:1fr}
 #progress-start #pg-main .support-tonyos .os-diagram{padding:20px}
}
@media(max-width:360px){
 #progress-start #pg-main .support-composition h1,#progress-start #pg-main .support-composition .portal-lead-composition h1,#progress-start #pg-main .support-composition .nestides-product h1{font-size:34px}
 #progress-start #pg-main .support-composition :is(.pg-explainer,.supply-diagram,.signal-map){padding:18px}
}

/* Skiff detail: operation, specific contribution, digital review, useful conversation. */
#progress-start #pg-main .skiff-story.skiff-story-compact .support-opening{padding-bottom:30px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-order-story{padding-block:28px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-order-story>h2{max-width:30ch;margin-bottom:22px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-order-flow{margin:0}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-story-invitation{padding:24px 26px;margin:0 0 22px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-story-invitation h2{font-size:26px;max-width:30ch;margin-bottom:12px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-story-invitation .case-next{margin-top:18px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-wider-details{border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);margin-bottom:18px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-wider-details>summary{padding:18px 0;font-size:16px;line-height:1.5;color:var(--pg-action);cursor:pointer}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-wider-details>summary:focus-visible{outline:3px solid var(--pg-action);outline-offset:4px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-wider-content{padding-bottom:24px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-wider-content .skiff-story-operation{border-top:0;padding-top:16px}
#progress-start #pg-main .skiff-story.skiff-story-compact .skiff-goods-bridge{font-size:14px;line-height:1.6;max-width:none;margin:0}
#progress-start #pg-main .skiff-story .skiff-order-story{padding:36px 0;border-top:1px solid var(--pg-line);scroll-margin-top:24px}
#progress-start #pg-main .skiff-story .skiff-order-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;list-style:none;margin:30px 0;padding:0}
#progress-start #pg-main .skiff-story .skiff-order-flow li{min-width:0;border-top:2px solid #b6c8d6;padding-top:18px}
#progress-start #pg-main .skiff-story .skiff-step-number{display:block;font-size:13px;line-height:1.5;color:var(--pg-action);margin-bottom:12px}
#progress-start #pg-main .skiff-story .skiff-order-flow h3{font-size:20px;line-height:1.3;margin-bottom:14px}
#progress-start #pg-main .skiff-story .skiff-order-flow p{font-size:15px;line-height:1.6;margin:0}
#progress-start #pg-main .skiff-story .skiff-order-contribution{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:46px;background:#f4f7fa;padding:26px;border-radius:8px}
#progress-start #pg-main .skiff-story .skiff-order-contribution h3{font-size:23px;line-height:1.3;margin:0}
#progress-start #pg-main .skiff-story .skiff-order-contribution p{margin:0}
#progress-start #pg-main .skiff-story .skiff-order-next{display:flex;flex-wrap:wrap;gap:14px 28px;margin:24px 0 0;max-width:none}
#progress-start #pg-main .skiff-story .skiff-story-back{font-size:14px;margin:0 0 22px}
#progress-start #pg-main .skiff-story .support-opening h1{max-width:20ch}
#progress-start #pg-main .skiff-story .support-opening .pg-links{margin-top:26px;gap:16px 22px}
#progress-start #pg-main .skiff-story .support-opening .pg-links>.pg-link{font-size:15px}
#progress-start #pg-main .skiff-story :is(.skiff-story-operation,.skiff-story-amazon,.skiff-reporting-story,.skiff-fit,.skiff-story-invitation){padding:36px 0;border-top:1px solid var(--pg-line);scroll-margin-top:24px}
#progress-start #pg-main .skiff-story .skiff-story-section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:46px;margin-bottom:26px}
#progress-start #pg-main .skiff-story .skiff-story-section-heading h2{max-width:21ch}
#progress-start #pg-main .skiff-story .skiff-story-section-heading>p{margin-bottom:0}
#progress-start #pg-main .skiff-story .skiff-operation-map{padding:26px;background:#f4f7fa;border-radius:8px}
#progress-start #pg-main .skiff-story :is(.skiff-property-row,.skiff-systems-row){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#progress-start #pg-main .skiff-story :is(.skiff-property-row,.skiff-systems-row)>div{min-width:0}
#progress-start #pg-main .skiff-story .skiff-map-role{display:block;font-size:12px;line-height:1.5;color:var(--pg-sub);margin-bottom:12px}
#progress-start #pg-main .skiff-story .skiff-operation-map h3{font-size:21px;margin-bottom:12px;letter-spacing:-.015em}
#progress-start #pg-main .skiff-story .skiff-operation-map h3 a{font:inherit;line-height:1.4;overflow-wrap:anywhere}
#progress-start #pg-main .skiff-story .skiff-operation-map p{font-size:15px;line-height:1.6;margin:0}
#progress-start #pg-main .skiff-story .skiff-map-connection{display:flex;align-items:center;gap:20px;margin:26px 0;padding:18px 0;border-block:1px solid #dce5ec}
#progress-start #pg-main .skiff-story .skiff-map-connection p{font-size:16px;line-height:1.5;text-align:center;color:var(--pg-action);flex:0 1 auto}
#progress-start #pg-main .skiff-story .skiff-map-connection>span{height:1px;background:#b6c8d6;flex:1;min-width:14px}
#progress-start #pg-main .skiff-story .skiff-story-amazon .commerce-operation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);column-gap:46px}
#progress-start #pg-main .skiff-story .skiff-story-amazon .commerce-operation>*{grid-column:2}
#progress-start #pg-main .skiff-story .skiff-story-amazon .commerce-operation>h2:first-child{grid-column:1;grid-row:1 / span 4;max-width:20ch}
#progress-start #pg-main .skiff-story .skiff-story-amazon .commerce-operation>.pg-eyebrow{grid-row:1;font-size:12px;margin-bottom:12px}
#progress-start #pg-main .skiff-story .skiff-story-amazon .commerce-operation>.pg-explainer{margin-top:8px}
#progress-start #pg-main .skiff-story .skiff-story-amazon .commerce-operation>.pg-small{margin-bottom:0}
#progress-start #pg-main .skiff-story .skiff-reporting-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
#progress-start #pg-main .skiff-story .skiff-reporting-art{margin:0}
#progress-start #pg-main .skiff-story .skiff-reporting-art img{display:block;width:100%;height:auto}
#progress-start #pg-main .skiff-story .commerce-platforms{padding-bottom:32px;border-top:1px solid var(--pg-line)}
#progress-start #pg-main .skiff-story .skiff-fit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:46px}
#progress-start #pg-main .skiff-story .skiff-fit>div>h2{max-width:21ch}
#progress-start #pg-main .skiff-story .skiff-fit-questions details{border-bottom:1px solid var(--pg-line);padding:0 0 18px;margin:0 0 18px}
#progress-start #pg-main .skiff-story .skiff-fit-questions details:last-child{margin-bottom:0}
#progress-start #pg-main .skiff-story .skiff-fit-questions summary{font-size:18px;line-height:1.5;color:var(--pg-action);cursor:pointer;padding:8px 0}
#progress-start #pg-main .skiff-story .skiff-fit-questions summary:focus-visible{outline:3px solid var(--pg-action);outline-offset:5px}
#progress-start #pg-main .skiff-story .skiff-fit-questions details p{margin:14px 0 0}
#progress-start #pg-main .skiff-story .skiff-story-invitation{padding:30px;background:#f4f7fa;border:0;border-radius:8px;margin:8px 0 36px}
#progress-start #pg-main .skiff-story .skiff-story-invitation h2{max-width:28ch}
#progress-start #pg-main .skiff-story .skiff-story-invitation p{max-width:78ch}
#progress-start #pg-main .skiff-story .skiff-story-invitation .case-next{margin-top:24px}
#progress-start #pg-main .skiff-story .commerce-goods{padding-bottom:0}
@media(min-width:761px) and (max-width:1000px){#progress-start #pg-main .skiff-story .skiff-order-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 #progress-start #pg-main .skiff-story .skiff-order-story{padding-block:28px}
 #progress-start #pg-main .skiff-story .skiff-order-flow{grid-template-columns:1fr;gap:0;margin:24px 0}
 #progress-start #pg-main .skiff-story .skiff-order-flow li{position:relative;padding:0 0 24px 38px;border-top:0;border-left:1px solid var(--pg-line);margin-left:10px}
 #progress-start #pg-main .skiff-story .skiff-order-flow li:last-child{padding-bottom:0;border-left-color:transparent}
 #progress-start #pg-main .skiff-story .skiff-step-number{position:absolute;left:-11px;top:0;background:#fff;padding-block:2px}
 #progress-start #pg-main .skiff-story .skiff-order-contribution{display:block;padding:22px}
 #progress-start #pg-main .skiff-story .skiff-order-contribution h3{margin-bottom:16px}
 #progress-start #pg-main .skiff-story :is(.skiff-story-operation,.skiff-story-amazon,.skiff-reporting-story,.skiff-fit){padding-block:28px}
 #progress-start #pg-main .skiff-story :is(.skiff-story-section-heading,.skiff-story-amazon .commerce-operation,.skiff-reporting-story,.skiff-fit){display:block}
 #progress-start #pg-main .skiff-story .skiff-story-section-heading{margin-bottom:24px}
 #progress-start #pg-main .skiff-story :is(.skiff-property-row,.skiff-systems-row){grid-template-columns:1fr;gap:22px}
 #progress-start #pg-main .skiff-story .skiff-operation-map{padding:22px}
 #progress-start #pg-main .skiff-story :is(.skiff-property-row,.skiff-systems-row)>div+div{border-top:1px solid #dce5ec;padding-top:20px}
 #progress-start #pg-main .skiff-story .skiff-map-connection{gap:12px;margin-block:22px;padding-block:18px}
 #progress-start #pg-main .skiff-story .skiff-map-role{margin-bottom:8px}
 #progress-start #pg-main .skiff-story .skiff-reporting-art{margin:26px auto 0;width:min(100%,480px)}
 #progress-start #pg-main .skiff-story .skiff-fit-questions{margin-top:24px}
 #progress-start #pg-main .skiff-story .skiff-story-invitation{padding:24px;margin-bottom:28px}
}

/* Applacadabra relationship diagram: three recognizable parts and two-way exchange, sized as a page visual. */
#progress-start #pg-main .support-infrastructure .support-opening-illustrated{max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
#progress-start #pg-main .support-infrastructure .support-opening-copy{min-width:0}
#progress-start #pg-main .support-infrastructure .infrastructure-relationship{margin:0;padding:8px 0;background:transparent;align-self:center;min-width:0}
#progress-start #pg-main .support-infrastructure .infra-relationship-flow{display:grid;grid-template-columns:minmax(96px,1fr) 34px minmax(132px,1.3fr) 34px minmax(96px,1fr);align-items:center;gap:6px}
#progress-start #pg-main .support-infrastructure .infra-node{min-width:0;min-height:158px;padding:16px 8px;border:1px solid #cad8e3;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#355a76;text-align:center}
#progress-start #pg-main .support-infrastructure .infra-node--services{background:#f4f8fb;border-color:#aac0d2}
#progress-start #pg-main .support-infrastructure .infra-node-icon{display:block;width:48px;height:48px;color:#456d89;flex:0 0 auto}
#progress-start #pg-main .support-infrastructure .infra-node>span{display:block;font-size:15px;line-height:1.35;font-weight:500;color:var(--pg-ink)}
#progress-start #pg-main .support-infrastructure .infra-node small{font-size:13px;line-height:1.45;font-weight:400;color:var(--pg-sub)}
#progress-start #pg-main .support-infrastructure .infra-flow-link{width:34px;height:22px;color:#7f9bb0;display:grid;place-items:center}
#progress-start #pg-main .support-infrastructure .infra-flow-link svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:940px) and (min-width:761px){#progress-start #pg-main .support-infrastructure .support-opening-illustrated{gap:26px}#progress-start #pg-main .support-infrastructure .infra-relationship-flow{grid-template-columns:minmax(85px,1fr) 24px minmax(112px,1.3fr) 24px minmax(85px,1fr);gap:4px}#progress-start #pg-main .support-infrastructure .infra-node{min-height:146px;padding:14px 6px}#progress-start #pg-main .support-infrastructure .infra-node-icon{width:42px;height:42px}#progress-start #pg-main .support-infrastructure .infra-node>span{font-size:14px}#progress-start #pg-main .support-infrastructure .infra-flow-link{width:24px}}
@media(max-width:760px){#progress-start #pg-main .support-infrastructure .support-opening-illustrated{grid-template-columns:minmax(0,1fr);gap:10px;padding-bottom:28px}#progress-start #pg-main .support-infrastructure .infrastructure-relationship{width:100%;max-width:420px;justify-self:center;padding:8px 0 4px}#progress-start #pg-main .support-infrastructure .infra-relationship-flow{grid-template-columns:minmax(0,1fr);gap:0}#progress-start #pg-main .support-infrastructure .infra-node{min-height:92px;padding:12px 18px;display:grid;grid-template-columns:52px minmax(0,1fr);justify-items:start;gap:16px;text-align:left}#progress-start #pg-main .support-infrastructure .infra-node-icon{width:42px;height:42px}#progress-start #pg-main .support-infrastructure .infra-node>span{font-size:16px}#progress-start #pg-main .support-infrastructure .infra-node small{font-size:14px}#progress-start #pg-main .support-infrastructure .infra-flow-link{width:24px;height:40px;justify-self:center}#progress-start #pg-main .support-infrastructure .infra-flow-link svg{width:40px;height:20px;transform:rotate(90deg)}}


/* Applacadabra r05: replace ambiguous pictograms and empty cards with a labelled architecture map. */
#progress-start #pg-main .support-infrastructure .support-opening-illustrated{display:block;max-width:none;padding-bottom:28px}
#progress-start #pg-main .support-infrastructure .support-opening-copy{max-width:920px}
#progress-start #pg-main .support-infrastructure .pg-project-signature{display:none}
#progress-start #pg-main .support-infrastructure .infrastructure-relationship{width:100%;margin:18px 0 0;padding:30px 20px 24px;background:#f5f8fa;border:0;border-radius:0;overflow:hidden}
#progress-start #pg-main .support-infrastructure .infra-network{display:grid;grid-template-columns:minmax(0,1fr) minmax(54px,.22fr) minmax(0,1fr) minmax(54px,.22fr) minmax(0,1fr);align-items:center;gap:12px;max-width:1320px;margin:0 auto}
#progress-start #pg-main .support-infrastructure .infra-part{min-width:0;min-height:212px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;text-align:center}
#progress-start #pg-main .support-infrastructure .infra-part-title{width:100%;display:flex;align-items:baseline;justify-content:center;gap:10px;color:var(--pg-ink)}
#progress-start #pg-main .support-infrastructure .infra-part-title>span{font-size:12px;line-height:1;color:#476c87;font-weight:700;letter-spacing:.08em}
#progress-start #pg-main .support-infrastructure .infra-part-title>strong{font-size:18px;line-height:1.3;font-weight:600}
#progress-start #pg-main .support-infrastructure .infra-object{display:block;width:100%;max-width:320px;height:132px}
#progress-start #pg-main .support-infrastructure .infra-part--support{justify-content:flex-start;gap:24px}
#progress-start #pg-main .support-infrastructure .infra-service-stack{width:min(100%,320px);display:grid;gap:7px}
#progress-start #pg-main .support-infrastructure .infra-service-stack>div{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 12px;border-bottom:1px solid #a9bfd0;color:#23445d;text-align:left;font-size:15px;font-weight:600}
#progress-start #pg-main .support-infrastructure .infra-service-stack>div:first-child{border-top:1px solid #a9bfd0}
#progress-start #pg-main .support-infrastructure .infra-service-stack i{width:8px;height:8px;display:block;border-radius:50%;background:#1769e8;flex:0 0 auto}
#progress-start #pg-main .support-infrastructure .infra-connection{width:100%;min-width:0;color:#517997}
#progress-start #pg-main .support-infrastructure .infra-connection svg{display:block;width:100%;height:30px;overflow:visible}
@media(max-width:900px){#progress-start #pg-main .support-infrastructure .infra-network{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);gap:7px}#progress-start #pg-main .support-infrastructure .infra-part-title>strong{font-size:16px}#progress-start #pg-main .support-infrastructure .infra-object{height:112px}#progress-start #pg-main .support-infrastructure .infra-part{min-height:188px}}
@media(max-width:680px){#progress-start #pg-main .support-infrastructure .support-opening-illustrated{padding-bottom:18px}#progress-start #pg-main .support-infrastructure .infrastructure-relationship{margin-top:8px;padding:22px 16px 18px}#progress-start #pg-main .support-infrastructure .infra-network{grid-template-columns:minmax(0,1fr);gap:0}#progress-start #pg-main .support-infrastructure .infra-part{min-height:0;gap:12px;padding:8px 0 12px}#progress-start #pg-main .support-infrastructure .infra-part-title{justify-content:flex-start}#progress-start #pg-main .support-infrastructure .infra-object{height:112px;max-width:280px;align-self:center}#progress-start #pg-main .support-infrastructure .infra-part--support{gap:12px}#progress-start #pg-main .support-infrastructure .infra-service-stack{max-width:none}#progress-start #pg-main .support-infrastructure .infra-connection{width:32px;height:40px;justify-self:center;transform:rotate(90deg)}#progress-start #pg-main .support-infrastructure .infra-connection svg{width:60px;height:30px;transform:translateX(-14px)}}


/* Applacadabra r06: database-focused architecture, with company teams as context rather than another flow stage. */
#progress-start #pg-main .support-infrastructure .infra-network--database{display:grid;grid-template-columns:minmax(0,.9fr) minmax(72px,.22fr) minmax(0,1.3fr) minmax(72px,.22fr) minmax(0,.9fr);align-items:center;gap:14px;max-width:1440px;margin:0 auto}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;text-align:center}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title{width:100%;display:grid;gap:5px;color:var(--pg-ink)}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title strong{font-size:clamp(16px,1.3vw,20px);line-height:1.28;font-weight:600}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title small{font-size:13px;line-height:1.4;font-weight:400;color:var(--pg-sub)}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-object{display:block;width:100%;max-width:290px;height:150px}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection{width:100%;min-width:0;color:#517997}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection svg{display:block;width:100%;height:32px;overflow:visible}
#progress-start #pg-main .support-infrastructure .infra-database{width:100%;max-width:430px;padding:16px 18px 14px;background:#fff;border:1px solid #c6d4df;border-top:3px solid #2463d9}
#progress-start #pg-main .support-infrastructure .infra-database-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--pg-ink);font-size:17px}
#progress-start #pg-main .support-infrastructure .infra-database-heading svg{width:35px;height:35px;flex:0 0 auto}
#progress-start #pg-main .support-infrastructure .infra-table-row{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e0e7ec;color:#31536b;text-align:left;font-size:13px}
#progress-start #pg-main .support-infrastructure .infra-table-row i{display:flex;gap:3px;align-items:center;font-style:normal}
#progress-start #pg-main .support-infrastructure .infra-table-row b{display:block;width:17px;height:6px;border-radius:2px;background:#dce7f0}
#progress-start #pg-main .support-infrastructure .infra-table-row:last-child b:first-child{background:#a8c2d6}
#progress-start #pg-main .support-infrastructure .infra-hosted-services{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:11px}
#progress-start #pg-main .support-infrastructure .infra-hosted-services span{padding:5px 9px;border:1px solid #c8d8e5;border-radius:2px;color:#31536b;background:#f9fbfc;font-size:12px;line-height:1.2}
#progress-start #pg-main .support-infrastructure .infra-team-context{width:100%;display:grid;gap:0;border-top:1px solid #d5e0e7;color:#31536b;font-size:12px;line-height:1.35;text-align:left}
#progress-start #pg-main .support-infrastructure .infra-team-context span{padding:8px 2px;border-bottom:1px solid #d5e0e7}
@media(max-width:900px){#progress-start #pg-main .support-infrastructure .infra-network--database{grid-template-columns:minmax(0,.9fr) 48px minmax(0,1.2fr) 48px minmax(0,.9fr);gap:8px}#progress-start #pg-main .support-infrastructure .infra-database{padding:12px 12px 10px}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-object{height:128px}}
@media(max-width:680px){#progress-start #pg-main .support-infrastructure .infra-network--database{grid-template-columns:minmax(0,1fr);gap:0}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part{gap:10px;padding:12px 0}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title{text-align:left}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-object{height:126px}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part--hosted{align-items:stretch}#progress-start #pg-main .support-infrastructure .infra-database{max-width:none}#progress-start #pg-main .support-infrastructure .infra-hosted-services{justify-content:flex-start}#progress-start #pg-main .support-infrastructure .infra-connection{width:32px;height:36px;justify-self:center;transform:rotate(90deg)}#progress-start #pg-main .support-infrastructure .infra-connection svg{width:60px;height:30px;transform:translateX(-14px)}}


/* Applacadabra r07: lighten the relationship map; keep its database detail and labels. */
#progress-start #pg-main .support-infrastructure .infrastructure-relationship--open{width:100%;margin:16px 0 4px;padding:18px 0 12px;background:transparent;border:0;border-radius:0;overflow:visible}
#progress-start #pg-main .support-infrastructure .infra-network--database{display:grid;grid-template-columns:minmax(0,.86fr) minmax(58px,.18fr) minmax(0,1.22fr) minmax(58px,.18fr) minmax(0,.86fr);align-items:center;gap:18px;max-width:1420px;margin:0 auto}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title{width:100%;display:grid;gap:4px;color:var(--pg-ink)}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title strong{font-size:clamp(15px,1.25vw,19px);line-height:1.28;font-weight:600}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title small{font-size:12px;line-height:1.38;font-weight:400;color:var(--pg-sub)}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-object{display:block;width:100%;max-width:258px;height:118px}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection{width:100%;min-width:0;color:#517997}
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection svg{display:block;width:100%;height:28px;overflow:visible}
#progress-start #pg-main .support-infrastructure .infra-database{width:100%;max-width:390px;padding:10px 0 8px;background:transparent;border:0;border-block:1px solid #c6d4df}
#progress-start #pg-main .support-infrastructure .infra-database-heading{display:flex;align-items:center;gap:9px;margin:0 0 7px;color:var(--pg-ink);font-size:16px}
#progress-start #pg-main .support-infrastructure .infra-database-heading svg{width:31px;height:31px;flex:0 0 auto}
#progress-start #pg-main .support-infrastructure .infra-table-row{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e5eaee;color:#31536b;text-align:left;font-size:12px}
#progress-start #pg-main .support-infrastructure .infra-table-row i{display:flex;gap:3px;align-items:center;font-style:normal}
#progress-start #pg-main .support-infrastructure .infra-table-row b{display:block;width:14px;height:5px;border-radius:1px;background:#dce7f0}
#progress-start #pg-main .support-infrastructure .infra-table-row:last-child b:first-child{background:#a8c2d6}
#progress-start #pg-main .support-infrastructure .infra-hosted-services{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin-top:7px;color:#31536b;font-size:11px;line-height:1.3}
#progress-start #pg-main .support-infrastructure .infra-hosted-services span+span:before{content:"·";margin-right:14px;color:#517997}
@media(max-width:900px){#progress-start #pg-main .support-infrastructure .infra-network--database{grid-template-columns:minmax(0,.82fr) 38px minmax(0,1.25fr) 38px minmax(0,.82fr);gap:8px}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-object{height:102px}#progress-start #pg-main .support-infrastructure .infra-part-title small{font-size:11px}#progress-start #pg-main .support-infrastructure .infra-hosted-services{gap:5px 9px}}
@media(max-width:680px){#progress-start #pg-main .support-infrastructure .support-opening-illustrated{padding-bottom:24px}#progress-start #pg-main .support-infrastructure .infrastructure-relationship--open{margin-top:7px;padding:10px 0 4px}#progress-start #pg-main .support-infrastructure .infra-network--database{grid-template-columns:minmax(0,1fr);gap:0}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part{gap:7px;padding:9px 0}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part-title{text-align:left}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-object{height:94px;max-width:220px}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-part--hosted{align-items:stretch}#progress-start #pg-main .support-infrastructure .infra-database{max-width:none;padding:8px 0 6px}#progress-start #pg-main .support-infrastructure .infra-hosted-services{justify-content:flex-start;font-size:12px}#progress-start #pg-main .support-infrastructure .infra-connection{width:1px;height:20px;justify-self:center;transform:none;background:#7898b0}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection svg{display:none}}
@media(min-width:681px){#progress-start #pg-main .support-infrastructure .pg-process>div p{max-width:62ch}#progress-start #pg-main .support-infrastructure .pg-process>div p+p{margin-top:16px}}
/* r07 spacing correction: keep phone joins slim and supporting-service labels open. */
#progress-start #pg-main .support-infrastructure .infra-network--database .infra-hosted-services span{padding:0;border:0;border-radius:0;background:transparent;color:#31536b;font-size:inherit;line-height:inherit}
@media(max-width:680px){#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection{display:block;width:1px;min-width:1px;height:20px;max-width:1px;align-self:center;justify-self:center;transform:none;background:#7898b0}#progress-start #pg-main .support-infrastructure .infra-network--database .infra-connection svg{display:none}}


/* Applacadabra r08: nested cloud as the client-specific service, with APIs/endpoints and data shown in supporting roles. */
#progress-start #pg-main .support-infrastructure .infra-cloud-diagram{width:100%;margin:16px 0 6px;padding:0;background:transparent;border:0;overflow:visible}
#progress-start #pg-main .support-infrastructure .infra-cloud-shell{padding:20px 28px 24px;border:1.5px solid #abc1d2;border-radius:88px 88px 54px 54px;background:linear-gradient(180deg,#f6f9fb 0%,#fbfcfd 100%);color:#31536b}
#progress-start #pg-main .support-infrastructure .infra-cloud-shell-heading{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 17px;color:#446c89;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.015em}
#progress-start #pg-main .support-infrastructure .infra-cloud-shell-heading svg{width:34px;height:28px;flex:0 0 auto}
#progress-start #pg-main .support-infrastructure .infra-cloud-flow{display:grid;grid-template-columns:minmax(0,.82fr) 52px minmax(0,1.65fr) 52px minmax(0,.82fr);align-items:center;gap:12px;max-width:1450px;margin:0 auto}
#progress-start #pg-main .support-infrastructure .infra-cloud-node{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}
#progress-start #pg-main .support-infrastructure .infra-cloud-node svg{display:block;width:min(100%,138px);height:84px;color:#6f94ae}
#progress-start #pg-main .support-infrastructure .infra-cloud-node strong{color:#1c3342;font-size:15px;line-height:1.3;font-weight:600}
#progress-start #pg-main .support-infrastructure .infra-cloud-node small{max-width:23ch;color:#61798b;font-size:11px;line-height:1.38}
#progress-start #pg-main .support-infrastructure .infra-cloud-link{width:100%;color:#809eb3}
#progress-start #pg-main .support-infrastructure .infra-cloud-link svg{display:block;width:100%;height:26px;overflow:visible}
#progress-start #pg-main .support-infrastructure .infra-cloud-hosted{min-width:0;padding:16px 19px 12px;border:1.5px solid #5e89a8;border-radius:54px 54px 30px 30px;background:#fff;box-shadow:0 0 0 5px rgba(191,211,226,.2)}
#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:12px;color:#315f7e;text-align:left}
#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading svg{width:31px;height:35px;flex:0 0 auto}
#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading span{display:grid;gap:3px}
#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading strong{font-size:15px;line-height:1.3;font-weight:600}
#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading small{font-size:11px;line-height:1.35;color:#61798b}
#progress-start #pg-main .support-infrastructure .infra-cloud-capabilities{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.88fr);align-items:center;border-block:1px solid #d7e1e8}
#progress-start #pg-main .support-infrastructure .infra-cloud-service,#progress-start #pg-main .support-infrastructure .infra-cloud-data{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 7px}
#progress-start #pg-main .support-infrastructure .infra-cloud-service{border-right:1px solid #d7e1e8}
#progress-start #pg-main .support-infrastructure .infra-cloud-service svg{width:32px;height:32px;flex:0 0 auto;color:#6e93ad}
#progress-start #pg-main .support-infrastructure .infra-cloud-data svg{width:30px;height:30px;flex:0 0 auto;color:#829caf}
#progress-start #pg-main .support-infrastructure .infra-cloud-service span,#progress-start #pg-main .support-infrastructure .infra-cloud-data span{display:grid;gap:3px;text-align:left}
#progress-start #pg-main .support-infrastructure .infra-cloud-service strong,#progress-start #pg-main .support-infrastructure .infra-cloud-data strong{font-size:12px;line-height:1.3;font-weight:600;color:#31536b}
#progress-start #pg-main .support-infrastructure .infra-cloud-service small,#progress-start #pg-main .support-infrastructure .infra-cloud-data small{font-size:10px;line-height:1.3;color:#526572}
#progress-start #pg-main .support-infrastructure .infra-cloud-edge{margin-top:9px;color:#526572;text-align:center;font-size:10px;line-height:1.3}
@media(max-width:900px){#progress-start #pg-main .support-infrastructure .infra-cloud-flow{grid-template-columns:minmax(0,.72fr) 34px minmax(0,1.7fr) 34px minmax(0,.72fr);gap:7px}#progress-start #pg-main .support-infrastructure .infra-cloud-shell{padding:18px 17px 20px}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted{padding:14px 12px 11px}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading strong{font-size:13px}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading small{font-size:10px}#progress-start #pg-main .support-infrastructure .infra-cloud-service,#progress-start #pg-main .support-infrastructure .infra-cloud-data{gap:6px;padding-inline:4px}}
@media(max-width:680px){#progress-start #pg-main .support-infrastructure .infra-cloud-diagram{margin:8px 0 3px}#progress-start #pg-main .support-infrastructure .infra-cloud-shell{padding:16px 13px 19px;border-radius:39px 39px 28px 28px}#progress-start #pg-main .support-infrastructure .infra-cloud-shell-heading{justify-content:flex-start;margin:0 0 11px;padding-left:6px;font-size:13px}#progress-start #pg-main .support-infrastructure .infra-cloud-flow{grid-template-columns:minmax(0,1fr);gap:0}#progress-start #pg-main .support-infrastructure .infra-cloud-node{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:7px 9px}#progress-start #pg-main .support-infrastructure .infra-cloud-node svg{grid-column:1;grid-row:1 / span 2;width:72px;height:57px}#progress-start #pg-main .support-infrastructure .infra-cloud-node strong,#progress-start #pg-main .support-infrastructure .infra-cloud-node small{grid-column:2}#progress-start #pg-main .support-infrastructure .infra-cloud-node strong{font-size:14px}#progress-start #pg-main .support-infrastructure .infra-cloud-node small{max-width:none;font-size:11px}#progress-start #pg-main .support-infrastructure .infra-cloud-link{display:block;width:1px;height:18px;justify-self:center;background:#86a3b7}#progress-start #pg-main .support-infrastructure .infra-cloud-link svg{display:none}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted{padding:12px 11px 10px;border-radius:30px 30px 22px 22px}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading{justify-content:flex-start;margin:0 0 8px;padding-left:4px}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading strong{font-size:13px}#progress-start #pg-main .support-infrastructure .infra-cloud-hosted-heading small{font-size:10px}#progress-start #pg-main .support-infrastructure .infra-cloud-service,#progress-start #pg-main .support-infrastructure .infra-cloud-data{gap:6px;padding:7px 4px}#progress-start #pg-main .support-infrastructure .infra-cloud-service svg,#progress-start #pg-main .support-infrastructure .infra-cloud-data svg{width:25px;height:25px}#progress-start #pg-main .support-infrastructure .infra-cloud-service strong,#progress-start #pg-main .support-infrastructure .infra-cloud-data strong{font-size:11px}#progress-start #pg-main .support-infrastructure .infra-cloud-service small,#progress-start #pg-main .support-infrastructure .infra-cloud-data small{font-size:9px}#progress-start #pg-main .support-infrastructure .infra-cloud-edge{font-size:10px}}