/* Only the two marketplace routes opt into this layout. */
#landMarketHost[hidden]{display:none}
#landMarketFrame{display:block;width:100%;height:100%;border:0;border-radius:12px;background:var(--paper)}
#simulationSettings>summary{cursor:pointer;color:var(--ink-soft);font-size:12px}
#guevaraOfferOverlay>.platform-offer-return{height:48px;padding:4px 12px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center}
#guevaraOfferOverlay>.platform-offer-return button{padding:5px 16px;font-size:13px}
#guevaraOfferOverlay>iframe{height:calc(100% - 48px)}
body:is(.market-first,.market-browsing){padding:8px 12px;overflow:hidden}
:is(.market-first,.market-browsing)>.wrap{max-width:1600px;height:calc(100dvh - 16px);display:flex;flex-direction:column;gap:4px}
:is(.market-first,.market-browsing) header.top{margin:0;padding:0 0 4px;min-height:30px;align-items:center}
:is(.market-first,.market-browsing) header.top h1{font-size:14px}
:is(.market-first,.market-browsing) header.top .tag{font-size:10px;padding:1px 8px}
:is(.market-first,.market-browsing) .breadcrumb{margin:0;margin-inline-end:118px;min-height:26px;height:26px;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}
:is(.market-first,.market-browsing) .breadcrumb .crumb{flex:0 0 auto;white-space:nowrap}
:is(.market-first,.market-browsing) #simulationSettings{position:absolute;top:44px;left:16px;z-index:30;background:var(--paper);border-radius:8px;max-width:min(90vw,650px)}
:is(.market-first,.market-browsing) #simulationSettings[open]{box-shadow:var(--shadow);padding:8px;border:1px solid var(--line)}
:is(.market-first,.market-browsing) #marketplaceStage{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,82fr) minmax(0,18fr);gap:0}
:is(.market-first,.market-browsing) #landMarketHost{min-height:0;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
:is(.market-first,.market-browsing) footer{margin:0;font-size:10px;height:17px;overflow:hidden}
.market-first #cardArea{min-height:0;padding:6px 8px;display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:8px;overflow:hidden;margin-top:4px}
.market-first .compact-role-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.market-first .compact-role-body>.step-title{font-size:13px;display:inline;margin-inline-end:8px}
.market-first .compact-role-body>.step-sub{font-size:11px;display:inline;margin:0}
.market-first .compact-role-body .card-grid{display:flex;gap:5px;overflow-x:auto;margin-top:4px;padding-bottom:4px}
.market-first .compact-role-body .role-card{padding:5px 9px;flex:0 0 auto;min-height:30px;font-size:12px;margin:0}
.market-first #cardArea>.nav{margin:0;padding:0;border:0;display:flex;align-items:stretch;justify-content:center;flex-direction:column}
.market-first #cardArea>.nav #prevBtn{display:none}
.market-first #cardArea>.nav #nextBtn{padding:8px;font-size:12px}
.market-first .compact-role-body .sub-field{margin-top:4px;padding:4px 8px}
.market-first .compact-role-body .field{margin:0}
.market-first .compact-role-body .field label{font-size:12px;min-height:0;margin:0}
.market-first .compact-role-body .field .hint{font-size:10px;margin:0}
.market-first .compact-role-body .choice{padding:5px 10px;font-size:12px}
.market-first .compact-role-body .field input{padding:5px 8px;font-size:12px}
.market-browsing #marketplaceStage{grid-template-rows:minmax(0,1fr) 52px}
.market-browsing #cardArea{padding:6px;margin-top:4px}
.market-browsing .land-route-nav{display:flex;gap:8px}
.market-browsing .land-route-nav button{padding:5px 16px;font-size:12px}
@media(max-width:520px){body:is(.market-first,.market-browsing){padding:5px}:is(.market-first,.market-browsing)>.wrap{height:calc(100dvh - 10px)}:is(.market-first,.market-browsing) header.top .tag{display:none}.market-first #cardArea{grid-template-columns:minmax(0,1fr) 62px;padding:4px;gap:4px}}

/* V2: listings stay primary; platform onboarding is an explicit modal. */
.platform-entry-bar{
  position:fixed;top:0;right:0;left:0;z-index:80;height:54px;padding:6px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(20,48,43,.08)
}
.platform-entry-bar strong{font-size:14px;color:var(--ink)}
.platform-entry-bar button{min-height:40px;padding:7px 16px;white-space:nowrap}
body:is(.market-first,.market-browsing){padding:62px 12px 8px}
:is(.market-first,.market-browsing)>.wrap{height:calc(100dvh - 70px)}
:is(.market-first,.market-browsing) #marketplaceStage{display:block;min-height:0;flex:1}
:is(.market-first,.market-browsing) #landMarketHost{height:100%}
:is(.market-first,.market-browsing) header.top,
:is(.market-first,.market-browsing) .breadcrumb,
:is(.market-first,.market-browsing) footer,
:is(.market-first,.market-browsing) #simulationSettings{display:none}
.market-browsing #cardArea,.market-first #cardArea{display:block;margin:0;padding:26px;overflow:auto}
#platformFlowOverlay[hidden]{display:none}
#platformFlowOverlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px}
.platform-flow-backdrop{position:absolute;inset:0;background:rgba(20,36,31,.58)}
.platform-flow-dialog{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 90px rgba(0,0,0,.28)}
.platform-flow-close{position:absolute;top:10px;left:10px;z-index:2;width:42px;min-height:42px;border:0;background:transparent;font-size:27px;line-height:1}
.platform-flow-dialog #cardArea{box-shadow:none;border:0;padding:28px;padding-top:58px}
.platform-flow-dialog .compact-role-body>.step-title{font-size:21px;display:block}
.platform-flow-dialog .compact-role-body>.step-sub{font-size:13px;display:block}
.platform-flow-dialog .compact-role-body .card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.platform-flow-dialog .compact-role-body .role-card{padding:10px 12px;min-height:48px}
body.platform-flow-open{overflow:hidden}
@media(max-width:520px){
  .platform-entry-bar{height:52px;padding:6px 8px}.platform-entry-bar strong{display:none}.platform-entry-bar button{width:100%}
  body:is(.market-first,.market-browsing){padding:57px 5px 5px}:is(.market-first,.market-browsing)>.wrap{height:calc(100dvh - 62px)}
  .platform-flow-dialog .compact-role-body .card-grid{grid-template-columns:1fr}
  .platform-flow-dialog #cardArea{padding:24px 16px;padding-top:54px}
}