@media (max-width: 1250px) {
  :root { --sidebar: 234px; --right-rail: 180px; }
  .site-shell { gap: 30px; }.topbar { padding-inline: 20px; }.top-links { gap: 18px; }.search-box { width: 230px; }
}

@media (max-width: 1050px) {
  .site-shell { grid-template-columns: var(--sidebar) minmax(0, 780px); }.page-toc { display: none; }.topbar { grid-template-columns: var(--sidebar) 1fr auto; }.top-links { justify-content: flex-start; }
}

@media (max-width: 780px) {
  :root { --topbar: 64px; }
  .topbar { grid-template-columns: 1fr auto; min-height: var(--topbar); padding-inline: 16px; }.top-links { display: none; }.search-box { width: min(260px, 56vw); }.menu-button { display: grid; }.site-shell { display: block; padding: 0 22px; }.sidebar { position: fixed; z-index: 25; top: var(--topbar); left: 0; width: min(320px, 90vw); height: calc(100dvh - var(--topbar)); padding: 25px 17px; border-right: 1px solid var(--line); background: #fff; box-shadow: 18px 0 45px rgb(15 23 42 / .14); transform: translateX(-105%); transition: transform .22s var(--ease); }.sidebar.open { transform: translateX(0); }.nav-scrim.open { display: block; position: fixed; z-index: 24; inset: var(--topbar) 0 0; width: 100%; border: 0; background: rgb(15 23 42 / .34); }.sidebar-footer { margin-top: 32px; }.document { padding-top: 42px; }.search-results { top: 57px; right: 16px; }.component-grid, .fit-grid, .glossary-grid, .quick-checklist, .studio-grid, .prompt-grid, .ops-grid, .split-cards, .template-layout { grid-template-columns: 1fr; }.prompt-grid article { min-height: auto; }.reference-steps { grid-template-columns: 1fr; }.reference-steps div { border-right: 0; border-bottom: 1px solid var(--line); }.reference-steps div:last-child { border-bottom: 0; }
}

@media (max-width: 560px) {
  body { font-size: 16px; }.topbar { padding-inline: 12px; }.brand { font-size: 11px; }.brand-mark { transform: scale(.9); transform-origin: left center; }.topbar-actions { gap: 4px; }.search-box { width: 43px; padding: 0; justify-content: center; border-color: transparent; background: transparent; }.search-box input { position: absolute; width: 43px; opacity: 0; cursor: pointer; }.search-box kbd { display: none; }.search-box:focus-within { position: fixed; z-index: 32; top: 9px; right: 66px; left: 12px; width: auto; padding: 0 10px; justify-content: flex-start; border-color: #8db4fb; background: #fff; }.search-box:focus-within input { position: static; width: 100%; opacity: 1; cursor: text; }.search-results { top: 59px; right: 12px; left: 12px; width: auto; }.site-shell { padding: 0 17px; }.document { padding-top: 31px; }.doc-section { padding: 35px 0 39px; }.breadcrumbs { margin-bottom: 21px; }.lede { font-size: 16px; }.intro-actions { display: grid; }.button { width: 100%; }.command-stack { gap: 8px; }.command-stack code { width: 100%; text-align: center; }.intro-panel { padding: 15px; }.component-grid { gap: 10px; }.component-grid article, .glossary-grid article, .quick-checklist div { padding: 15px; }.workflow-list li { grid-template-columns: 30px 1fr; gap: 10px; }.workflow-list a { display: none; }.quality-grid { grid-template-columns: 1fr; }.status-table [role="row"] { grid-template-columns: 1fr; gap: 3px; }.status-table [role="row"]:first-child { display: none; }.guide-grid { grid-template-columns: 1fr; }.document-footer { align-items: flex-start; flex-direction: column; }.command-card { padding: 14px; }.command-meta { align-items: flex-start; }.notice { padding: 14px; }.trouble-list summary { min-height: 64px; }.toast { right: 15px; bottom: 15px; }
}

@media print {
  .topbar, .sidebar, .page-toc, .nav-scrim, .copy-button, .intro-actions, .toast { display: none !important; }.site-shell { display: block; width: auto; padding: 0; }.document { padding: 0; }.doc-section { break-inside: avoid; }.guide-grid a { color: #000; }.guide-grid { grid-template-columns: 1fr 1fr; } body { color: #000; background: #fff; }
}