/* Labels travel into readable, quiet explanations. No hover effects. */
.abc-breakdown dt { display:inline-block; }
.story-label-bridge { position:fixed; top:0; left:0; will-change:transform; z-index:7; pointer-events:none; display:none; white-space:nowrap; transform-origin:center; }
.story-photo-bridge { position:fixed; z-index:7; pointer-events:none; display:none; }
.story-photo-bridge > .notebook-panel__featured-polaroid { position:relative; inset:auto; display:block; width:100%; height:100%; transform:none!important; }

/* Material treatment: static grain belongs to the paper, never to the viewport. */
.notebook-panel__featured-polaroid::after {
  content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;
  background:url('./assets/process-book/orange-paper-grain.jpg') repeat 0 0 / 380px 380px;
  filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply;opacity:.10;
  pointer-events:none;
}
.notebook-panel__featured-polaroid {
  background-image:linear-gradient(125deg,rgba(255,255,255,.7),transparent 40%,rgba(0,0,0,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.22),0 5px 10px rgba(0,0,0,.12);
}
.notebook-panel__featured-polaroid::after {z-index:1;opacity:.065;}
.notebook-panel__featured-image {position:relative;z-index:2;}
.abc-breakdown__item {
  background-image:linear-gradient(135deg,rgba(255,255,255,.035),transparent 55%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 2px 3px rgba(0,0,0,.12);
}