/* Layout fixes r185 for inner pages. */

/* Article tools read as a second header row: full width, attached to the masthead, aligned to the text. */
:root body.inner.blog-article-page main .blog-reader-tools {
  margin-top: -36px;
  border-bottom: 0;
  background: #05070b;
  box-shadow: 0 0 0 100vmax #05070b, 0 1px 0 100vmax rgba(255, 255, 255, .08);
  clip-path: inset(0 -100vmax -1px);
}
@media (max-width: 719px) {
  :root body.inner.blog-article-page main .blog-reader-tools { margin-top: -22px; }
}

/* A YouTube film's tools take their place before the player script shows them, so nothing below jumps. */
:root body.watch-page #youtube-tools[data-ssr-reserve][hidden] {
  display: block !important;
  visibility: hidden;
}

/* A paid film's access box keeps its final height until the player fills in the buttons. */
:root body.watch-page #film-payment[data-ssr-reserve]:has(.gate-actions:empty) { min-height: 141px; }
@media (max-width: 719px) {
  :root body.watch-page #film-payment[data-ssr-reserve]:has(.gate-actions:empty) { min-height: 257px; }
}
@media (max-width: 599px) {
  :root body.watch-page #film-payment[data-ssr-reserve]:has(.gate-actions:empty) { min-height: 279px; }
}

/* Account: Art Packs. */
:root body.inner #art-packs { margin-top: 40px; scroll-margin-top: 110px; }
:root body.inner #art-packs h2 { margin: 0 0 8px; font-weight: 400; }
:root body.inner .art-pack-list { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
:root body.inner .art-pack-item { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 12px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; background: rgba(8, 12, 17, .7); }
:root body.inner .art-pack-item.is-wanted { border-color: rgba(179, 217, 235, .5); }
:root body.inner .art-pack-item img { width: 112px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; }
:root body.inner .art-pack-item h3 { margin: 2px 0; font-size: 17px; font-weight: 500; }
:root body.inner .art-pack-item .meta { margin: 0; }
:root body.inner .art-pack-kicker { margin: 0; color: #8fc6e0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
:root body.inner .art-pack-note { color: #e2c891; }
:root body.inner .plan-art-pack { color: #e2c891; }
@media (max-width: 559px) {
  :root body.inner .art-pack-item { grid-template-columns: 84px minmax(0, 1fr); }
  :root body.inner .art-pack-item img { width: 84px; }
  :root body.inner .art-pack-item .btn { grid-column: 1 / -1; }
}