@import url("/css/runnerquan-polish-v4.css");

@media (max-width: 1180px) {
  :root {
    --rq-cockpit-right: -4vw;
  }

  .rq-home-page .rq-cockpit {
    width: 88vw;
  }

  .rq-home-page .rq-hero-copy {
    width: 42vw;
  }
}

@media (max-width: 980px) {
  :root {
    --rq-cockpit-right: -45vw;
  }

  html.rq-home-orbit {
    scroll-snap-type: none;
  }

  .rq-home-page .rq-orbit-panel {
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }

  .rq-orbit-progress {
    display: none;
  }

  .rq-nav,
  .rq-home-page .rq-nav {
    width: calc(100vw - 2rem);
  }

  .rq-menu-button {
    display: block;
  }

  .rq-nav nav {
    position: fixed;
    top: 4.6rem;
    left: 1rem;
    right: 1rem;
    display: grid;
    gap: 0;
    padding: 0.6rem;
    border: 1px solid var(--rq-line);
    border-radius: var(--rq-radius-md);
    background: #050505;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.6rem);
    transition: opacity var(--rq-duration-fast) ease, transform var(--rq-duration-fast) ease;
  }

  .rq-nav.rq-menu-open nav {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .rq-nav nav a {
    padding: 0.85rem;
  }

  .rq-nav nav a::after {
    bottom: 0.35rem;
  }

  .rq-hero {
    padding: 5.3rem 1.2rem 2.5rem;
  }

  .rq-home-page .rq-hero-copy {
    width: min(34rem, 92vw);
  }

  .rq-home-page .rq-cockpit {
    top: 57%;
    width: 136vw;
    opacity: 0.58;
  }

  .rq-orbit-mission {
    padding: 6rem 1.2rem 3rem;
  }

  .rq-orbit-mission-moon {
    left: -48vw;
    width: 118vw;
    opacity: 0.45;
  }

  .rq-orbit-mission-copy {
    width: min(35rem, 88vw);
  }

  .rq-section-head,
  .rq-home-page .rq-project-grid,
  .rq-home-page #blog .rq-blog-list,
  .rq-orbit-story {
    width: calc(100vw - 2rem);
  }

  .rq-project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(12rem, auto));
    height: auto;
  }

  .rq-orbit-story {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 6rem 0 4rem;
  }

  .rq-orbit-story:nth-child(2) .rq-orbit-story-copy {
    order: 2;
  }

  .rq-agent-orchestrator,
  .rq-agent-coremap {
    justify-self: stretch;
    width: 100%;
    height: 24rem;
  }

  .rq-agent-terminal {
    right: 6%;
    bottom: 10%;
    width: min(44%, 17rem);
  }

  .rq-agent-node {
    width: 5.9rem;
  }

  .rq-agent-node-llm {
    left: 45%;
  }

  .rq-orbit-about {
    grid-template-columns: 1fr;
    padding: 6rem 1.4rem 4rem;
  }

  .rq-orbit-about-copy {
    width: min(35rem, 90vw);
  }

  .rq-orbit-about-moon {
    right: -52vw;
    width: 120vw;
    opacity: 0.38;
  }

  .rq-orbit-footer {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 2rem;
    min-height: 82svh;
    padding-inline: 1.4rem;
  }

  .rq-footer-links,
  .rq-footer-meta {
    justify-self: start;
    text-align: left;
  }

  .rq-orbit-footer::before {
    left: 1.4rem;
    right: 1.4rem;
    white-space: normal;
  }

  .rq-footer-signal {
    left: 1.4rem;
    right: 1.4rem;
    bottom: 8rem;
    height: 5.2rem;
  }
}

@media (max-width: 640px) {
  .rq-brand {
    font-size: 1rem;
  }

  .rq-home-page .rq-hero h1 {
    font-size: clamp(2rem, 9vw, 2.7rem);
  }

  .rq-actions a {
    width: 100%;
  }

  .rq-home-page .rq-section {
    padding-top: 5rem;
  }

  .rq-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .rq-project-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .rq-project-card {
    min-height: 13rem;
  }

  .rq-blog-row {
    grid-template-columns: 1fr 2rem;
    grid-template-areas:
      "date arrow"
      "title arrow"
      "summary arrow";
  }

  .rq-orbit-about-actions,
  .rq-footer-links {
    flex-direction: column;
    align-items: stretch;
  }

  .rq-inner-page .post-page-container,
  .rq-inner-page .page-template-container,
  .rq-inner-page .archive-container,
  .rq-inner-page .tag-container,
  .rq-inner-page .category-container {
    max-width: calc(100vw - 1rem);
  }

  .rq-inner-page .post-content,
  .rq-inner-page .page-template-content,
  .rq-inner-page .keep-markdown-body {
    font-size: 17px;
    line-height: 1.82;
  }

  .rq-inner-page .post-nav {
    grid-template-columns: 1fr;
  }

  .rq-inner-page .rq-about-grid,
  .rq-inner-page .rq-build-flow {
    grid-template-columns: 1fr;
  }

  .rq-inner-page .archive-list .archive-post-item {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
}