/* Stopgap poster and template pages (agent b). Tokens only; replaced when the posters/templates phases land. */
.stopgap { padding-block: var(--s8); }
.stopgap__intro { max-width: 760px; display: flex; flex-direction: column; gap: var(--s3); }
.stopgap__intro .lead { margin: 0; }
.stopgap__intro:empty { display: none; }
.stopgap__see { margin: 0; max-width: 760px; }
.stopgap__dl { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.stopgap__dl .card__body { gap: var(--s2); }
.stopgap__dl .card__title { overflow-wrap: anywhere; }
.stopgap__soon { max-width: 760px; border-left: 12px solid var(--sign-yellow); }
.stopgap__soon p { margin: 0; }
.stopgap__tiles .link-tile { min-height: 64px; justify-content: center; }
@media (max-width: 599px) {
  .stopgap { padding-block: var(--s6); }
  .stopgap__dl { grid-template-columns: 1fr; }
}
.stopgap .small { margin: var(--s4) 0 0; }

/* Own-version pages (src/templates/own.njk, src/posters/own.njk) */
.own-file { display: grid; grid-template-columns: minmax(0, 220px) 1fr; gap: var(--s6); align-items: start; }
.own-file__preview { width: 100%; height: auto; border: 3px solid var(--ink); background: var(--paper); }
.own-file__body .btn { margin: 0 var(--s3) var(--s3) 0; }
@media (max-width: 599px) { .own-file { grid-template-columns: 1fr; } .own-file__preview { max-width: 220px; } }