/* P3: discovery, search and detail; semantic data stays in the main-process catalog. */
.wx-market { min-width: 0; }
.wx-market-toolbar { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; }
.wx-market-toolbar .search-bar { flex: 1; margin: 0; max-width: none; height: 42px; padding: 0 14px; background: var(--kaypal-card); border: 1px solid var(--kaypal-border); }
.wx-market-toolbar input { min-width: 0; width: 100%; font-size: 13px; }
.wx-market-toolbar > button { min-height: 40px; flex: none; }
.wx-market-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: start; gap: 18px; }
.wx-market-main, .wx-market-aside, .wx-detail-content { min-width: 0; }
.wx-market-aside { display: grid; gap: 14px; }
.wx-surface { background: var(--kaypal-card); border: 1px solid var(--kaypal-border); border-radius: 12px; padding: 20px; }
.wx-market h2 { font-size: 18px; font-weight: 650; line-height: 1.5; margin: 0 0 14px; }
.wx-market h3 { font-size: 14px; font-weight: 600; }
.wx-market-aside h2 { font-size: 15px; }
.wx-market p { line-height: 1.7; }
.wx-market .sub { color: var(--kaypal-text-sub); font-size: 12px; line-height: 1.7; }
.wx-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 8px; }
.wx-section-heading h2 { margin: 0; }
.wx-market-aside .wx-section-heading { margin-top: 0; }
.wx-market-aside #market-category { width: 100%; height: 36px; border: 1px solid var(--kaypal-border); background: var(--kaypal-card); color: var(--kaypal-text); border-radius: 8px; padding: 0 8px; }
.wx-filter-label { display: block; margin: 18px 0 10px; font-size: 12px; font-weight: 600; }
.wx-market #market-filters { display: flex; flex-direction: column; align-items: stretch; gap: 5px; margin: 0; }
.wx-market #market-filters .market-chip { border: 0; border-radius: 6px; display: flex; justify-content: flex-start; gap: 8px; min-height: 34px; padding: 7px 10px; background: transparent; color: var(--kaypal-text-sub); font-size: 12px; }
.wx-market #market-filters .market-chip.sel { color: var(--kaypal-primary-ink); background: var(--kaypal-accent-tint); }
.wx-market #market-filters .ck { visibility: hidden; display: block; }
.wx-market #market-filters .sel .ck { visibility: visible; }
.wx-discovery-hero { min-height: 180px; box-sizing: border-box; position: relative; overflow: hidden; padding: 26px 28px; border: 1px solid var(--kaypal-border); border-radius: 12px; background: linear-gradient(115deg,var(--kaypal-accent-soft),var(--kaypal-accent-tint)); }
.wx-eyebrow { color: var(--kaypal-primary-ink); font-size: 11px; font-weight: 600; letter-spacing: 1px; }
#main .wx-discovery-hero h1 { font-size: 27px; margin: 8px 0; max-width: 70%; position: relative; z-index: 1; }
.wx-discovery-hero p { color: var(--kaypal-text-sub); font-size: 13px; max-width: 70%; margin-bottom: 0; position: relative; z-index: 1; }
#wx-market-categories { margin-top: 22px; }
#wx-market-categories[hidden] { display: none; }
.wx-category-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); gap: 10px; }
.wx-category { display: flex; flex-direction: column; gap: 9px; align-items: center; justify-content: center; min-height: 102px; padding: 12px 8px; border: 1px solid var(--kaypal-border); border-radius: 9px; background: var(--kaypal-card); color: var(--kaypal-text); cursor: pointer; }
.wx-category strong { font-size: 12px; font-weight: 550; overflow-wrap: anywhere; }
.wx-category[aria-pressed="true"] { border-color: var(--kaypal-primary-ink); background: var(--kaypal-accent-soft); }
.wx-category-icon { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,#2695ff,#6630ef); }
.wx-category:nth-child(3n+2) .wx-category-icon { background: linear-gradient(135deg,#15c9b6,#088386); }
.wx-category:nth-child(3n+3) .wx-category-icon { background: linear-gradient(135deg,#fcad62,#ec6944); }
.wx-market #catalog { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 12px; margin-top: 16px; }
.wx-market #catalog > .empty, .wx-market #catalog > .skeleton { grid-column: 1/-1; }
.wx-market #catalog .app-card { display: flex; flex-direction: column; gap: 12px; padding: 16px; min-width: 0; min-height: 196px; box-shadow: none; border: 1px solid var(--kaypal-border); }
.wx-market .app-card .wx-app-heading { display: flex; width: 100%; min-width: 0; text-align: left; gap: 12px; padding: 0; margin: 0; background: transparent; color: var(--kaypal-text); }
.wx-market .wx-app-heading:hover { background: transparent; color: var(--kaypal-primary-ink); }
.wx-market .mc-icon { width: 48px; height: 48px; flex: none; border-radius: 12px; }
.wx-market .mc-headinfo { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.wx-market .mc-headinfo strong { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; white-space: normal; }
.wx-market .mc-headinfo small { color: var(--kaypal-text-sub); font-size: 11px; }
.wx-market .mc-desc { font-size: 12px; line-height: 1.65; margin: 0; color: var(--kaypal-text-sub); }
.wx-market .badge-row { margin: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.wx-market .pill { font-size: 10px; padding: 2px 7px; }
.wx-market .app-actions { margin-top: auto; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.wx-market .app-actions .install-state { width: 100%; }
.wx-market .app-actions button { min-height: 30px; margin: 0; padding: 5px 11px; font-size: 12px; border-radius: 7px; }
.wx-market .app-actions .install-error:empty { display: none; }
.wx-market .app-actions .install-error:not(:empty) { width: 100%; overflow-wrap: anywhere; }
.wx-searching #catalog { grid-template-columns: minmax(0,1fr); }
.wx-market .wx-searching #catalog .app-card { min-height: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 18px; }
.wx-searching .app-card .mc-head { grid-column: 1; }
.wx-searching .app-card .mc-desc, .wx-searching .app-card .badge-row { grid-column: 1; margin-left: 60px; }
.wx-searching .app-card .app-actions { grid-column: 2; grid-row: 1/4; max-width: 140px; justify-content: flex-end; align-self: center; margin: 0; }
.wx-searching .app-actions .install-state { text-align: right; }
.wx-market #catalog[aria-busy="true"] { opacity: .65; }
.wx-market .empty { padding: 32px; border: 1px dashed var(--kaypal-border); background: var(--kaypal-card); border-radius: 12px; }
.wx-market .empty .why { display: block; margin: 12px 0; font-size: 13px; }
#market-detail-back { margin-bottom: 16px; }
.wx-detail-content .detail-head { margin: 22px 0 14px; align-items: flex-start; }
.wx-detail-content .detail-head .mc-icon { width: 80px; height: 80px; border-radius: 20px; }
.wx-detail-content .detail-head h2 { font-size: 24px; font-weight: 650; }
.wx-breadcrumbs { color: var(--kaypal-text-sub); font-size: 12px; overflow-wrap: anywhere; }
.wx-detail-intro { margin: 28px 0 20px; }
.wx-detail-intro p { font-size: 14px; }
.wx-media-empty { padding: 32px 20px; min-height: 90px; text-align: center; background: linear-gradient(120deg,var(--kaypal-accent-soft),var(--kaypal-card)); border: 1px dashed var(--kaypal-border); border-radius: 10px; }
.wx-detail-content .wx-review-heading { margin-top: 28px; }
.wx-detail-content .detail-section { border: 1px solid var(--kaypal-border); border-radius: 10px; padding: 16px; margin: 12px 0; scroll-margin-top: 16px; }
.wx-detail-content .detail-section h3 { margin-top: 0; }
.wx-detail-content .kv { font-size: 12px; }
.wx-detail-content .kv > * { min-width: 0; overflow-wrap: anywhere; }
.wx-detail-content .install-area { border-radius: 10px; padding: 18px; border-color: var(--kaypal-border); background: var(--kaypal-accent-soft); }
.wx-detail-content .install-area .app-actions { margin-top: 14px; }
#wx-detail-aside .wx-surface > button { display: block; width: 100%; text-align: left; margin-top: 6px; }
@media(min-width:1500px) { .wx-market-layout { grid-template-columns: minmax(0,1fr) 290px; gap: 20px; }.wx-market #catalog { grid-template-columns: repeat(3,minmax(0,1fr)); }.wx-market .wx-searching #catalog { grid-template-columns: minmax(0,1fr); } }
@media(max-width:1150px) { .wx-market-layout { grid-template-columns: minmax(0,1fr); }.wx-market-aside { grid-template-columns: 1fr 1fr; }.wx-market #market-filters { flex-direction: row; flex-wrap: wrap; }.wx-market-guide { align-self: start; } }
@media(max-width:800px) { .wx-market-aside { grid-template-columns: 1fr; }.wx-market-toolbar { flex-wrap: wrap; }.wx-market-toolbar .search-bar { flex-basis: 60%; }.wx-market-toolbar #octop-open { margin-left: auto; }#main .wx-discovery-hero h1 { font-size: 22px; max-width: 82%; }.wx-discovery-hero { padding: 20px; }.wx-market #catalog { grid-template-columns: 1fr; }.wx-market .wx-searching #catalog .app-card { display: flex; }.wx-searching .app-card .app-actions { max-width: none; justify-content: flex-start; }.wx-searching .app-actions .install-state { text-align: left; }.wx-detail-content .detail-head { flex-wrap: wrap; } }
.wx-market .wx-featured { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 8px 12px; margin: 0; padding: 16px; background: var(--kaypal-card); color: var(--kaypal-text); min-height: 0; }
.wx-featured .mc-icon { grid-row: 1/3; }
.wx-featured .mh-kicker { font-size: 10px; color: var(--kaypal-primary-ink); }
.wx-featured .mh-name { font-size: 14px; color: var(--kaypal-text); overflow-wrap: anywhere; }
.wx-featured button { grid-column: 1/-1; }
.wx-cache-notice { padding: 12px; border: 1px solid var(--kaypal-border); background: var(--kaypal-accent-soft); border-radius: 8px; }
.wx-market #wx-featured-app[hidden] { display: none; }
#market-detail { width: 100%; max-width: none; }
.wx-detail-content .detail-head { flex-wrap: wrap; }
.wx-detail-content .dh-tx { flex: 1; min-width: 180px; }
.wx-detail-content .wx-review-link { margin-left: auto; font-size: 12px; max-width: 100%; }
.wx-searching .app-card .app-actions { border-top: 0; padding-top: 0; }
.wx-searching .app-actions .install-state { flex-basis: 100%; }

/* P1 v3 reference geometry: 272px inspector, 20px gap at 1440px. */
.wx-market-layout{grid-template-columns:minmax(0,1fr) 272px;gap:20px}
#main .wx-discovery-hero h1{font-size:28px;line-height:1.4}
.wx-market #catalog .app-card{border-radius:10px}
@media(min-width:1700px){.wx-market-layout{grid-template-columns:minmax(0,1fr) 304px;gap:24px}#main .wx-discovery-hero h1{font-size:34px}.wx-discovery-hero{min-height:220px}}
@media(max-width:1300px){.wx-market-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}#main .wx-discovery-hero h1{font-size:23px}.wx-discovery-hero{padding:24px}}
@media(max-width:1080px){.wx-market-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:820px){#main .wx-discovery-hero h1{font-size:22px}}
@media(min-width:1081px) and (max-width:1150px){.wx-market-aside{grid-template-columns:1fr}.wx-market #market-filters{flex-direction:column}}
#body.with-panel .wx-market-layout{grid-template-columns:minmax(0,1fr)}

/* P1 v3: shared orbit/glass artwork, scoped to decorative DOM only. */
.wx-brand-art{position:absolute;width:330px;height:220px;right:-20px;top:calc(50% - 110px);pointer-events:none}
.wx-art-orbit{position:absolute;border:1px solid #ffffffb0;border-radius:50%;width:300px;height:80px;transform:rotate(-18deg);top:110px;left:0;box-shadow:0 0 20px #a4bbff18}
.wx-art-orbit.two{transform:rotate(18deg);width:260px;left:30px;top:80px}
.wx-art-glass{position:absolute;width:104px;height:110px;border:1px solid #ffffffd9;border-radius:17px;box-shadow:inset 0 0 25px #ffffff71,0 15px 30px #6174cc28;backdrop-filter:blur(3px)}
.wx-art-glass.back{background:linear-gradient(140deg,#ffffff71,#8975ed52);right:80px;top:24px;transform:rotate(9deg)}
.wx-art-glass.front{right:118px;top:63px;transform:rotate(-10deg) skewY(6deg);background:linear-gradient(130deg,#effbff9c,#86bfff60,#9772fc40);display:grid;place-items:center}
.wx-art-glass img{width:60px;height:50px}
.wx-art-tile{position:absolute;width:42px;height:48px;border:1px solid #ffffffa6;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#72e1ff,#658aff);color:white;box-shadow:0 8px 16px #554bab18;transform:rotate(-14deg)}
.wx-art-tile.one{right:44px;top:36px;background:linear-gradient(140deg,#c09bff,#7222ed)}
.wx-art-tile.two{left:16px;top:81px}
.wx-art-tile.three{right:48px;bottom:10px;background:linear-gradient(140deg,#b2b3ff,#7668ff);width:38px;height:43px}
.wx-work-hero .wx-brand-art{right:30px}
@media(min-width:1700px){.wx-brand-art{right:12px;transform:scale(1.15)}}
@media(max-width:1300px){.wx-discovery-hero .wx-brand-art{right:-60px}}
@media(max-width:820px){.wx-brand-art,.wx-work-hero .wx-brand-art{opacity:.5;right:-100px}}

/* Detail content stays in contract order; anchors navigate, never bypass install review. */
.wx-detail-content .detail-head{gap:20px;margin:20px 0 14px;align-items:center}
.wx-detail-content .detail-head .mc-icon{width:88px;height:88px;border-radius:22px}
.wx-detail-content .detail-head h2{font-size:24px;line-height:1.4;margin:0 0 8px}
.wx-detail-nav{display:flex;gap:26px;border-bottom:1px solid var(--kaypal-border);margin:24px 0;overflow-x:auto;white-space:nowrap}
.wx-detail-nav a{display:block;padding:10px 0;font-size:12px;text-decoration:none;color:var(--kaypal-text-sub);border-bottom:2px solid transparent}
.wx-detail-nav a:hover,.wx-detail-nav a:focus-visible{color:var(--kaypal-primary-ink);border-bottom-color:var(--kaypal-primary-ink)}
.wx-detail-intro,.wx-media-empty,.wx-review-heading{scroll-margin-top:20px}
.wx-detail-intro{margin:0 0 24px}
.wx-detail-intro p{font-size:13px;line-height:1.8;color:var(--kaypal-text-sub);overflow-wrap:anywhere}
.wx-detail-content .wx-media-empty{min-height:160px;padding:32px 24px;display:flex;flex-direction:column;justify-content:center}
.wx-detail-content .detail-section{padding:20px;border-radius:12px;margin:16px 0}
.wx-detail-content .detail-section h3{font-size:14px;margin:0 0 14px}
.wx-detail-content .kv{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr);gap:10px 16px;line-height:1.8}
.wx-detail-content .kv .mono{grid-column:1/-1;white-space:pre-wrap;overflow-wrap:anywhere}
.wx-detail-content .wx-detail-status{min-height:280px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;border:0;background:var(--kaypal-card)}
.wx-detail-status>svg{width:40px;height:40px;color:var(--kaypal-primary-ink)}
.wx-detail-status h2,.wx-detail-status p{margin:0;max-width:480px;overflow-wrap:anywhere}
.wx-detail-status>.skeleton{width:100%}
.wx-market .skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none}
.wx-market .sk-card{min-height:180px;padding:20px;border-radius:10px;min-width:0}
.wx-market .sk-icon{width:40px;height:40px;flex:none}
@media(max-width:1300px){.wx-detail-content .detail-head{gap:14px}.wx-detail-content .detail-head h2{font-size:22px}}
@media(max-width:1080px){.wx-detail-layout>.wx-market-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wx-detail-nav{gap:18px}.wx-detail-content .kv{grid-template-columns:minmax(72px,100px) minmax(0,1fr)}.wx-market .skeleton{grid-template-columns:1fr}.wx-detail-layout>.wx-market-aside{grid-template-columns:1fr}}
/* P7: discovery hierarchy and adjacent results controls. */
.wx-market #market-filters.wx-result-tabs{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px;border-bottom:1px solid var(--kaypal-border);padding:0;margin:16px 0 0}
.wx-market #market-filters.wx-result-tabs .market-chip{padding:10px 0;border-radius:0;background:transparent;position:relative;font-size:12px}
.wx-result-tabs .ck{display:none!important}
.wx-market #market-filters.wx-result-tabs .market-chip.sel:after{content:"";height:2px;background:var(--kaypal-primary-ink);position:absolute;bottom:-1px;left:0;right:0}
.wx-discovery-list h2{font-size:16px;margin:0 0 12px}
.wx-discovery-row{width:100%;display:flex;gap:12px;align-items:center;padding:14px 0;border:0;border-bottom:1px solid var(--kaypal-border);background:transparent;text-align:left}
.wx-discovery-row:last-child{border-bottom:0}.wx-discovery-row>span:nth-child(2){flex:1;min-width:0}.wx-discovery-row strong{display:block;font-size:13px}.wx-discovery-row small{display:block;color:var(--kaypal-text-sub);font-size:11px;margin-top:4px}
.wx-discovery-row .mc-icon{width:40px;height:40px;border-radius:10px;flex:none}.wx-discovery-row .mc-icon svg{width:24px;height:24px}.wx-discovery-row .mc-icon img{width:100%;height:100%}
.wx-market .market-counts{margin:8px 0;font-size:11px}

/* P8: actual metadata forms the introduction and version surfaces. */
.wx-detail-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,46%);gap:20px;align-items:stretch}
.wx-detail-intro>h2{grid-column:1/-1;margin:0!important}
.wx-detail-story{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
.wx-detail-story>p{margin:0!important;font-size:14px!important}
.wx-detail-content .wx-detail-intro>.wx-media-empty{min-height:210px;padding:24px;margin:0;border:1px solid var(--kaypal-border);border-radius:12px;background:linear-gradient(140deg,var(--kaypal-accent-soft),var(--kaypal-card));text-align:center}
.wx-media-empty>svg{width:36px;height:36px;margin:0 auto 12px;color:var(--kaypal-primary-ink)}
.wx-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wx-detail-facts>div{padding:12px 8px;background:var(--kaypal-accent-soft);border-radius:10px;overflow-wrap:anywhere}.wx-detail-facts strong{display:block;font-size:12px}.wx-detail-facts small{display:block;font-size:11px;color:var(--kaypal-text-sub);margin-top:6px}
.wx-version-section{border-top:1px solid var(--kaypal-border);padding-top:20px;margin:24px 0;scroll-margin-top:20px}.wx-version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.wx-version-grid dt{font-size:12px;color:var(--kaypal-text-sub)}.wx-version-grid dd{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}.wx-detail-reference summary{cursor:pointer;font-size:14px;font-weight:600}.wx-detail-reference[open]>button{margin-top:8px}.wx-detail-related .wx-discovery-row:last-child{border:0}
@media(max-width:1300px){.wx-detail-intro{grid-template-columns:1fr}.wx-detail-facts{max-width:none}.wx-detail-intro>.wx-media-empty{min-height:140px!important}}

#wx-detail-aside .wx-detail-related>.wx-discovery-row{display:flex;align-items:center;gap:12px;margin:0}

/* P13: discovery uses one primary action; operational details stay secondary. */
.wx-market .wx-search-filters{display:none}
.wx-market .wx-searching .wx-search-filters{display:block}
.wx-market-guide summary,.wx-review-empty summary,.wx-detail-technical>summary{cursor:pointer;font-size:13px;font-weight:600}
.wx-market-guide{padding:16px 20px}
.wx-market #market-filters.wx-result-tabs{gap:8px 24px;align-items:center;padding:4px 0}
.wx-filter-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.wx-filter-group-label{color:var(--kaypal-text-sub);font-size:11px}
.wx-market #catalog .app-card{min-height:174px;gap:10px;overflow:visible}
.wx-market #catalog .mc-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.wx-market #catalog .app-actions{border-top:0;padding-top:8px}
.wx-market #catalog .app-actions .install-state{width:auto;flex:1;font-size:11px}
.wx-market #catalog .wx-card-primary{background:var(--kaypal-primary);color:var(--kaypal-primary-text,#fff)}
.wx-market #catalog .wx-card-primary:disabled{opacity:.6}
.wx-market-more{margin-left:0}
.wx-market-more summary{padding:5px 9px;min-width:30px;text-align:center}
.wx-market #catalog .wx-secondary-actions{min-width:144px}
.wx-market #catalog .wx-secondary-actions button{margin:0;text-align:left;background:transparent;color:var(--kaypal-text)}
.wx-market #catalog .wx-secondary-actions button:hover{background:var(--kaypal-accent-soft)}
.wx-market .wx-searching .app-actions{max-width:210px}
.wx-market .wx-searching .app-actions .install-state{flex-basis:100%}
.wx-detail-content .detail-head{margin:18px 0 12px}
.wx-detail-content .wx-review-link{white-space:nowrap;padding:10px 18px}
.wx-detail-nav{margin:18px 0 22px;gap:24px}
.wx-detail-content .wx-detail-intro{grid-template-columns:minmax(0,1fr) minmax(190px,38%);gap:16px}
.wx-detail-story{gap:18px;justify-content:flex-start}
.wx-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.wx-detail-facts>div{padding:10px;background:transparent;border:1px solid var(--kaypal-border);border-radius:8px}
.wx-detail-facts>div:last-child{grid-column:1/-1}
.wx-detail-content .wx-detail-intro>.wx-media-empty{min-height:140px;padding:20px 16px;border-style:dashed}
.wx-media-empty>.ribbon-icon{margin:0 auto 10px}
.wx-detail-technical{margin-top:20px;border-top:1px solid var(--kaypal-border);padding-top:16px}
.wx-review-empty{padding:16px 20px}
@media(max-width:1080px){.wx-detail-content .wx-detail-intro{grid-template-columns:1fr}.wx-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.wx-detail-facts>div:last-child{grid-column:auto}}
@media(max-width:580px){.wx-detail-facts{grid-template-columns:1fr}.wx-filter-group{gap:8px}}
