/* The Deck Viewer's few differences from the Deck Builder.
   Everything else it looks like comes from the shared builder stylesheets, which is the
   point: a reader and an owner should be looking at the same object. */

/* One column, because there is no deck library to put beside it. */
.viewer-workspace{grid-template-columns:minmax(0,1fr)}
.deck-viewer-page #deck-viewer{flex:1 1 auto;min-height:0}
.deck-viewer-page .workbench-heading-row{align-items:center}
.workbench-nav a{display:inline-flex;align-items:center;padding:5px 10px;font-size:11px;text-decoration:none;white-space:nowrap}
.deck-viewer-byline{margin:4px 0 0;color:var(--muted);font-size:11px}
.deck-viewer-page #copy-community-deck-status{margin:4px 0 0;color:var(--muted);font-size:11px}
.deck-viewer-page #copy-community-deck-status.copy-failed{color:var(--danger);font-weight:600}
.deck-viewer-page #copy-community-deck-status:empty{display:none}

/* A read-only quantity sits where the builder's stepper does, so the rows line up. */
.deck-row-count{min-width:34px;text-align:right}
.deck-row-count strong{font:15px Georgia,serif;color:var(--copper)}

/* The Information tab, as reading rather than as a form. */
.deck-information-read .deck-primer-read{margin-top:18px;padding-top:0;border-top:0}
.deck-viewer-tags{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.deck-viewer-tags h3{margin:0 0 10px;font:19px Georgia,serif}

@media(max-width:850px){
  .deck-viewer-page .workbench-heading-row{align-items:stretch}
  .workbench-nav a{align-self:flex-start}
}