/*
 * Wider three-column post shell for desktop and ultrawide screens.
 *
 * This stylesheet is loaded only on posts and does not modify Chirpy's
 * bundled assets. The percentage below is resolved against the post shell
 * after Chirpy's 260/300px left sidebar has been deducted, not against the
 * full viewport.
 *
 * These selectors target Chirpy 7.6's layout IDs. Re-run the responsive
 * layout matrix when upgrading to a new major theme version.
 */
@media (min-width: 1200px) {
  #main-wrapper > .container {
    --post-panel-width: clamp(13.75rem, 18%, 16.25rem);

    max-width: 1450px;
    padding-inline: 0.75rem !important;
  }

  #main-wrapper main[aria-label='Main Content'] {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  #main-wrapper #panel-wrapper {
    display: block;
    flex: 0 0 var(--post-panel-width);
    width: var(--post-panel-width);
    max-width: var(--post-panel-width);
    min-width: 0;
  }

  /* A post panel is for navigation: show the real TOC from the first screen. */
  #main-wrapper #panel-wrapper .access {
    display: none;
  }

  #main-wrapper #toc-wrapper {
    visibility: visible !important;
    padding-right: 1rem !important;
  }

  #main-wrapper #toc-bar,
  #main-wrapper #toc-solo-trigger {
    display: none !important;
  }

  #main-wrapper #tail-wrapper {
    flex: 0 0 calc(100% - var(--post-panel-width));
    width: calc(100% - var(--post-panel-width));
    max-width: calc(100% - var(--post-panel-width));
  }
}