/* Retain the original Bearing layout while allowing intrinsic grid content to
   shrink into an actual 320px viewport. This does not hide overflow. */
@media(max-width:390px){
  .concept-inner{grid-template-columns:minmax(0,1fr)}
  .concept-inner>*,.concept-list article>div{min-width:0}
  .system-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .system-nodes strong,.system-nodes small{overflow-wrap:anywhere}
}
@media(max-width:340px){.system-nodes strong{font-size:14px}}

/* Prioritize the available canvas and make interaction states readable without
   changing the original Paper / Ink / Bearing palette or tab behavior. */
.hero-download-note{margin:0 0 22px;line-height:1.6}
.hero-actions>.text-link,.canvas-copy>.text-link,.closing-action>.light-link,
#pilot-availability>.text-link{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.button,.example-tab,.menu-toggle{min-height:44px;min-width:44px}
.example-tab{transition:background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}
.example-tab[aria-selected="true"]{border-color:var(--color-steel);box-shadow:inset 3px 0 0 var(--color-steel);font-weight:600}
.example-tab:focus-visible{outline:3px solid var(--color-steel);outline-offset:3px}
@media(max-width:800px){
  .header nav{top:100%}
  .header nav a{display:flex;align-items:center;justify-content:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.example-tab{transition:none}}