@media (max-width: 1180px) {
  .header-inner { grid-template-columns: 210px minmax(0,1fr); }.header-date { display: none; }
  .nav-link { min-width: 82px; padding: 0 8px; }.nav-code { display: none; }
  .section-grid { grid-template-columns: 90px minmax(0,1fr); }.intro-aside { grid-column: 2; max-width: 520px; }
  .format-profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fact-strip { grid-template-columns: repeat(2,1fr); }.fact-strip article:nth-child(2) { border-right: 0; }.fact-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .recipe-card-grid, .setting-group-grid, .quality-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .genre-builder-layout { grid-template-columns: 1fr; }.recipe-result { position: static; min-height: auto; }
  .network-inspector { grid-template-columns: minmax(220px,.8fr) minmax(260px,1.2fr); grid-template-areas: "route route" "id questions" "title questions" "short questions" "description output"; row-gap: 18px; }
  .workflow-step { grid-template-columns: 60px 200px minmax(0,1fr); }.workflow-connector { left: 247px; }
}
@media (max-width: 900px) {
  .header-inner { min-height: auto; padding-top: 14px; grid-template-columns: 1fr; gap: 10px; }.brand { justify-self: start; }.top-nav { width: calc(100% + var(--page-pad) * 2); margin-left: calc(var(--page-pad) * -1); justify-content: flex-start; overflow-x: auto; scrollbar-width: none; border-top: 1px solid var(--line); }.top-nav::-webkit-scrollbar { display:none; }.nav-link { min-height: 50px; min-width: max-content; padding: 0 16px; }.nav-link::after { left: 16px; right: 16px; }
  .page-intro { padding-top: 64px; }.section-grid { grid-template-columns: 1fr; }.intro-index { max-width: 160px; }.intro-aside { grid-column: 1; }
  .hero-network { min-height: 720px; grid-template-columns: 1fr; }.hero-orbit { right: -160px; top: 66%; }.hero-path { max-width: 520px; }
  .tutorial-header { grid-template-columns: 1fr; align-items: start; }.tutorial-header button { justify-self: start; }
  .tutorial-layout { grid-template-columns: 1fr; }.tutorial-tabs { grid-template-columns: repeat(5,minmax(158px,1fr)); overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line-strong); }.tutorial-tabs button { min-width: 158px; min-height: 78px; grid-template-columns: 28px 1fr; }.tutorial-tabs button small { grid-column: 1 / -1; }.tutorial-tabs button[aria-selected="true"] { box-shadow: inset 0 -3px 0 var(--lime); }
  .next-route-panel { grid-template-columns: 1fr 1fr; }.next-route-panel > div { grid-column: 1/-1; }
  .split-section { grid-template-columns: 1fr; }.rule-panel { position: static; }
  .genre-layer { grid-template-columns: 1fr; }.layer-options { grid-template-columns: repeat(2,1fr); }
  .network-stage-strip em { display: none; }
  .network-tutorial { grid-template-columns: 1fr; }.network-tutorial ol { grid-template-columns: repeat(2,minmax(0,1fr)); }.network-tutorial li:nth-child(2) { border-right: 0; }.network-tutorial li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .network-inspector { grid-template-columns: 1fr 1fr; grid-template-areas: "route route" "id id" "title title" "short description" "questions output"; row-gap: 18px; }.network-inspector section { padding-left: 24px; }
  .workflow-step { grid-template-columns: 54px minmax(160px,.7fr) minmax(0,1fr); }.workflow-step dl { grid-template-columns: 1fr; }.workflow-connector { left: calc(54px + min(160px, 30vw) - 12px); }
  .style-axis-list article { grid-template-columns: 60px 1fr; }.style-axis-list p { grid-column: 2; }
}
@media (max-width: 767px) {
  :root { --page-pad: 16px; }
  body { font-size: 15px; background-size: 24px 24px,24px 24px,auto,auto; }
  .header-inner { padding-inline: 16px; }.top-nav { width: calc(100% + 32px); margin-left: -16px; }
  .page-shell { padding-bottom: 72px; }.page-intro { padding: 52px 0 48px; }.intro-copy h1 { font-size: clamp(38px,12vw,54px); letter-spacing: -.02em; }.intro-copy > p { font-size: 16px; }.intro-aside { padding-left: 18px; }.intro-aside strong { font-size: 21px; }
  .report-section { padding: 58px 0; }.section-heading { grid-template-columns: 38px 1fr; gap: 12px; margin-bottom: 28px; }.section-heading h2 { font-size: 29px; }
  .hero-network { min-height: 690px; padding: 44px 4px; gap: 30px; }.hero-copy h2 { font-size: 58px; }.hero-copy p { max-width: 300px; }.hero-orbit { width: 420px; height: 420px; right: -230px; }.hero-path li { min-height: 68px; padding-left: 64px; }
  .report-tutorial { padding-top: 42px; padding-bottom: 42px; }.tutorial-header button { width: 100%; }.tutorial-tabs { grid-template-columns: 1fr; overflow: visible; }.tutorial-tabs button { min-width: 0; min-height: 66px; grid-template-columns: 32px 70px minmax(0,1fr); }.tutorial-tabs button small { grid-column: auto; white-space: normal; }.tutorial-tabs button[aria-selected="true"] { box-shadow: inset 3px 0 0 var(--lime); }.tutorial-panels { padding: 24px 18px; }.tutorial-panel dl { grid-template-columns: 1fr; }.tutorial-panel dl div + div { border-top: 1px solid var(--line); border-left: 0; }.tutorial-panel .primary-link { width: 100%; }
  .format-profile-grid { grid-template-columns: 1fr; }.format-profile { min-height: auto; padding: 24px; }.format-profile h3 { margin-top: 22px; }.beat-diagram { min-height: 68px; }
  .fact-strip { grid-template-columns: 1fr; }.fact-strip article { min-height: 150px; border-right: 0; border-bottom: 1px solid var(--line); }.fact-strip article:last-child { border-bottom: 0; }.fact-strip p { min-height: auto; }
  .next-route-panel { grid-template-columns: 1fr; }.next-route-panel > div { grid-column: 1; }.primary-link,.secondary-link { width: 100%; }
  .layer-options { grid-template-columns: 1fr; }.genre-layer { padding: 20px 0; }.recipe-result { padding: 24px; }
  .recipe-card-grid, .setting-group-grid, .quality-grid, .method-grid { grid-template-columns: 1fr; }.recipe-card-grid article, .setting-group-grid article, .quality-grid article { min-height: auto; padding: 24px; }
  .network-section { padding-top: 44px; }.network-heading { align-items: stretch; flex-direction: column; }.network-actions { width: 100%; }.network-actions button { flex: 1; }.network-tutorial { padding: 20px; }.network-tutorial ol { grid-template-columns: 1fr; }.network-tutorial li { border-right: 0; border-bottom: 1px solid var(--line); }.network-tutorial li:nth-child(2) { border-right: 0; }.network-tutorial li:last-child { border-bottom: 0; }.network-canvas-panel { min-height: 520px; }.network-canvas-panel.is-mobile-collapsed { display: none; }.network-stage-strip { left: 8px; right: 8px; gap: 2px; }.network-stage-strip > span { padding: 7px 3px; text-align: center; }.network-stage-strip small,.network-stage-strip em { display: none; }.network-stage-strip strong { margin: 0; font-size: 9px; }.network-node-label { min-width: 52px; padding: 4px; }.network-node-label b { font-size: 8px; }.network-node-label small { display:none; }.network-legend { display: none; }.network-inspector { padding: 24px; grid-template-columns: 1fr; grid-template-areas: "route" "id" "title" "short" "description" "questions" "output"; row-gap: 0; }.inspector-route { grid-template-columns: 1fr; gap: 8px; }.inspector-route > i { display: none; }.inspector-route > strong { text-align: left; }.network-inspector section { margin-top: 24px; padding: 20px 0 0; border-top: 1px solid var(--line); border-left: 0; }.accessible-network { padding: 16px; }.accessible-network section > div { grid-template-columns: 1fr; }
  .style-axis-list article { grid-template-columns: 48px minmax(0,1fr); gap: 12px; }.style-axis-list article > div { gap: 7px; }.style-axis-list b { font-size: 10px; }
  .workflow-step { min-height: auto; grid-template-columns: 44px 1fr; }.workflow-index { padding-top: 22px; }.workflow-node { padding: 20px; border-right: 0; }.workflow-step dl { grid-column: 2; padding: 16px 20px 24px; }.workflow-step dl div { grid-template-columns: 52px 1fr; }.workflow-connector { left: 32px; bottom: -12px; }
  .source-item { padding: 20px 0; grid-template-columns: 36px minmax(0,1fr); align-items: start; }.source-strength { grid-column: 1; grid-row: 2; width: 30px; height: 30px; }.source-meta { line-height: 1.5; }.source-item h3 { font-size: 16px; }
  .site-footer > div { min-height: 120px; align-items: flex-start; justify-content: center; flex-direction: column; gap: 10px; }.site-footer a { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}