/* Borders belong to the screen: scrolling, tilting and edge masks move together. */
:root{--mock-outline-color:#2c405c;--mock-outline-width:1px}
.frame:not(.guardrails-frame){border:0;background:var(--mock-bg,#090b11)}
.frame:not(.guardrails-frame)::after,
.journal-story-copy::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  border-radius:inherit;
  border:var(--mock-outline-width) solid var(--mock-outline-color);
  pointer-events:none;
}
.journal-story-copy::after{
  --story-outline-fade:conic-gradient(from 0deg at 50% 50%,#000 0deg,#000 8deg,rgba(0,0,0,.5) 18deg,transparent 28deg,transparent 220deg,rgba(0,0,0,.5) 230deg,#000 240deg,#000 360deg);
  -webkit-mask-image:var(--story-outline-fade);
  mask-image:var(--story-outline-fade);
}
.bento .tile{border:0}
.bento .tile::after{content:none}
@media(forced-colors:active){
  .frame:not(.guardrails-frame)::after,.journal-story-copy::after{
    box-shadow:none;
    border:1px solid CanvasText;
    -webkit-mask-image:none;
    mask-image:none;
  }
}