@media(max-width:600px){.logo-tagline,.logo .logo-full{display:none}.logo .logo-icon{display:block;height:2rem;width:2rem;object-fit:contain}}@media(max-width:480px){.llm-toggle-group{flex-direction:column}}@media(max-width:480px){.info-popover{width:calc(100vw - 32px);right:-16px}}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.site-header,.nav{position:relative}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:10px;gap:2px;z-index:100;max-height:calc(100vh - 84px - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 var(--radius-md) var(--radius-md)}.nav-hamburger{display:block}.project-card-grid{gap:14px}.project-card,.project-card-skeleton{min-height:auto}.nav-menu-brand{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:.75rem;font-style:italic;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:4px;list-style:none}.nav-menu-brand img{flex-shrink:0}.nav-dropdown{border-left:2px solid var(--border);margin-left:4px;padding-left:0}.nav-dropdown-toggle{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:6px 12px;pointer-events:none}.nav-dropdown-toggle:after{display:none}.nav-dropdown-menu{position:static;border:none;box-shadow:none;padding:0 0 4px 8px;margin:0;min-width:0;display:block;background:none}.nav-dropdown-menu .nav-link{font-size:.82rem;padding:6px 12px}.layout-sidebar{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:50vh}.alert{padding:8px 12px;font-size:.85em}}@media(max-width:480px){.container{padding:0 calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left))}.card{padding:14px}.project-card-skeleton{gap:10px;padding-top:18px;padding-bottom:18px}.project-card-skeleton .project-card-skeleton-title{height:16px}.project-card-skeleton .project-card-skeleton-meta{height:12px}.btn,.btn-feedback{min-height:44px}input,textarea,select{min-height:44px;font-size:16px}}@media(orientation:landscape)and (max-height:500px){.nav{padding:4px 16px}.query-textarea{max-height:80px}.sidebar{max-height:40vh;overflow-y:auto}}@media(pointer:coarse){button,a{min-height:44px;min-width:44px}}@media(max-width:720px){.query-inline-status{flex:1 1 auto}}