/* passcard.albumframe 1.0.0 - v118 ONLY (2026-09-28, ART PASSCARD_ALBUM_FRAME_RULING_2026-09-28-v1, hub
   queue item 40 #6 head). ONE album frame for every kind: the binder page (pearl-tan sheet, ring rail in
   a 30px left margin). Retires the flush generic grid and the tilted scrapbook as SEPARATE frame families
   (their underlying element classes are hidden/neutralised here, not deleted from the JS). Scoped to the
   Collections surface's album only. CSS verified by ART via live injection on v118 at both viewports
   before this file was authored - see the ruling doc for the exact measured result (2 cols at 375, no
   overflow; 3 cols desktop). Loaded AFTER passcard.styles.1.0.0.css (load order: RYAN/DEVON pick the tag
   order in index.html; this file must come later so its selectors win on the shared .pc-pocket/.pc-sticker
   classes it overrides). */

/* ONE ALBUM FRAME: the binder page, every kind */
[data-testid="surface-collections"] [data-role="album"]:has([data-open]){
  position:relative; background:var(--pc-surface2); border:1px solid var(--pc-line);
  border-radius:14px; padding:14px 14px 18px 30px; margin:.4rem 0; }
[data-testid="surface-collections"] [data-role="album"]:has([data-open])::before{   /* ring rail */
  content:""; position:absolute; left:10px; top:14px; bottom:14px; width:8px; border-radius:6px;
  background:repeating-linear-gradient(to bottom, var(--pc-line) 0 6px, transparent 6px 26px); }
[data-testid="surface-collections"] [data-role="album"] .pc-binder,
[data-testid="surface-collections"] [data-role="album"] .pc-scrapbook{ background:none; border:0; padding:0; margin:0; border-radius:0; }
[data-testid="surface-collections"] [data-role="album"] .pc-binder-rings,
[data-testid="surface-collections"] [data-role="album"] .pc-scrap-spiral{ display:none; }
/* one sheet grid: fixed face-width tracks, left-aligned to the rail */
[data-testid="surface-collections"] [data-role="album"] .pc-binder-sheet,
[data-testid="surface-collections"] [data-role="album"] .pc-scrap-page,
[data-testid="surface-collections"] [data-role="album"] > .pc-grid{
  display:grid; grid-template-columns:repeat(auto-fill, 132px); column-gap:14px; row-gap:18px;
  justify-content:start; align-items:start; }
/* one slot: no white backing, no tilt, no peel corner, hugs the face */
[data-testid="surface-collections"] [data-role="album"] .pc-pocket,
[data-testid="surface-collections"] [data-role="album"] .pc-scrap-sticker,
[data-testid="surface-collections"] [data-role="album"] .pc-grid .pc-sticker.has-face{
  width:132px; padding:0; margin:0; background:transparent; border:0; border-radius:10px;
  box-shadow:none; filter:none; transform:none !important; justify-self:start;
  display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer; }
[data-testid="surface-collections"] [data-role="album"] .pc-sticker.has-face::after{ content:none; }
[data-testid="surface-collections"] [data-role="album"] .pc-facewrap{ margin:0; box-shadow:0 1px 3px rgba(18,28,47,.18); }
/* caption below the card, on the sheet */
[data-testid="surface-collections"] [data-role="album"] .pc-pocket-cap,
[data-testid="surface-collections"] [data-role="album"] .pc-sticker .cap{
  width:100%; font-size:.8rem; line-height:1.25; font-weight:600; color:var(--pc-ink); text-align:center;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-testid="surface-collections"] [data-role="album"] [data-open]:focus-visible{ outline:2px solid var(--pc-deep); outline-offset:3px; }