/* Pack essentials are one keyboard-accessible row. Full contents stay expandable. */
body.site-ui.site-refresh[data-page=packs] #app .catalogue-view{display:none}
body.site-ui.site-refresh[data-page=packs] #app .pack-row-card{display:block!important;padding:0!important;margin-top:7px;border-radius:9px;overflow:hidden}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure{padding:0;margin:0;border:0;background:transparent;border-radius:0}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(105px,160px) 16px;gap:5px 12px;align-items:center;min-height:76px;padding:12px 14px;margin:0;list-style:none;border:0;background:transparent;color:#e1edf3;cursor:pointer;border-radius:0}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary::before,body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary::after{display:none!important}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary::-webkit-details-marker{display:none}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary>.item-art{grid-column:1;grid-row:1;width:32px;min-width:32px;height:32px}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary>.item-art img{max-width:28px!important;max-height:28px!important}
.pack-row-name{grid-column:2;grid-row:1;font-size:13px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
body.site-ui.site-refresh[data-page=packs] #app .pack-row-price{grid-column:3;grid-row:1/3;text-align:right;min-width:0;font-variant-numeric:tabular-nums}
body.site-ui.site-refresh[data-page=packs] #app .pack-row-price .price{font-size:15px;font-weight:650;line-height:1.4;color:#d1efe3}
body.site-ui.site-refresh[data-page=packs] #app .pack-row-price .price-primary{font-size:inherit}
body.site-ui.site-refresh[data-page=packs] #app .pack-row-price small{display:block;font-size:11px;font-weight:400;color:#b8cfd9;margin-top:3px}
.pack-row-chevron{grid-column:4;grid-row:1/3;color:#a6dcca;font-size:17px;text-align:center}
.pack-disclosure[open]>summary .pack-row-chevron{transform:rotate(180deg)}
.pack-row-preview{grid-column:2;grid-row:2;font-size:12px;font-weight:400;line-height:1.5;color:#b8cfd9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pack-row-notices{grid-column:2/4;font-size:11px;font-weight:400;color:#edd49e;display:flex;flex-wrap:wrap;gap:4px}
body.site-ui.site-refresh[data-page=packs] #app .pack-row-notices :is(.tag,.match-note,.pack-match-summary){margin:0;padding:2px 5px;font-size:11px}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content{padding:12px 14px 14px;border-top:1px solid #35505f;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,200px);gap:10px 20px;background:#0c1c28}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content .item-main{grid-column:1/-1;grid-row:2;display:block}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content .item-main .open-pack{display:none}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content .result-copy{grid-column:1;grid-row:1;padding:0;border:0}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content .brief{display:block;-webkit-line-clamp:unset;max-height:none;font-size:12px}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content>.meta-right{grid-column:2;grid-row:1;text-align:right;display:flex;flex-direction:column;gap:4px;font-size:12px;border:0;padding:0}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content .pack-action{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 0;padding:8px 12px;background:#193d35;border:1px solid #5d8f7f;border-radius:7px;color:#d4f0e5;font-size:12px;text-decoration:underline;text-underline-offset:3px}
body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary:focus-visible{outline:3px solid #b5ebd8;outline-offset:-3px}
@media(hover:hover){body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary:hover{background:#203e49}}
/* Update status takes one line; diagnostics and sources remain one click away. */
#tool .cp-freshness-compact{display:block;padding:0!important;margin:0 0 8px!important;border:1px solid #35505f;background:#0d222b;border-radius:8px}
#tool .cp-freshness-compact>summary{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px 12px;margin:0!important;padding:8px 38px 8px 12px;min-height:44px;box-sizing:border-box;border:0;background:transparent;font-size:12px}
#tool .cp-freshness-compact>summary span{color:#b8cfd9;font-weight:400}
#tool .cp-freshness-compact time{font-size:12px;font-weight:500;color:#e1edf3}
#tool .cp-freshness-body{padding:10px 12px;border-top:1px solid #35505f;display:flex;gap:8px 20px;align-items:center;flex-wrap:wrap}
#tool .cp-freshness-body>div{display:flex;flex-wrap:wrap;gap:6px 10px;color:#b8cfd9;font-size:12px}
#tool .cp-intro{margin-bottom:8px;gap:6px}
#tool .cp-intro p{font-size:12px}
#tool .cp-row-detail .cp-comparison{margin-bottom:8px}
#tool .cp-comparison-caption{margin-bottom:8px}
#tool .cp-row-detail :is(.cp-comparison-details,.cp-history-disclosure,.cp-sample-detail){margin:8px 0 0;padding:0;border:0}
#tool .cp-row-detail :is(.cp-comparison-details,.cp-history-disclosure,.cp-sample-detail)>summary{margin:0;min-height:44px;font-size:12px}
#tool .cp-comparison-details[open]>summary{margin-bottom:10px}
#tool .cp-player-action{margin:8px 0}
#tool .cp-player-action button{background:#a6ddcb;border:1px solid #b8e9d9;color:#102c28;font-weight:650;min-height:44px}
#tool details.public-resources{display:block;margin-top:12px;padding:0;border:1px solid #35505f;border-radius:9px;background:#10232e}
#tool details.public-resources>summary{padding:10px 38px 10px 12px;min-height:44px;margin:0;font-size:13px}
#tool details.public-resources[open]{padding-bottom:10px}
#tool details.public-resources>details,#tool details.public-resources>p{margin-inline:12px}
@media(max-width:640px){
 body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary{grid-template-columns:26px minmax(0,1fr) 90px 12px;gap:6px 7px;padding:10px;min-height:76px}
 body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary>.item-art{width:26px;min-width:26px;height:28px}
 .pack-row-name{font-size:12px;line-height:1.5}
 body.site-ui.site-refresh[data-page=packs] #app .pack-row-price .price{font-size:13px}
 body.site-ui.site-refresh[data-page=packs] #app .pack-row-price small{font-size:10px}
 .pack-row-preview{grid-column:2/4;font-size:11px}
 body.site-ui.site-refresh[data-page=packs] #app .pack-row-price{grid-row:1}
 .pack-row-chevron{grid-row:1}
 body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content{grid-template-columns:1fr;padding:10px;gap:10px}
 body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content>.meta-right{grid-column:1;grid-row:2;text-align:left;border-top:1px solid #35505f;padding-top:10px}
 body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure-content .item-main{grid-row:3}
 #tool .cp-controls{grid-template-columns:minmax(90px,1fr) minmax(140px,1.4fr);gap:8px}
 #tool .cp-controls .field{font-size:12px}
}
@media(forced-colors:active){body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure :is(summary,.pack-disclosure-content,.pack-action,.price,.pack-row-name,.pack-row-preview,.pack-row-chevron,small),#tool :is(.cp-freshness-compact,.cp-freshness-compact summary,.cp-freshness-compact time,.cp-freshness-compact span,details.public-resources,.cp-player-action button){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}body.site-ui.site-refresh[data-page=packs] #app .pack-disclosure>summary:focus-visible{outline-color:Highlight}}

/* Focus the visible resource heading without changing mobile document flow. */
body.site-ui.site-refresh[data-page=packs] main :is(.pv-panel,.pv-panel>h3):focus-visible{outline:3px solid #b5ebd8;outline-offset:3px}
/* Exact CP changes need enough room to remain a single readable number. */
#tool .cp-comparison>dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
#tool .cp-comparison>dl dd{font-variant-numeric:tabular-nums}