body[data-shops=true] .workspace{display:block}
body[data-shops=true] .workspace>:not(#shop-content){display:none!important}
.shop-content{padding-top:14px}.shop-content .resource-main{max-width:1200px;width:100%}.shop-stats{font-size:14px;font-weight:650;color:var(--ui-fg-23607c,#23607c)}
.shop-controls{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:12px;align-items:end;position:relative}
.shop-controls label,.shop-inventory-controls label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600}
.shop-controls input,.shop-controls select,.shop-inventory-controls input,.shop-inventory-controls select{width:100%;min-width:0}
.shop-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.shop-card{min-width:0;background:var(--ui-bg-ffffff,#fff);border:1px solid var(--ui-line-cddce5,#cddce5);border-radius:9px;overflow:hidden}.shop-card[open]{grid-column:1/-1;border-color:#4985a0}
.shop-summary{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;min-height:106px;list-style:none}.shop-summary::-webkit-details-marker{display:none}
.shop-summary h2{font-size:18px;line-height:1.4;margin:0;overflow-wrap:anywhere}.shop-summary p{margin:5px 0 0}.shop-summary-heading{min-width:0}.shop-expand{flex-shrink:0;color:var(--ui-fg-176687,#176687);font-size:12px;font-weight:700}.shop-card[open]>.shop-summary{border-bottom:1px solid var(--ui-line-d3dfe5,#d3dfe5);background:var(--ui-bg-f3f8fb,#f3f8fb)}
.shop-tab-preview{font-size:12px;color:var(--ui-fg-536b7a,#536b7a);line-height:1.5}.shop-summary:focus-visible,.shop-content summary:focus-visible{outline:3px solid #176687;outline-offset:-3px}
.shop-details{padding:18px}.shop-description,.shop-story{white-space:pre-line;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.shop-story{font-style:italic;color:var(--ui-fg-5a6a75,#5a6a75)}
.shop-inventory-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:20px 0 10px}
.shop-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-offer{min-width:0;border:1px solid var(--ui-line-d7e3e9,#d7e3e9);border-radius:7px;padding:14px;background:var(--ui-bg-ffffff,#fff)}
.shop-offer-heading h3{margin:0 0 7px;font-size:16px;line-height:1.4}.shop-offer-heading .resource-item{align-items:center;font-weight:650}.shop-offer-heading .resource-item img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.shop-offer-heading .resource-item>span{overflow-wrap:anywhere}
.shop-pack{font-size:12px;color:var(--ui-fg-566f7e,#566f7e)}.shop-purchase{margin:12px 0}.shop-price{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.shop-price>strong{font-size:17px;color:var(--ui-fg-175b78,#175b78)}.shop-price .resource-item{font-size:13px}.shop-price small{flex-basis:100%;margin:0}.shop-limit{font-size:13px;font-weight:650;margin:7px 0}.shop-purchase .resource-note{margin:4px 0}
.shop-offer-details{border-top:1px solid var(--ui-line-e1e9ee,#e1e9ee);padding-top:10px}.shop-offer-details>summary,.shop-rotation>summary{cursor:pointer;min-height:32px;color:var(--ui-fg-176687,#176687);font-size:13px;font-weight:650;line-height:1.7}.shop-offer-details h4{font-size:13px;margin:15px 0 6px}
.shop-facts{margin:10px 0;font-size:13px}.shop-fact{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.6fr);gap:8px;padding:5px 0;border-bottom:1px solid var(--ui-line-eef2f5,#eef2f5)}.shop-fact dt{color:var(--ui-fg-536b7a,#536b7a)}.shop-fact dd{margin:0;overflow-wrap:anywhere}
.shop-conditions{background:var(--ui-bg-f3f7fa,#f3f7fa);padding:10px 12px;margin:12px 0;border-radius:5px;font-size:13px}.shop-conditions p{margin:5px 0}.shop-reward{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:5px 0;font-size:13px}.shop-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}.shop-rotation{margin:16px 0}.shop-sources{margin-top:16px;color:var(--ui-fg-536b7a,#536b7a);font-size:12px}.shop-sources p{font-size:12px;margin:3px 0}.shop-sources summary{cursor:pointer;min-height:28px}
.shop-related-links{display:flex;gap:20px;font-size:13px;margin:12px 0}.shop-related{display:block;font-size:13px;margin:8px 0}.shop-more{margin:15px auto;display:block}.shop-coverage>summary{cursor:pointer;font-size:14px;font-weight:650}
@media(max-width:900px){.shop-controls{grid-template-columns:1fr 1fr}.shop-controls>label:first-child{grid-column:1/-1}.shop-controls>button{grid-column:1/-1}.shop-directory{grid-template-columns:1fr}.shop-summary{min-height:90px}}
@media(max-width:600px){.shop-content{padding:10px}.shop-details{padding:12px}.shop-offers{grid-template-columns:1fr}.shop-inventory-controls{grid-template-columns:1fr 1fr}.shop-inventory-controls>label:first-child{grid-column:1/-1}.shop-summary{padding:13px;gap:8px}.shop-summary h2{font-size:17px}.shop-milestones{grid-template-columns:1fr}.shop-fact{grid-template-columns:minmax(100px,1fr) minmax(0,1.5fr)}}
/* The sixth main page uses a scrollable navigation row on narrow screens. */
@media(max-width:900px){.page-nav{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}.page-nav>a,.page-nav>.index-page-picker{flex:0 0 auto;min-width:76px;height:48px}.page-nav>.index-page-picker{width:120px}.page-nav>.index-page-picker select{width:120px}.page-nav>a{padding:3px 6px}}