/* Review complete rules in the existing workshop body, before committing. */
.deck-workshop .workshop-proposal-cards{min-width:0;border:1px solid #b7d7d52a;border-radius:10px;background:#10242c;margin-top:10px;padding:0 10px 10px}
.deck-workshop .workshop-proposal-cards>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 0;box-sizing:border-box;cursor:pointer;touch-action:manipulation;list-style:none;color:#bce6d9;font-size:13px;line-height:1.4}
.deck-workshop .workshop-proposal-cards>summary::before{content:'▸';flex:none;color:#bce6d9}.deck-workshop .workshop-proposal-cards[open]>summary::before{content:'▾'}
.deck-workshop .workshop-proposal-cards>summary::-webkit-details-marker{display:none}
.deck-workshop .workshop-proposal-cards>summary:focus-visible{outline:3px solid #bce6d9;outline-offset:3px;border-radius:6px}
.deck-workshop .workshop-proposal-cards>.workshop-comparison{width:100%;max-width:none;margin-top:4px;overflow:visible}
.deck-workshop .workshop-compare-card>p{font-size:13px!important;line-height:1.55!important}
.deck-workshop .workshop-compare-card h3{font-size:16px;line-height:1.3}
.deck-workshop .workshop-proposal-review>p{font-size:13px!important;line-height:1.5!important}
.deck-workshop .workshop-proposal-review{padding-bottom:12px;border-bottom:1px solid #b7d7d51a}
.deck-workshop .workshop-proposal-review:last-child{border-bottom:0;margin-bottom:0}
.deck-workshop .workshop-swap-balance{min-width:0;overflow-wrap:anywhere}
.deck-workshop .workshop-swap-balance>small{font-size:11px;line-height:1.5}
@media(max-width:440px){
 /* A readable row for each card leaves room for complete text; art keeps its
    original portrait ratio and never creates a second scroll container. */
 .deck-workshop .workshop-comparison{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:none}
 .deck-workshop .workshop-compare-card{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:0;align-content:start}
 .deck-workshop .workshop-compare-card>small:first-child{grid-column:1/-1;font-size:11px;letter-spacing:.04em;padding:9px 10px}
 .deck-workshop .workshop-compare-card>.workshop-portrait{grid-column:1;grid-row:2/6;align-self:start;width:90px;height:135px;max-width:100%;margin:0 0 10px 10px}
 .deck-workshop .workshop-compare-card>:not(.workshop-portrait):not(small:first-child){grid-column:2;min-width:0}
 .deck-workshop .workshop-compare-card h3{font-size:15px;margin:0 10px 5px!important}
 .deck-workshop .workshop-compare-card>.workshop-card-tags{padding-top:5px}
 .deck-workshop .workshop-compare-card>.workshop-card-link{grid-column:1/-1!important;padding:9px 10px 0;margin:5px 0 10px!important}
 .deck-workshop .workshop-proposal-cards{padding-inline:7px}
}

/* A collected reward leads with the replacement choices, then optional context. */
.workshop-choice-context{margin-top:12px;border-top:1px solid #93d9bf35}
.workshop-choice-context>summary{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:700;color:#b8e9d4;cursor:pointer}
.workshop-mode-choose .workshop-section-heading{margin:4px 0 8px}
.workshop-mode-choose .workshop-grid{margin-top:0}

.workshop-mode-choose .workshop-grid .workshop-tile{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:2px 6px;min-height:72px;height:72px;padding:6px;text-align:left}
.workshop-mode-choose .workshop-tile .workshop-portrait{grid-column:1;grid-row:1/3;width:32px;height:56px;min-height:0;margin:0;border-radius:5px}
.workshop-mode-choose .workshop-tile>strong{grid-column:2;grid-row:1;font-size:10px;line-height:1.2;margin:0;max-height:36px;overflow:hidden;align-self:center}
.workshop-mode-choose .workshop-tile>small:not(.workshop-card-tags){grid-column:2;grid-row:2;font-size:9px;line-height:1.2;margin:0}
.workshop-mode-choose .workshop-tile>.workshop-card-tags{display:none}
.workshop-mode-choose .workshop-portrait>b{font-size:9px;min-width:14px;width:14px;height:16px;left:0;top:0;padding:1px}
.workshop-mode-choose .workshop-portrait>em{font-size:8px;right:0;bottom:0;padding:1px}
.deck-workshop.workshop-mode-choose .workshop-body>.workshop-grid{grid-auto-rows:72px;grid-template-rows:none;align-items:stretch}

@media(max-height:480px) and (min-width:601px){
 .workshop-mode-choose .workshop-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto auto auto;gap:3px 12px}
 .workshop-mode-choose .workshop-header>.exp-eyebrow{grid-column:1;grid-row:1}
 .workshop-mode-choose .workshop-header>h2{grid-column:1;grid-row:2;margin:0;font-size:22px;line-height:1.15}
 .workshop-mode-choose .workshop-heroes{grid-column:2;grid-row:1/3;margin:0}
 .workshop-mode-choose .workshop-totals{grid-column:1/-1;grid-row:3;margin:0;padding:3px 0;font-size:10px}
 .workshop-mode-choose .workshop-flow{padding:4px;margin:0 0 4px}
 .workshop-mode-choose .workshop-flow ol{gap:4px}
 .workshop-mode-choose .workshop-flow strong{font-size:10px;white-space:nowrap}
 .workshop-mode-choose .workshop-section-heading{margin:3px 0;font-size:11px}
}

@media(max-height:480px) and (min-width:601px){
 .workshop-mode-choose .workshop-header{padding:0}
 .workshop-mode-choose .workshop-heroes{position:static;inset:auto;height:44px;max-height:44px;padding:0}
 .workshop-mode-choose .workshop-totals{display:flex;align-items:center;min-height:18px;line-height:1.2}
 .workshop-mode-choose .workshop-totals>b{display:flex;align-items:baseline;gap:4px;font-size:12px;white-space:nowrap}
 .workshop-mode-choose .workshop-totals>b>small{display:inline;font-size:8px}
 .workshop-mode-choose .workshop-body{gap:4px}
}

@media(max-height:480px) and (min-width:601px){
 .workshop-mode-choose .workshop-grid .workshop-tile{height:56px;min-height:56px;padding:4px}
 .workshop-mode-choose .workshop-tile .workshop-portrait{height:44px}
 .deck-workshop.workshop-mode-choose .workshop-body>.workshop-grid{grid-auto-rows:56px}
}