.collection-view-toggle {
  display:flex; flex-wrap:wrap; justify-content:flex-end;
  gap:17px; max-width:960px; margin:9px auto 13px;
}
.collection-view-toggle button {
  flex:0 0 auto; min-height:42px; padding:9px 2px;
  border:0; border-bottom:3px solid transparent; border-radius:0;
  background:transparent; color:var(--pop-muted,#46564d);
  font-size:12px; font-weight:800; cursor:pointer;
}
.collection-view-toggle button[aria-pressed="true"] {
  background:transparent; border-bottom-color:var(--pop-ube,#5f37d6);
  color:var(--pop-forest,#15211b);
}

.collection-binge-stage[data-social-cartoon-entry] .collection-binge-desk-nav { display:none; }
.collection-binge-stage[data-social-cartoon-entry] .collection-binge-card {
  min-height:0; padding:clamp(14px,2.5vw,25px) clamp(12px,3vw,27px);
}
.collection-binge-stage[data-social-cartoon-entry] .collection-binge-picture img { max-height:45svh; }
.collection-binge-stage[data-social-cartoon-entry] .collection-binge-dek { margin-top:10px; }
.collection-binge-stage[data-social-cartoon-entry] .collection-binge-action { margin-top:15px; }

.collection-binge-stage[hidden],
.collection-binge-card [hidden], .collection-binge-edge[hidden] { display:none!important; }
.collection-binging > .collection-binge-original { display:none!important; }
main .collection-binge-stage {
  box-sizing:border-box; max-width:960px; margin:0 auto 35px;
  scroll-margin-block-start:12px;
}
.collection-binge-top {
  display:flex; justify-content:space-between; align-items:center;
  gap:10px; padding:0 2px 9px;
  color:var(--pop-muted,#46564d);
  font-size:11px; font-weight:750; letter-spacing:.02em;
}
.collection-binge-peek { display:flex; align-items:stretch; gap:5px; max-width:100%; min-width:0; }
.collection-binge-card {
  cursor:pointer;
  box-sizing:border-box; flex:1 1 0; min-width:0;
  min-height:min(70svh,720px);
  padding:clamp(22px,4.5vw,52px) clamp(13px,3vw,35px);
  border:1px solid var(--pop-line,#cad4cd);
  border-radius:19px; background:var(--pop-lilac,#eee8ff);
  color:var(--pop-forest,#15211b);
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center;
}
.collection-binge-edge {
  flex:0 0 clamp(16px,7%,70px); padding:0; min-width:0;
  border:0; border-radius:12px; background:var(--pop-ice,#e8f4f7);
  overflow:hidden; cursor:pointer; position:relative;
}
.collection-binge-edge img { width:100%; height:100%; object-fit:cover; display:block; }
.collection-binge-edge img[hidden] { display:none!important; }
.collection-binge-edge span {
  display:block; max-height:95%; padding:8px 4px; overflow:hidden;
  writing-mode:vertical-rl; text-orientation:mixed;
  font-size:11px; font-weight:800; line-height:1.05;
}
.collection-binge-edge:has(img:not([hidden])) span { display:none; }
.collection-binge-picture { width:100%; min-height:0; margin:0 auto 16px; }
.collection-binge-picture img {
  display:block; width:auto; height:auto; max-width:100%; max-height:38svh;
  margin:auto; border-radius:12px; object-fit:contain;
}
.collection-binge-kicker {
  margin:0 0 10px; font-weight:900; font-size:12px;
  text-transform:uppercase; letter-spacing:.09em;
}
main .collection-binge-card h2 {
  max-width:20ch; margin:0; overflow-wrap:anywhere;
  font-size:clamp(29px,5vw,58px); line-height:1.04;
  font-weight:900; letter-spacing:-.035em; text-wrap:balance;
}
.collection-binge-dek {
  margin:18px auto 0; max-width:46ch;
  font-size:clamp(16px,2vw,20px); line-height:1.3; font-weight:600;
}
.collection-binge-action { margin:24px 0 0; }
.collection-binge-action a {
  display:inline-block; padding:13px 19px; border-radius:999px;
  color:white; background:var(--pop-forest,#15211b);
  text-decoration:none; font-size:13px; font-weight:900;
}
.collection-binge-extra { margin:12px 0 0; font-size:13px; font-weight:700; }
.collection-binge-extra a { color:var(--pop-forest,#15211b); }
.collection-binge-controls { display:flex; gap:9px; margin:13px 0 0; }
.collection-binge-controls button {
  flex:1; min-width:0; min-height:44px; padding:11px 12px;
  border:1px solid var(--pop-line,#cad4cd); border-radius:9px;
  color:var(--pop-forest,#15211b); background:#fff;
  font-size:13px; font-weight:800; cursor:pointer;
}
.collection-binge-controls button:last-child {
  border-color:var(--pop-ube,#5f37d6);
  background:var(--pop-ube,#5f37d6); color:#fff;
}
.collection-binge-controls button:disabled { opacity:.3; cursor:default; }
.collection-binge-bottom {
  margin:9px 0 0; font-size:11px; font-weight:700;
  text-align:right; color:var(--pop-muted,#46564d);
  letter-spacing:0;
}
.collection-binge-bottom button {
  border:0; border-bottom:1px solid currentColor; padding:0;
  background:none; color:inherit; font:inherit; cursor:pointer;
}

.collection-binge-desk-nav {
  display:flex; flex-wrap:wrap; align-items:center;
  gap:4px 14px; margin:0 0 11px; padding:4px 2px 0;
  color:var(--pop-forest,#15211b);
}
.collection-binge-desk-nav span {
  font:800 10px/1.3 system-ui,sans-serif; letter-spacing:.06em;
  color:var(--pop-muted,#46564d);
}
.collection-binge-desk-nav a {
  display:inline-flex; align-items:center; min-height:26px;
  color:inherit; font:750 11px/1.3 system-ui,sans-serif;
  text-decoration:underline; text-underline-offset:3px;
}
.collection-binge-desk-nav a:hover,
.collection-binge-desk-nav a:focus-visible { text-decoration-thickness:2px; }
@media (max-width:760px) {
  .collection-view-toggle { gap:14px; margin:8px auto 10px; }
  .collection-view-toggle button { font-size:11px; padding:10px 1px; }
  .collection-binge-card { min-height:65svh; padding:19px 13px; border-radius:14px; }
  main .collection-binge-card h2 { font-size:clamp(27px,7.8vw,43px); }
  .collection-binge-picture img { max-height:35svh; }
  .collection-binge-edge { flex-basis:14px; border-radius:5px; }
  .collection-binge-dek { font-size:16px; }
  .collection-binge-controls button { font-size:12px; padding:11px 7px; }
}

main.cartoon-index .collection-binge-card { min-height:0; padding:12px; }
main.cartoon-index .collection-binge-picture img { max-height:70svh; border-radius:3px; }
main.cartoon-index .collection-binge-card h2 { max-width:32ch; font-size:clamp(22px,3vw,32px); }
main.cartoon-index .collection-binge-dek { margin-top:10px; font-size:16px; }
main.cartoon-index .collection-binge-action { margin-top:14px; }

.entertainment-wrap-index .collection-binge-card {
  background:#f5f1e6; border-color:#15211b; border-radius:5px;
}
.entertainment-wrap-index .collection-binge-edge { background:#f5f1e6; border-radius:3px; }
.entertainment-wrap-index .collection-binge-card h2 {
  font-family:"Bricolage Grotesque",Arial,sans-serif;
}
.entertainment-wrap-index .collection-binge-action a { border-radius:4px; }
@media (prefers-reduced-motion:reduce) {
  .collection-binge-stage *, .collection-view-toggle * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}