/* All five previews are screenshots of the actual subscriber application. */
.subscriber-showcase{scroll-margin-top:76px}
.subscriber-preview-note{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;color:#536a83;font-size:11px;line-height:1.5}
.subscriber-preview-note strong{color:#07375d}
.subscriber-showcase .showcase-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.subscriber-showcase .showcase-tabs button{padding:10px;gap:1px 6px}
.subscriber-showcase .sample-window-bar small{margin-left:auto}
.subscriber-showcase .showcase-carousel-stage{width:100%;margin-inline:auto}
.subscriber-showcase .subscriber-actual-page{display:grid;place-items:center;padding:0;background:#edf2f7;overflow:hidden}
.subscriber-snapshot-link{display:grid;place-items:center;width:100%;height:100%;min-height:0}
.subscriber-page-snapshot{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:top center}
.subscriber-snapshot-link:focus-visible{outline:3px solid #0878e4;outline-offset:-3px}
.subscriber-full-preview{grid-column:2;margin-top:5px;color:#0b5f9d;font-size:10px;font-weight:750;text-decoration:none}
@media(max-width:1050px){
  .subscriber-showcase .showcase-tabs button{grid-template-columns:25px 1fr}
  .subscriber-showcase .showcase-tabs button>b{font-size:12px}
  .subscriber-showcase .showcase-tabs button>span{width:24px;height:24px}
  .subscriber-showcase .showcase-tabs button>small{display:none}
}
@media(max-width:700px){
  .subscriber-preview-note{display:grid;gap:3px}
  .subscriber-showcase .showcase-tabs{gap:4px}
  .subscriber-showcase .showcase-tabs button{display:flex;min-height:61px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 2px;text-align:center}
  .subscriber-showcase .showcase-tabs button>b{font:750 10px/1.2 system-ui,sans-serif}
  .subscriber-showcase .showcase-tabs button>span{width:20px;height:20px;font-size:8px}
}

.subscriber-source-note{margin:12px 2px 0;color:#536a83;font-size:10px;line-height:1.6}.subscriber-source-note a{color:inherit;text-underline-offset:2px}
