/* RunnerQuan visual polish v4 — deployment trigger
 * Keep the orbital / engineering identity, but reduce the retro-pixel noise
 * and improve hierarchy, readability, imagery, and responsive behavior.
 */
:root {
  --rq-accent: #8fe7ff;
  --rq-accent-strong: #c6f4ff;
  --rq-accent-soft: rgba(143, 231, 255, 0.12);
  --rq-accent-line: rgba(143, 231, 255, 0.34);
  --rq-panel: rgba(10, 14, 18, 0.76);
}

::selection { color: #031015; background: var(--rq-accent); }
.rq-nav { border-bottom-color: rgba(143, 231, 255, 0.16) !important; }
.rq-nav a, .rq-brand, .rq-brand-name { transition: color 180ms ease, opacity 180ms ease, transform 180ms ease; }
.rq-nav a:hover, .rq-nav a.is-active, .rq-brand:hover { color: var(--rq-accent) !important; }
.rq-nav nav a::after { background: var(--rq-accent) !important; }

body.rq-home-page { background: #030507 !important; }
.rq-home-page::before {
  background: radial-gradient(circle at 76% 18%, rgba(143,231,255,.055), transparent 28rem), radial-gradient(circle at 18% 72%, rgba(143,231,255,.035), transparent 24rem), repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px), #030507 !important;
}
.rq-home-page .rq-orbit-mission h2,
.rq-home-page .rq-orbit-warp h2,
.rq-home-page .rq-orbit-story h2,
.rq-home-page .rq-orbit-about h2 {
  font-family: var(--rq-pixel) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.rq-home-page .rq-hero h1 {
  font-family: var(--rq-pixel) !important;
  font-size: clamp(2.75rem, 4.05vw, 4.65rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 2rem rgba(255,255,255,.12) !important;
}
.rq-home-page .rq-kicker, .rq-home-page .rq-orbit-eyebrow { color: var(--rq-accent) !important; letter-spacing: .2em !important; }

/* Preserve the original pixel / terminal typography across every homepage panel. */
.rq-home-page .rq-nav,
.rq-home-page .rq-nav nav,
.rq-home-page .rq-actions a,
.rq-home-page .rq-section-head,
.rq-home-page .rq-section-head a,
.rq-home-page .rq-project-card,
.rq-home-page .rq-card-index,
.rq-home-page .rq-card-arrow,
.rq-home-page .rq-orbit-eyebrow,
.rq-home-page .rq-orbit-tags,
.rq-home-page .rq-orbit-about-actions,
.rq-home-page .rq-footer-links,
.rq-home-page .rq-footer-meta {
  font-family: var(--rq-mono) !important;
}

.rq-home-page .rq-blog-row strong,
.rq-home-page .rq-blog-row em {
  font-family: var(--rq-cjk-code) !important;
}
.rq-home-page .rq-hero-cn, .rq-home-page .rq-orbit-mission p, .rq-home-page .rq-orbit-story p, .rq-home-page .rq-orbit-about p { color: rgba(235,244,248,.72) !important; }
.rq-home-page .rq-actions a { border-color: rgba(143,231,255,.34) !important; background: rgba(143,231,255,.045) !important; border-radius: 999px !important; transition: transform 180ms ease, background 180ms ease, border-color 180ms ease !important; }
.rq-home-page .rq-actions a:hover { color: #031015 !important; background: var(--rq-accent) !important; border-color: var(--rq-accent) !important; transform: translateY(-2px); }
.rq-home-page .rq-cockpit { filter: contrast(1.08) brightness(1.08) saturate(.72) !important; }
.rq-home-page .rq-hero-orbit-ring { color: rgba(143,231,255,.44) !important; }
.rq-home-page .rq-hero-orbit-core { border-color: var(--rq-accent-line) !important; color: var(--rq-accent-strong) !important; box-shadow: 0 0 2rem rgba(143,231,255,.08), inset 0 0 1.5rem rgba(143,231,255,.06) !important; }
.rq-home-page .rq-project-card { border-color: rgba(255,255,255,.11) !important; background: linear-gradient(145deg, rgba(16,23,28,.82), rgba(6,9,12,.9)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1.8rem 4rem rgba(0,0,0,.22) !important; border-radius: 14px !important; }
.rq-home-page .rq-project-card:hover { border-color: var(--rq-accent-line) !important; box-shadow: inset 0 1px 0 rgba(143,231,255,.12), 0 1.8rem 4rem rgba(0,0,0,.35), 0 0 2rem rgba(143,231,255,.035) !important; }
.rq-home-page .rq-project-card h3 {
  font-family: var(--rq-mono) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.rq-home-page .rq-project-card p { color: rgba(235,244,248,.62) !important; }
.rq-home-page .rq-tags span, .rq-home-page .rq-orbit-tags span { border-color: rgba(143,231,255,.2) !important; color: rgba(198,244,255,.78) !important; background: rgba(143,231,255,.045) !important; }
.rq-home-page .rq-orbit-progress a.is-active { background: var(--rq-accent) !important; box-shadow: 0 0 .9rem rgba(143,231,255,.45) !important; }
.rq-home-page .rq-orbit-progress b { color: var(--rq-accent) !important; }
.rq-home-page .rq-orbit-mission-moon, .rq-home-page .rq-orbit-about-moon { filter: contrast(1.08) brightness(.88) saturate(.5) drop-shadow(0 0 4rem rgba(143,231,255,.08)) !important; }
.rq-home-page .rq-orbit-mission::after, .rq-home-page .rq-orbit-story::after { background: linear-gradient(90deg, transparent, rgba(143,231,255,.12), transparent) !important; }
.rq-agent-core, .rq-agent-terminal, .rq-agent-node { border-color: rgba(143,231,255,.2) !important; }
.rq-agent-core { color: var(--rq-accent-strong) !important; box-shadow: 0 0 2.5rem rgba(143,231,255,.08) !important; }
.rq-agent-node span, .rq-agent-node b, .rq-agent-terminal b { color: rgba(198,244,255,.72) !important; }

.rq-project-showcase, .rq-project-atlas { border-color: rgba(255,255,255,.12) !important; background: linear-gradient(145deg, rgba(15,22,27,.88), rgba(7,10,13,.94)) !important; border-radius: 16px !important; }
.rq-project-showcase:hover { border-color: var(--rq-accent-line) !important; }
.rq-project-shot::before { filter: blur(18px) saturate(.82) brightness(.58) !important; opacity: .42 !important; }
.rq-project-shot::after { border-color: rgba(143,231,255,.14) !important; background: linear-gradient(135deg, rgba(255,255,255,.09), transparent 28%, rgba(143,231,255,.035)), repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px) !important; }
.rq-project-shot img { filter: saturate(.92) contrast(1.03) !important; transition: transform 500ms cubic-bezier(.2,.8,.2,1), filter 300ms ease !important; }
.rq-project-showcase:hover .rq-project-shot img { transform: scale(1.025) !important; filter: saturate(1) contrast(1.04) !important; }
.rq-projects-hero h1, .rq-projects-section-head h2, .rq-project-atlas h2 { font-family: var(--rq-sans) !important; letter-spacing: -.045em !important; }
.rq-projects-kicker, .rq-projects-section-head span, .rq-project-atlas span { color: var(--rq-accent) !important; }

.rq-inner-page .rq-post, .rq-inner-page .post-content { color: rgba(238,243,246,.82) !important; }
.rq-inner-page .post-content { font-size: 1.03rem !important; line-height: 1.95 !important; }
.rq-inner-page .post-content h1, .rq-inner-page .post-content h2, .rq-inner-page .post-content h3, .rq-inner-page .post-content h4 { font-family: var(--rq-sans) !important; letter-spacing: -.035em !important; }
.rq-inner-page .post-content h2 { margin-top: 3rem !important; padding-bottom: .7rem !important; border-bottom: 1px solid rgba(143,231,255,.14) !important; }
.rq-inner-page .post-content a { color: var(--rq-accent) !important; text-decoration-color: rgba(143,231,255,.35) !important; text-underline-offset: .22em; }
.rq-inner-page .post-content blockquote { border-left-color: var(--rq-accent) !important; background: rgba(143,231,255,.035) !important; border-radius: 0 10px 10px 0 !important; }
.rq-inner-page .post-content code { color: #c9f5ff !important; background: rgba(143,231,255,.075) !important; border: 1px solid rgba(143,231,255,.09) !important; border-radius: 5px !important; }
.rq-reading-progress { background: var(--rq-accent) !important; box-shadow: 0 0 .7rem rgba(143,231,255,.35) !important; }

.rq-archive-page, .rq-tags-page, .rq-categories-page { background: radial-gradient(circle at 78% 0%, rgba(143,231,255,.045), transparent 24rem), #050709 !important; }
.rq-archive-page h1, .rq-tags-page h1, .rq-categories-page h1 { font-family: var(--rq-sans) !important; letter-spacing: -.04em !important; }

@media (max-width: 760px) {
  .rq-home-page .rq-hero h1 { font-size: clamp(2rem, 9vw, 2.7rem) !important; }
  .rq-home-page .rq-hero-copy { width: min(30rem, 84vw) !important; }
  .rq-home-page .rq-cockpit { width: 118vw !important; right: -38vw !important; opacity: .58 !important; }
  .rq-home-page .rq-project-card { border-radius: 12px !important; }
  .rq-project-showcase, .rq-project-showcase:nth-child(even) { grid-template-columns: 1fr !important; }
  .rq-project-showcase:nth-child(even) .rq-project-shot { order: initial !important; }
  .rq-project-shot { min-height: 15rem; }
  .rq-inner-page .post-content { font-size: 1rem !important; line-height: 1.86 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .rq-project-shot img, .rq-project-card, .rq-project-showcase { transition: none !important; }
}