/* One recognizable company workspace, carried through the story. */
.no-break{white-space:nowrap;hyphens:none}
.demo-link{gap:12px;font-size:16px}
.demo-link:hover svg{transform:translate(2px,-2px)}
.os-base{border-radius:20px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 10px 0 var(--depth),0 11px 0 var(--edge),0 34px 55px var(--shadow)}
.workspace{position:absolute;left:0;top:0;width:720px;height:440px;border-radius:20px;overflow:hidden;background:var(--surface);color:var(--ink);transform-origin:top left;transform:scale(var(--ui-scale,1));border:1px solid var(--edge);font-size:13px;font-weight:400;line-height:1.4;text-align:left}
.workspace svg{stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.workspace-topbar{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--surface)}
.company-identity{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.035em}
.company-identity>svg{height:17px;width:17px;color:var(--quiet)}
.company-monogram{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--surface);font-size:15px;font-weight:500}
.workspace-tools{display:flex;align-items:center;gap:19px;color:var(--quiet)}
.workspace-tools>svg{height:18px;width:18px}
.team-avatars{display:flex;padding-left:5px}
.team-avatars>i{font-size:10px;font-weight:500;font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);background:#e6c9b5;color:#3c302b;margin-left:-5px}
.team-avatars>i:nth-child(2){background:#bfceec;color:#24365c}.team-avatars>i:nth-child(3){background:#c4d6cc;color:#254237}
.workspace-sidebar{position:absolute;left:0;top:60px;bottom:0;width:142px;background:var(--module);border-right:1px solid var(--line);padding:18px 10px}
.workspace-nav{height:37px;display:flex;align-items:center;gap:9px;padding:0 11px;color:var(--body);font-size:11px;border-radius:7px;white-space:nowrap}
.workspace-nav>svg{width:17px;height:17px;flex:none;color:var(--quiet)}
.workspace-nav.is-selected{background:var(--wash);color:var(--ink);font-weight:600}.workspace-nav.is-selected>svg{color:var(--blue)}
.approval-nav{height:calc(37px * var(--approval,0));opacity:var(--approval,0);overflow:hidden;background:var(--wash);color:var(--focus)}
.approval-nav>i{width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:auto;flex:none}
.sidebar-bottom{position:absolute;left:19px;right:8px;bottom:19px;display:flex;align-items:center;gap:7px;font-size:9px;color:var(--quiet)}
.sidebar-bottom img{width:15px;height:15px}
.workspace-content{position:absolute;left:142px;right:0;top:60px;bottom:0}
.workspace-screen{position:absolute;inset:0;padding:23px 25px;opacity:0;overflow:hidden}
.overview-screen{opacity:1}
.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px;height:30px}
.screen-heading h3{font-size:23px;font-weight:500;letter-spacing:-.045em;margin:0;line-height:1.2}
.screen-channels{display:flex;align-items:center;gap:11px}
.screen-channels img{width:20px;height:20px;object-fit:contain}.screen-channels img:last-child{width:30px}
.operation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}
.operation-summary>div{position:relative;min-height:68px;border-bottom:1px solid var(--line);padding:0 0 13px}
.operation-summary svg{position:absolute;right:10px;top:1px;width:20px;height:20px;color:var(--quiet)}
.operation-summary strong{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.045em;display:block}
.operation-summary span{display:block;font-size:10px;color:var(--body);margin-top:7px}
.table-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px}
.table-title h4{font-weight:500;font-size:14px;margin:0;letter-spacing:-.025em}.table-title svg{width:15px;height:15px;color:var(--quiet)}
.table-header,.product-row{display:grid;grid-template-columns:1fr 72px 87px;gap:10px;align-items:center}
.table-header{font-size:9px;color:var(--quiet);border-block:1px solid var(--line);height:29px}
.product-row{height:51px;font-size:11px;border-bottom:1px solid var(--line)}
.product-row:last-child{border-bottom:0}
.product-row>div{display:flex;align-items:center;gap:9px}
.product-row small{display:block;font-size:8px;color:var(--quiet);margin-top:2px}
.product-thumb{height:36px;width:44px;border-radius:6px;background:#e9eef6;display:grid;place-items:center;flex:none}.product-thumb svg{width:40px;height:32px;stroke:none}
.product-thumb.warm{background:#f0e9e0}.product-thumb.warm svg,.product-thumb.sage svg{width:30px;height:30px}.product-thumb.sage{background:#e3ece7}
.status-text{color:var(--focus);font-size:10px;font-weight:500}.status-text.muted{color:var(--quiet);font-weight:400}
.screen-action{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:6px;background:var(--wash);color:var(--focus);font-size:10px;white-space:nowrap}.screen-action svg{height:12px;width:12px}.screen-action b{font-size:16px;font-weight:400}
.listing-editor{display:grid;grid-template-columns:190px 1fr;gap:20px}
.listing-product{height:180px;background:#edf1f7;border-radius:10px;display:grid;place-items:center;overflow:hidden}
.listing-product>svg{width:96%;height:90%;stroke:none;transform:rotate(-13deg)}
.listing-thumbnails{display:flex;gap:9px;margin-top:10px}
.listing-thumbnails>i{display:grid;place-items:center;flex:1;height:46px;border-radius:6px;border:1px solid var(--line);background:var(--module);overflow:hidden}.listing-thumbnails>i:first-child{border-color:var(--blue)}
.listing-thumbnails svg{width:90%;height:85%;stroke:none}.listing-thumbnails>i:nth-child(2) svg{transform:scaleX(-1) rotate(-8deg)}.listing-thumbnails>i:nth-child(3) svg{transform:rotate(-28deg) scale(1.3)}
.listing-fields label{display:block;color:var(--quiet);font-size:9px;margin-bottom:6px}
.editor-field{border:1px solid var(--line);background:var(--module);padding:9px 10px;border-radius:6px;font-size:12px;margin-bottom:13px}
.feature-field{display:grid;gap:9px;font-size:10px;padding-block:12px}
.feature-field>span{display:flex;gap:6px;align-items:center}.feature-field>span::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--subtle-blue);flex:none}
.publish-channels{display:flex;gap:8px;align-items:center}.publish-channels>span{display:flex;align-items:center;gap:4px;font-size:8px}.publish-channels img{width:15px;height:15px;object-fit:contain}.publish-channels>span:last-child img{width:21px}
.listing-footer{margin-top:20px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:13px;color:var(--body);font-size:10px}.listing-footer svg{height:15px;width:15px;color:var(--blue)}
.purchasing-screen .screen-heading{margin-bottom:17px}
.purchasing-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);height:33px;font-size:11px;margin-bottom:7px}.purchasing-tabs>span:first-child{border-bottom:2px solid var(--blue)}
.approval-tab{opacity:var(--approval,0);color:var(--focus)}.approval-tab b{font-size:9px;background:var(--wash);padding:2px 5px;border-radius:4px;margin-left:4px}
.purchase-header,.purchase-row{display:grid;grid-template-columns:1fr 76px 122px;gap:12px;align-items:center}
.purchase-header{height:30px;color:var(--quiet);font-size:9px}.purchase-row{height:51px;border-bottom:1px solid var(--line);font-size:11px}
.purchase-row.selected{background:color-mix(in srgb,var(--wash) calc(var(--approval,0)*100%),transparent);border-radius:6px}
.purchase-row>div>strong{display:block;font-weight:500;font-size:11px}.purchase-row>div>span{display:block;color:var(--quiet);font-size:10px;margin-top:3px}
.purchase-status{position:relative;height:20px}.purchase-status>span{position:absolute;inset:0;white-space:nowrap}
.purchase-status .status-before{opacity:calc(1 - var(--approval,0))}.purchase-status .status-after{opacity:var(--approval,0);color:var(--focus)}
.finance-review{display:flex;gap:11px;align-items:center;margin-top:17px;background:var(--wash);border:1px solid var(--subtle-blue);border-radius:10px;padding:12px;opacity:var(--approval,0);transform:translateY(calc((1 - var(--approval,0))*16px));box-shadow:0 5px 13px var(--shadow)}
.review-icon{height:31px;width:31px;display:grid;place-items:center;color:var(--blue)}.review-icon>svg{height:25px;width:25px}
.finance-review strong{display:block;font-size:12px;font-weight:500;white-space:nowrap}.finance-review>div>span{display:block;font-size:9px;color:var(--body);margin-top:3px}
.review-owner{margin-left:auto;display:flex;align-items:center;gap:6px}.review-owner>i{font-style:normal;display:grid;place-items:center;height:25px;width:25px;background:#bfceec;color:#24365c;border-radius:50%;font-size:11px}
.review-owner>span{font-size:9px!important;white-space:nowrap}
.review-button{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:6px;color:var(--focus)}.review-button svg{width:12px;height:12px}
.system-layer-label{position:absolute;left:0;right:0;top:-40px;text-align:center;font-size:24px;font-weight:500;color:var(--ink);letter-spacing:-.03em;opacity:0}

/* Source connections are separate from the work objects in the opening. */
.connected-sources{position:absolute;left:26px;right:26px;top:67px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:12px 18px;opacity:0}
.connected-sources>div{display:flex;align-items:center;gap:11px;min-width:0;padding:5px 9px;border-radius:8px;background:var(--surface);box-shadow:0 2px 0 var(--data-depth);font-size:14px;color:var(--body)}
.connected-sources img,.connected-sources svg{width:24px;height:24px;object-fit:contain;flex:none}.connected-sources svg{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.connected-sources .source-ebay{width:29px}
.data-title .source-marks{display:none}
.execution-path{left:28px;right:28px;top:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.execution-path>span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;height:48px;border-radius:10px;background:var(--surface);box-shadow:0 3px 0 var(--data-depth)}
.execution-path>span>span{opacity:1}.execution-path svg{height:25px;width:25px}

/* A second real application, lifted from the same workspace. */
.inventory-app{position:absolute;left:0;top:0;width:435px;height:245px;background:var(--surface);border:1px solid var(--edge);border-radius:18px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 8px 0 var(--depth),0 24px 35px var(--shadow);padding:20px 24px;opacity:0;transform-style:preserve-3d;z-index:6}
.inventory-app-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.inventory-app-heading h3{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:0;white-space:nowrap}.inventory-app-heading svg{height:23px;width:23px;fill:none;stroke:var(--blue);stroke-width:1.5}.inventory-app-heading img{width:21px;height:21px;margin-left:auto}
.inventory-table>div{display:grid;grid-template-columns:1.4fr 1fr 75px;gap:15px;align-items:center;font-size:12px;border-bottom:1px solid var(--line);height:43px}
.inventory-table .inventory-head{height:25px;font-size:10px;color:var(--quiet)}
.cover{display:flex;gap:4px}.cover i{height:7px;flex:1;background:var(--subtle-blue);border-radius:2px}.cover i.empty{background:var(--line)}
.inventory-flow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px;font-size:15px;color:var(--quiet)}
.inventory-flow>span{padding-bottom:4px;border-bottom:2px solid transparent}
.inventory-flow>span.is-active{color:var(--focus);border-bottom-color:var(--blue)}.inventory-flow>i{font-style:normal;color:var(--subtle-blue);font-size:17px}

/* Individual workspaces branch from one foundation. There is no shared slab. */
.foundation-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--subtle-blue);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.foundation-buses{opacity:.65}.foundation-taps{opacity:.75}
.foundation-buses .network-trunk{stroke:var(--blue);stroke-width:2}
.foundation-hub{position:absolute;left:285px;top:604px;width:250px;height:75px;display:flex;align-items:center;gap:16px;padding:17px 23px;background:var(--surface);border:1px solid var(--subtle-blue);border-radius:18px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 9px 0 var(--depth),0 19px 35px var(--shadow);color:var(--ink)}
.foundation-hub>img{height:37px;width:37px}.foundation-hub>span{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.03em}
.company-instance{padding:0;transform:none;border-radius:7px;overflow:visible;box-shadow:0 3px 0 var(--depth),0 9px 13px var(--shadow);background:var(--surface)}
.mini-shell{position:absolute;inset:0;border-radius:6px;overflow:hidden;background:var(--surface)}
.mini-topbar{height:11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:2px;padding-inline:6px;background:var(--surface)}
.mini-topbar>i{height:2px;width:2px;background:var(--subtle-blue);border-radius:50%}.mini-topbar>span{width:18px;height:2px;margin-left:auto;background:var(--line);border-radius:2px}
.mini-side{position:absolute;left:0;top:11px;bottom:0;width:19px;background:var(--module);border-right:1px solid var(--line);padding:7px 4px;display:grid;align-content:start;gap:4px}
.mini-side>i{height:2px;background:var(--subtle-blue);opacity:.5;border-radius:2px}
.mini-body{position:absolute;top:17px;left:25px;right:6px;bottom:7px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:8px 1fr;gap:4px}
.mini-body>i{background:var(--wash);border-radius:2px;border:1px solid var(--module-line)}.mini-body>i:last-child{grid-column:span 3;background:repeating-linear-gradient(0deg,var(--wash) 0 2px,transparent 2px 5px);border:0}
.company-variant-1 .mini-body{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}.company-variant-1 .mini-body>i:first-child{grid-row:span 2;background:var(--data)}.company-variant-1 .mini-body>i:last-child{grid-column:auto}
.company-variant-2 .mini-body{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}.company-variant-2 .mini-body>i:last-child{grid-column:auto;background:var(--wash)}
.company-variant-3 .mini-body{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.company-variant-3 .mini-body>i:last-child{grid-column:auto;background:var(--wash)}
.mini-team{position:absolute;right:-3px;bottom:-5px;display:flex;z-index:2}.mini-team>i{height:9px;width:9px;background:#a8c3e6;border-radius:50%;border:1.5px solid var(--surface);margin-left:-2px}.mini-team>i:nth-child(2){background:#d9c3ad}.mini-team>i:nth-child(3){background:#9db4a5}

/* A request visibly changes purchasing and adds the approval view. */
.change-request{left:81px;top:66px;width:381px;min-height:78px;padding:17px 21px;gap:14px;z-index:6}
.change-request>span{font-size:20px}.request-done{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.5;margin-left:auto;opacity:0;flex:none}

/* Two equally clear ways to build the same company system. */
.choice-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--subtle-blue);stroke-width:2;stroke-linecap:round}
.build-route{position:absolute;left:132px;top:55px;width:240px;height:156px;padding:13px 22px 15px;background:var(--surface);border:1px solid var(--edge);border-radius:18px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 8px 0 var(--depth),0 21px 35px var(--shadow)}
.build-route-team{left:449px;top:55px}
.build-route>span{display:block;text-align:center;font-size:19px;font-weight:500;letter-spacing:-.035em;white-space:nowrap;color:var(--ink);margin-top:11px}
.builder-symbol{position:relative;height:87px;width:130px;margin:auto;transform:rotateX(15deg) rotateY(-10deg) rotateZ(-4deg)}
.builder-palette{position:absolute;left:0;top:9px;bottom:6px;width:30px;padding:7px 6px;display:grid;gap:6px;background:var(--data);border:1px solid var(--module-line);border-radius:6px;box-shadow:0 4px 0 var(--depth)}
.builder-palette>i{display:block;background:var(--surface);border:1px solid var(--subtle-blue);border-radius:3px}
.builder-canvas{position:absolute;left:38px;right:0;top:9px;bottom:6px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:18px 1fr;gap:7px;padding:8px;background:var(--surface);border:1px solid var(--edge);border-radius:7px;box-shadow:0 4px 0 var(--depth)}
.builder-canvas>i{background:var(--wash);border:1px solid var(--subtle-blue);border-radius:3px}.builder-canvas>i:last-child{grid-column:span 2;border-style:dashed;background:transparent}
.builder-cursor{position:absolute;left:80px;top:45px;width:30px;height:34px;fill:var(--blue);stroke:var(--surface);stroke-width:2;filter:drop-shadow(2px 3px 2px var(--shadow))}
.partner-symbol{position:relative;height:87px;width:130px;margin:auto}
.partner-symbol>img{position:absolute;left:52px;top:31px;height:36px;width:36px;transform:rotate(-6deg);z-index:3;filter:drop-shadow(0 4px 3px var(--shadow))}
.partner-person{position:absolute;left:12px;top:7px;width:43px;height:76px;transform:rotate(-7deg)}.partner-person:nth-child(2){left:80px;top:4px;transform:rotate(7deg)}
.partner-person>i{position:absolute;left:9px;top:0;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d2e1f6,#98b0d1 70%,#6b89b2)}
.partner-person>b{position:absolute;left:2px;top:31px;width:39px;height:41px;border-radius:20px 20px 12px 12px;background:linear-gradient(110deg,#d2e1f6,#98b0d1 70%,#6b89b2);box-shadow:0 4px 0 #6b89b2,0 10px 10px var(--shadow)}
.partner-person:nth-child(2)>i{background:radial-gradient(circle at 30% 25%,#9bc2ff,#428aff 70%,#2564c7)}.partner-person:nth-child(2)>b{background:linear-gradient(110deg,#9bc2ff,#428aff 70%,#2564c7);box-shadow:0 4px 0 #2564c7,0 10px 10px var(--shadow)}

.proof-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 18px;padding:24px 5px}
.proof-brands>div,.proof-brands>div:nth-child(n+7){grid-column:auto;height:118px;padding:16px}
.proof-brands img,.proof-brands svg,.proof-brands>div:nth-child(n+7) img,.proof-brands>div:nth-child(n+7) svg{width:166px;height:67px}
.proof-brands .nfl-mark svg{height:86px;width:131px}
.proof-brands .huel-mark{height:63px;width:155px}

@media(max-width:1000px){
  .demo-link{font-size:15px}
  .workspace{width:400px;height:300px;border-radius:15px;font-size:11px}
  .os-base{border-radius:15px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 6px 0 var(--depth),0 7px 0 var(--edge),0 22px 35px var(--shadow)}
  .workspace-topbar{height:43px;padding:0 14px}.company-identity{font-size:15px;gap:8px}.company-monogram{width:23px;height:23px;border-radius:7px;font-size:12px}.company-identity>svg{height:14px;width:14px}
  .workspace-tools{gap:11px}.workspace-tools>svg{height:16px;width:16px}.workspace-tools>svg:first-child{display:none}.team-avatars>i{height:22px;width:22px;font-size:8px}
  .workspace-sidebar{top:43px;width:47px;padding:12px 7px}.workspace-nav{height:32px;padding:0;justify-content:center}.workspace-nav>svg{height:19px;width:19px}.workspace-nav>span,.approval-nav>i{display:none}.approval-nav{height:calc(32px * var(--approval,0))}.sidebar-bottom{left:16px;bottom:14px}.sidebar-bottom img{width:15px;height:15px}.sidebar-bottom>span{display:none}
  .workspace-content{left:47px;top:43px}.workspace-screen{padding:15px 17px}
  .screen-heading{height:24px;margin-bottom:15px;gap:8px}.screen-heading h3{font-size:20px}.screen-channels{gap:7px}.screen-channels img{width:16px;height:16px}.screen-channels img:last-child{width:23px}
  .operation-summary{gap:12px;margin-bottom:14px}.operation-summary>div{min-height:51px;padding-bottom:9px}.operation-summary strong{font-size:23px}.operation-summary span{font-size:8px;margin-top:5px}.operation-summary svg{width:16px;height:16px;right:2px}
  .table-title{padding-bottom:7px}.table-title h4{font-size:12px}.table-title>svg{width:12px;height:12px}.table-header,.product-row{grid-template-columns:1fr 48px 62px;gap:5px}.table-header{font-size:7px;height:22px}.product-row{height:36px;font-size:9px}.product-row>div{gap:6px}.product-row small{font-size:6px;margin-top:1px}.product-thumb{width:29px;height:27px;border-radius:5px}.product-thumb svg{width:28px;height:24px}.product-thumb.warm svg,.product-thumb.sage svg{width:23px;height:23px}.status-text{font-size:8px}
  .screen-action{font-size:8px;padding:5px 8px;gap:6px}.screen-action svg{width:10px;height:10px}
  .listing-editor{grid-template-columns:113px 1fr;gap:12px}.listing-product{height:120px;border-radius:7px}.listing-thumbnails{gap:5px;margin-top:7px}.listing-thumbnails>i{height:32px;border-radius:4px}.listing-fields label{font-size:7px;margin-bottom:4px}.editor-field{padding:6px 7px;font-size:9px;margin-bottom:8px;border-radius:4px}.feature-field{font-size:7px;gap:6px;padding-block:8px}.feature-field>span{gap:4px}.feature-field>span::before{width:2px;height:2px}
  .publish-channels{gap:9px}.publish-channels>span{font-size:0;gap:0}.publish-channels img{width:18px;height:18px}.publish-channels>span:last-child img{width:25px}
  .listing-footer{font-size:8px;margin-top:13px;padding-top:10px;gap:6px}.listing-footer svg{height:13px;width:13px}
  .purchasing-screen .screen-heading{margin-bottom:11px}.purchasing-tabs{height:27px;font-size:9px;gap:22px;margin-bottom:5px}.approval-tab b{font-size:7px;padding:1px 4px;margin-left:2px}
  .purchase-header,.purchase-row{grid-template-columns:1fr 49px 86px;gap:7px}.purchase-header{height:22px;font-size:7px}.purchase-row{height:35px;font-size:9px}.purchase-row>div>strong{font-size:9px}.purchase-row>div>span{font-size:8px;margin-top:2px}.purchase-status{height:17px}
  .finance-review{gap:7px;padding:9px;margin-top:10px;border-radius:7px}.review-icon{height:24px;width:24px}.review-icon svg{height:20px;width:20px}.finance-review strong{font-size:10px}.finance-review>div>span{font-size:7px;margin-top:2px}.review-owner{gap:0}.review-owner>i{height:22px;width:22px;font-size:9px}.review-owner>span{display:none!important}.review-button{font-size:7px;gap:4px}.review-button svg{height:10px;width:10px}
  .system-layer-label{font-size:20px;top:-31px}
  .connected-sources{left:17px;right:17px;top:53px;bottom:16px;gap:9px 11px}
  .connected-sources>div{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px 1px;font-size:10px;border-radius:6px;box-shadow:0 2px 0 var(--data-depth)}.connected-sources img,.connected-sources svg{height:22px;width:22px}.connected-sources .source-ebay{width:29px}
  .execution-path{top:49px;left:17px;right:17px;gap:9px}.execution-path>span{height:39px;font-size:17px;gap:8px;border-radius:8px}.execution-path svg{height:21px;width:21px}
  .inventory-app{width:340px;height:191px;padding:15px 19px;border-radius:14px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 6px 0 var(--depth),0 17px 27px var(--shadow)}
  .inventory-app-heading{gap:8px;margin-bottom:12px}.inventory-app-heading h3{font-size:18px}.inventory-app-heading svg{height:20px;width:20px}.inventory-app-heading img{height:18px;width:18px}
  .inventory-table>div{grid-template-columns:1.3fr 1fr 58px;font-size:10px;height:32px;gap:10px}.inventory-table .inventory-head{height:22px;font-size:8px}.cover{gap:3px}.cover i{height:6px}.inventory-flow{font-size:13px;padding-top:13px;gap:9px}
  .foundation-hub{left:108px;top:435px;width:204px;height:61px;padding:13px 17px;gap:12px;border-radius:15px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 6px 0 var(--depth),0 13px 25px var(--shadow)}.foundation-hub>img{height:31px;width:31px}.foundation-hub>span{font-size:15px}
  .foundation-network{stroke-width:1}.foundation-buses .network-trunk{stroke-width:1.5}
  .company-instance{border-radius:5px;padding:0}.mini-shell{border-radius:4px}.mini-topbar{height:8px;padding-inline:4px;gap:2px}.mini-topbar>i{width:1.5px;height:1.5px}.mini-topbar>span{width:12px;height:1.5px}.mini-side{top:8px;width:13px;padding:5px 3px;gap:3px}.mini-side>i{height:1.5px}.mini-body{top:12px;left:17px;right:4px;bottom:5px;grid-template-rows:6px 1fr;gap:3px}.mini-team>i{height:7px;width:7px;border-width:1px}.mini-team{bottom:-4px}
  .change-request{left:21px;top:54px;width:328px;min-height:69px;padding:15px 17px;gap:11px}.change-request>span{font-size:17px}.request-person{height:31px;width:31px;border-radius:10px}.request-person svg{height:22px;width:22px}.request-done{height:20px;width:20px}
  .build-route{left:17px;top:32px;width:180px;height:122px;padding:8px 12px 13px;border-radius:14px;box-shadow:inset 0 1px 0 var(--highlight),0 2px 0 var(--edge),0 6px 0 var(--depth),0 15px 24px var(--shadow)}.build-route-team{left:223px}
  .build-route>span{font-size:16px;margin-top:0}.builder-symbol,.partner-symbol{height:81px;transform:scale(.8);transform-origin:50% 25%}.builder-symbol{transform:rotateX(15deg) rotateY(-10deg) rotateZ(-4deg) scale(.8)}
  .proof-brands{gap:24px 10px;padding:20px 2px}.proof-brands>div,.proof-brands>div:nth-child(n+7){height:87px;padding:10px 6px}.proof-brands img,.proof-brands svg,.proof-brands>div:nth-child(n+7) img,.proof-brands>div:nth-child(n+7) svg{width:111px;height:46px}.proof-brands .nfl-mark svg{width:92px;height:62px}.proof-brands .huel-mark{width:103px;height:42px}
}
@media(max-width:1000px){.connected-sources>div{padding:5px;gap:0}.connected-sources>div>span{display:none}}
/* Keep every illustrated view inside its window, including compact layouts. */
.operation-summary{margin-bottom:20px}
.table-title{padding-bottom:9px}
.product-row{height:44px}
.purchase-row{height:48px}
.listing-footer{margin-top:18px}
@media(max-width:1000px){
  .operation-summary{margin-bottom:14px}.table-title{padding-bottom:7px}.product-row{height:36px}.purchase-row{height:35px}
  .overview-screen .product-row:last-child,.purchasing-screen .purchase-row:last-child{display:none}
  .listing-footer{margin-top:8px;padding-top:6px}
}