/* Readable deck choices, with one scrolling body and a steady action footer. */
.deck-workshop .workshop-body{scrollbar-gutter:stable;scroll-padding-block:12px;padding-right:5px}
.deck-workshop .workshop-section-heading{flex-wrap:wrap;gap:4px 10px;font-size:12px;line-height:1.4}
.deck-workshop .workshop-section-heading>span{flex:1;min-width:120px;overflow-wrap:anywhere}
.deck-workshop .workshop-link,.deck-workshop .workshop-section-heading button,.deck-workshop .workshop-filters button,.deck-workshop .workshop-heroes button{min-height:44px}
.deck-workshop .workshop-section-heading button{padding:8px 10px;font-size:11px!important}
.deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{grid-auto-rows:224px;gap:10px}
.deck-workshop .workshop-tile{border-radius:12px;box-shadow:0 3px 8px #0002}
.deck-workshop .workshop-tile>strong{font-size:12px;line-height:1.2;min-height:33px;padding:7px 7px 3px;box-sizing:border-box}
.deck-workshop .workshop-tile>small:not(.workshop-card-tags){font-size:11px;line-height:1.2;padding:0 7px 5px}
.deck-workshop .workshop-tile>.workshop-card-tags{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:3px;font-size:10px;line-height:1.2;min-height:46px;height:46px;box-sizing:border-box;padding:0 7px 7px;white-space:normal;text-overflow:clip;color:#d0e8df}
.deck-workshop .workshop-card-tags>span{display:inline-block;max-width:100%;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere;background:#adcbb116;border:1px solid #abcbb51f}
.deck-workshop .workshop-card-tags>.workshop-tag-family{background:#b8b1dc12;color:#d1cbe8;border-color:#b7abd523}
.deck-workshop .workshop-portrait{isolation:isolate}
.deck-workshop .workshop-portrait>.workshop-signature{position:absolute;bottom:5px;left:5px;z-index:2;padding:3px 5px;border-radius:4px;background:#152527ed;color:#b9eadb;font-size:8px;font-weight:800;letter-spacing:.08em}
.deck-workshop .workshop-portrait>b{font-size:12px;min-width:20px;text-align:center}
.deck-workshop .workshop-portrait>em{font-size:10px}
.deck-workshop .workshop-portrait>i{font-size:8px}
.deck-workshop .workshop-search>label{display:block;color:#bbced7;font-size:12px;font-weight:600;margin:3px 0 6px}
.deck-workshop .workshop-search-field{display:block;position:relative}
.deck-workshop .workshop-search input{height:46px;font-size:14px;padding-right:67px}
.deck-workshop .workshop-search input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}
.deck-workshop .workshop-clear{position:absolute;right:2px;top:2px;min-width:56px;min-height:42px;background:transparent;border:0;border-radius:8px;color:#c3e6df;font-size:12px}
.deck-workshop .workshop-filters{padding:3px 1px 5px;gap:6px;scroll-padding-inline:4px}
.deck-workshop .workshop-filters button{font-size:11px;padding:8px 12px}
.deck-workshop .workshop-results{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border-bottom:1px solid #d1e1e316;padding:2px 0 7px;color:#b4cbd3;font-size:12px;line-height:1.4}
.deck-workshop .workshop-results>span{min-width:0;overflow-wrap:anywhere}
.deck-workshop .workshop-results b{color:#e5f2ec}
.deck-workshop .workshop-results button{flex:none;color:#b9eadb}
.deck-workshop .workshop-help,.deck-workshop .workshop-lock-note{font-size:11px!important;line-height:1.5!important;color:#aac3ce;margin:0 0 3px!important}
.deck-workshop .workshop-lock-note{color:#cfbf9d}
.deck-workshop .workshop-empty{width:100%;box-sizing:border-box;padding:18px 14px;background:#172a334d;border:1px dashed #bdd6d526;border-radius:12px}
.deck-workshop .workshop-empty h3{font-size:16px;margin:0 0 8px;line-height:1.3}
.deck-workshop .workshop-empty p{font-size:12px!important;line-height:1.5!important;margin:8px 0 14px!important}
.deck-workshop .workshop-empty .workshop-primary{max-width:100%;white-space:normal}
.deck-workshop .workshop-identity summary{flex-wrap:wrap;gap:4px;line-height:1.4}
.deck-workshop .workshop-identity-counts>span{font-size:11px;padding:5px 8px}
.deck-workshop .workshop-identity details ul{line-height:1.5;gap:10px}
.deck-workshop .workshop-link-targets,.deck-workshop .workshop-link-gap{display:block;font-size:11px;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}
.deck-workshop .workshop-link-targets{color:#b4ddcc}
.deck-workshop .workshop-link-gap{color:#e3c79d}
.deck-workshop summary>.workshop-link-gap{font-size:10px;border:1px solid #d4b47f3d;border-radius:6px;padding:3px 6px;margin:0 0 0 auto}
.deck-workshop .workshop-compare-card>.workshop-card-tags{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;line-height:1.3;padding:7px 10px 0}
.deck-workshop .workshop-compare-card>small:first-child{font-size:10px;letter-spacing:.08em;line-height:1.4}
.deck-workshop .workshop-compare-card h3{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.deck-workshop .workshop-compare-card>small:not(.workshop-card-tags){font-size:10px}
.deck-workshop .workshop-compare-card>p{font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere}
.deck-workshop .workshop-scroll>.workshop-compare-card{width:min(100%,360px);margin-inline:auto}
.deck-workshop .workshop-tradeoff{font-size:12px;line-height:1.5;padding:10px 12px;border:1px solid #d1b6783d;border-radius:10px;background:#96713110;color:#e2c99f}
.deck-workshop .workshop-tradeoff strong{font-size:12px}
.deck-workshop .workshop-tradeoff ul{margin:6px 0 0;padding-left:17px;display:grid;gap:6px}
.deck-workshop .workshop-tradeoff-safe{margin:0!important;background:#9acbb309;border-color:#9acbb323;color:#b4d4c6}
.deck-workshop .workshop-proposal-review{margin-bottom:14px}
.deck-workshop .workshop-proposal-review>p{font-size:12px!important;line-height:1.5!important;color:#b5cdc8;margin:8px 4px!important}
.deck-workshop .workshop-proposal{grid-template-columns:40px minmax(0,1fr) 14px 40px minmax(0,1fr);gap:6px}
.deck-workshop .workshop-proposal>span{overflow-wrap:anywhere;font-size:12px;line-height:1.3}
.deck-workshop .workshop-footer{gap:12px;padding-top:10px}
.deck-workshop .workshop-footer>span{flex:1;max-width:none;font-size:11px;line-height:1.4}
.deck-workshop .workshop-footer .workshop-primary{min-height:44px}
/* Keep the next action understandable without adding another scroll area. */
.deck-workshop .workshop-flow{margin:0 0 12px;padding:9px 10px;border:1px solid #b1d8d326;border-radius:10px;background:#a6dacf08}
.deck-workshop .workshop-flow ol{list-style:none;display:flex;align-items:flex-start;gap:8px;padding:0;margin:0}
.deck-workshop .workshop-flow li{display:flex;align-items:flex-start;gap:5px;flex:1;min-width:0;color:#8eaab6;font-size:11px;line-height:1.4}
.deck-workshop .workshop-flow li>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:17px;height:17px;border:1px solid #b2c9d432;border-radius:50%;font-size:9px}
.deck-workshop .workshop-flow li>strong{min-width:0;flex:1;padding-top:1px;font-weight:500;overflow-wrap:anywhere}
.deck-workshop .workshop-flow li[aria-current=step]{color:#c4eee2}
.deck-workshop .workshop-flow li[aria-current=step]>span{background:#a6dacf;color:#10282f;border-color:#a6dacf;font-weight:800}
.deck-workshop [data-workshop-heading]:focus{outline:none}
.deck-workshop [data-workshop-heading]:focus-visible{outline:2px solid #c6f4e6;outline-offset:3px;border-radius:3px}
.deck-workshop .workshop-flow-fixed{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;color:#dfcaa4;font-size:11px;line-height:1.4}
.deck-workshop .workshop-flow-fixed>span{color:#b8cbd3;font-size:10px}
.deck-workshop .workshop-preview-state{font-size:11px!important;line-height:1.4!important;margin:0 0 9px!important;padding:8px 10px;border-left:2px solid #a6dacf;background:#a6dacf0b;color:#bce6d9}
.deck-workshop .workshop-tag-filters>summary,.deck-workshop .workshop-identity summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;touch-action:manipulation}
@media(max-width:360px){.deck-workshop .workshop-flow{padding:9px 7px}.deck-workshop .workshop-flow ol{gap:5px}.deck-workshop .workshop-flow li{font-size:11px;gap:4px}}
@media(max-height:480px) and (min-width:600px){.deck-workshop .workshop-flow{margin-bottom:8px;padding:7px 10px}.deck-workshop .workshop-flow li{font-size:11px}}
@media(min-width:700px){
 .deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{grid-auto-rows:246px}
 .deck-workshop .workshop-tile>strong{font-size:13px}
 .deck-workshop .workshop-tile>.workshop-card-tags{font-size:11px;height:48px;min-height:48px}
}
@media(max-width:400px){
 .deck-workshop .workshop-footer{flex-wrap:wrap;gap:5px}
 .deck-workshop .workshop-footer>span{flex:1 1 100%;font-size:11px}
 .deck-workshop .workshop-footer>div{margin-left:auto}
 .deck-workshop .workshop-proposal{grid-template-columns:32px minmax(0,1fr) 10px 32px minmax(0,1fr);padding:8px 6px;gap:4px}
 .deck-workshop .workshop-proposal img{width:32px;height:44px}
}
@media(max-height:480px) and (min-width:600px){
 .deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{grid-auto-rows:208px;gap:8px}
 .deck-workshop .workshop-tile>strong{font-size:11px}
 .deck-workshop .workshop-tile>.workshop-card-tags{font-size:10px}
 .deck-workshop .workshop-footer{padding-top:6px}
}