/* User-approved A field list. Activity labels are deliberately text only. */
:root {
  --bucket-thumb:156px; --bucket-name:24px; --bucket-gap:24px;
  --bucket-active:var(--nav-current,#303832);
}
#view-bucket .pageWrap{max-width:1160px;padding:30px 42px 64px}
#view-bucket .colHead{min-height:0;padding:0;margin:0 0 24px;border:0;align-items:baseline}
#view-bucket .colHead h1{font-size:38px;line-height:1.2;margin:0}
#view-bucket .colHead>span{font:var(--cg-control)/1.5 var(--cg-interface);letter-spacing:0}
.bucketFilters{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:18px}
.bucketFilters button{min-height:44px;padding:10px 18px;border:1px solid var(--cg-rule);border-radius:3px;background:transparent;color:var(--cg-ink);font:var(--cg-control)/1.4 var(--cg-interface);letter-spacing:0}
.bucketFilters button[aria-pressed="true"]{background:var(--bucket-active);color:var(--cg-bright);border-color:var(--folio-hike)}
.bucketFilters button:hover{background:var(--cg-surface)}
.bucketFilters button span{font:inherit;color:inherit}
.bucketList{list-style:none;margin:0;padding:0;border-top:1px solid var(--cg-rule)}
.bucketEntry{position:relative;border-bottom:1px solid var(--cg-rule)}
.bucketOpen{position:relative;display:grid;grid-template-columns:var(--bucket-thumb) minmax(0,1fr);align-items:center;gap:var(--bucket-gap);width:100%;min-height:124px;padding:12px 104px 12px 0;border:0;border-radius:0;background:transparent;color:var(--cg-bright);text-align:left}
.bucketOpen:hover,.bucketOpen:focus-visible{background:var(--cg-surface)}
.bucketCopy{display:grid;gap:8px;min-width:0}
.bucketOpen,.bucketFilters button,.bucketMenuPanel button,.bucketEmpty .btn,.bucketNotice button{text-transform:none}
.bucketName{font:400 var(--bucket-name)/1.3 var(--cg-display);letter-spacing:0;overflow-wrap:anywhere}
.bucketActivity{color:var(--cg-muted);font:var(--cg-control)/1.5 var(--cg-interface);letter-spacing:0}
.bucketEntryNoPhoto .bucketOpen{grid-template-columns:minmax(0,1fr)}
.bucketChevron{position:absolute;right:12px;top:calc(50% - 12px);width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
#view-bucket .bucketThumb{width:var(--bucket-thumb);height:auto;aspect-ratio:3/2;margin:0;min-height:0;border:0;border-radius:3px;background:none;box-shadow:none;transform:none;filter:none;padding:0}
#view-bucket .bucketThumb::before,#view-bucket .bucketThumb::after{display:none}
#view-bucket .bucketThumb .atlas-frame-opening{position:absolute;inset:0;aspect-ratio:3/2;border:0;border-radius:3px;mask:none;-webkit-mask:none;clip-path:none;background:transparent}
#view-bucket .bucketThumb .atlas-frame-opening::after{display:none}
#view-bucket .bucketThumb .atlas-frame-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.bucketMenu{position:absolute;right:48px;top:calc(50% - 22px);z-index:2}
.bucketMenu>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;border:1px solid transparent;border-radius:3px;color:var(--cg-ink);cursor:pointer}
.bucketMenu>summary::-webkit-details-marker{display:none}
.bucketMenu>summary:hover,.bucketMenu[open]>summary{background:var(--cg-surface);border-color:var(--cg-rule)}
.bucketMenu>summary svg{width:24px;height:24px;fill:currentColor}
.bucketMenu[open]{z-index:4}
.bucketMenuPanel{position:absolute;right:0;top:48px;width:min(280px,calc(100vw - 64px));padding:8px;border:1px solid var(--cg-rule);border-radius:3px;background:var(--cg-surface)}
.bucketMenuPanel>button,.bucketCredit>summary{display:block;width:100%;min-height:44px;margin:0;padding:12px;border:0;background:transparent;color:var(--cg-bright);text-align:left;font:var(--cg-control)/1.5 var(--cg-interface);cursor:pointer}
.bucketMenuPanel>button:hover,.bucketCredit>summary:hover{background:var(--bucket-active)}
.bucketCredit p{margin:8px 12px;font:var(--cg-meta)/1.6 var(--cg-interface);color:var(--cg-ink);overflow-wrap:anywhere}
.bucketCredit a{display:inline-flex;min-height:44px;align-items:center;margin:0 12px;color:var(--cg-bright);font:var(--cg-control)/1.5 var(--cg-interface)}
.bucketEmpty{padding:36px 0;border-top:1px solid var(--cg-rule)}
.bucketEmpty h2{margin:0 0 12px;font:26px/1.3 var(--cg-display)}
.bucketEmpty p{font:var(--cg-body)/1.6 var(--cg-prose);margin:0 0 24px}
.bucketEmpty .btn{font:var(--cg-control)/1.5 var(--cg-interface);min-height:44px}
.bucketCatalogNotice{font:var(--cg-control)/1.6 var(--cg-interface);color:var(--cg-ink)}
.bucketNotice{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 20px;padding:12px 0;border-bottom:1px solid var(--cg-rule);font:var(--cg-control)/1.5 var(--cg-interface)}
.bucketNotice[hidden]{display:none}
.bucketNotice span{flex:1;min-width:140px;overflow-wrap:anywhere}
.bucketNotice button{min-height:44px;padding:8px 12px;border:1px solid var(--cg-rule);border-radius:3px;background:var(--cg-surface);color:var(--cg-bright);font:inherit}
.bucketNotice:focus{outline:2px solid var(--cg-focus);outline-offset:4px}
@media(max-width:760px){
 :root{--bucket-thumb:84px;--bucket-name:20px;--bucket-gap:14px}
 #view-bucket .pageWrap{padding:22px 18px calc(96px + env(safe-area-inset-bottom))}
 #view-bucket .colHead{margin-bottom:20px;gap:12px}
 #view-bucket .colHead h1{font-size:30px}
 .bucketFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:16px}
 .bucketFilters button{font-size:12px;padding:9px 4px}
 .bucketOpen{min-height:112px;padding:14px 64px 14px 0}
 .bucketCopy{gap:6px}
 .bucketActivity{font-size:12px}
 .bucketChevron{right:0;width:18px}
 .bucketMenu{right:22px}
 .bucketMenuPanel{right:-12px}
}
@media(max-width:360px){
 :root{--bucket-thumb:66px;--bucket-gap:10px;--bucket-name:18px}
 #view-bucket .pageWrap{padding-inline:14px}
 .bucketOpen{padding-right:62px}
 .bucketFilters button{white-space:normal}
}