@media (min-width: 641px) {
  .hero__title {
    font-size: 3rem;
    line-height: 1;
  }

  .page-title,
  .post-detail__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .masonry--mobile {
    display: none;
  }

  .masonry-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Linkove sloupce paticky zustavaji pri dvoukolonovem zlomu oprete doprava, ale text uvnitr ctou zleva. */
  /* CF-201 */
  .site-footer__inner .foot-col {
    width: max-content;
    max-width: 100%;
    justify-self: end;
    justify-items: start;
    text-align: left;
  }

  .site-footer__brand-block,
  .site-footer__bottom {
    grid-column: 1 / -1;
  }

  .site-footer__spacer {
    display: none;
  }

  .admin-shell {
    flex-direction: column;
  }

  .admin-sidebar {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  /* Sbalení se aktivuje jen se skriptem; bez něj zůstává menu rozbalené. CF-226 */
  .admin-sidebar__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.75rem;
  }

  .admin-sidebar__header .admin-subtitle {
    grid-column: 1;
  }

  .admin-sidebar__header .admin-sidebar__toggle:not([hidden]) {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1 / span 2;
    border-color: var(--border);
    color: var(--foreground);
  }

  .admin-sidebar.is-collapsible:not(.is-open) .admin-sidebar__panel {
    display: none;
  }

  .admin-sidebar.is-collapsible .admin-sidebar__footer {
    margin-top: 0.75rem;
  }

  .post-form-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .post-form-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .post-form-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "title slug"
      "excerpt excerpt"
      "metadata preview";
  }

  .post-form-layout-grid__scheduled,
  .post-form-layout-grid__date,
  .post-form-layout-grid__author,
  .post-form-layout-grid__related,
  .post-form-layout-grid__featured {
    grid-column: span 1;
  }

  .admin-advanced-toggle__summary {
    width: 50%;
  }

  .post-form-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .site-header__inner,
  .site-footer__inner,
  .site-main,
  .site-main--narrow,
  .admin-main__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .site-header__inner,
  .site-footer__inner,
  .toolbar,
  .admin-list-item,
  .form-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-footer__inner {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    justify-content: stretch;
  }

  .site-footer__inner .foot-col {
    width: auto;
    justify-self: start;
    justify-items: start;
    text-align: left;
  }

  /* Mobilni menu je pod nadpisem; odkazy a prepinac rezimu zustavaji ve stejne radce menu. */
  /* CF-210 */
  .site-header__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .site-header__topline {
    display: block;
  }

  .site-nav {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-left: 0;
    gap: 0.75rem;
    font-size: 0.8125rem;
  }

  .site-nav__links {
    flex: 1 1 auto;
    flex-wrap: wrap;
    min-width: 0;
    gap: 0.5rem 0.75rem;
  }

  .site-nav__theme-toggle {
    margin-left: auto;
    margin-top: 0.125rem;
  }

  .site-footer__bottom {
    justify-content: center;
  }

  .form-actions__left {
    width: 100%;
  }

  .form-actions__right {
    margin-left: 0;
    width: 100%;
  }

  .action-group,
  .button--full,
  .button-ghost--full {
    width: 100%;
  }

  .action-button {
    width: 2.25rem;
  }

  .post-form-meta-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .post-form-layout-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .post-form-main-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "slug"
      "excerpt"
      "metadata"
      "preview";
  }

  .post-form-layout-grid__scheduled,
  .post-form-layout-grid__date,
  .post-form-layout-grid__author,
  .post-form-layout-grid__related,
  .post-form-layout-grid__featured {
    grid-column: span 1;
  }

  .admin-advanced-toggle__summary {
    width: 100%;
  }

  .post-form-meta-grid__date,
  .post-form-meta-grid__published,
  .post-form-meta-grid__author,
  .post-form-meta-grid__hero,
  .post-form-meta-grid__slot,
  .post-form-meta-grid__featured {
    grid-column: span 1;
  }

  .post-form-media-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .post-form-media-grid__preview {
    grid-column: span 1;
    grid-row: span 1;
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }

  .form-grid--2 {
    grid-template-columns: 1fr;
  }

  .media-grid {
    grid-template-columns: 1fr;
  }
}