@media (max-width: 900px) {
  .app-shell { grid-template-columns: 84px minmax(0,1fr); }
  .sidebar { padding-inline: 10px; }.portal-brand { justify-content: center; padding-inline: 0; }.portal-brand div, .sidebar-foot { display: none; }
  .nav-item { justify-content: center; padding: 0; }.nav-item b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }.main { padding-inline: 24px; }
}
@media (max-width: 720px) {
  body { padding-bottom: 72px; }.app-shell { display: block; }.sidebar { position: fixed; inset: auto 0 0 0; z-index: 60; width: auto; height: 64px; display: block; padding: 6px 8px max(6px, env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--surface); }.portal-brand, .sidebar-foot { display: none; }
  #portalNav { height: 100%; display: flex; justify-content: space-around; gap: 4px; }.nav-item { min-width: 0; height: 52px; flex: 1; display: grid; justify-items: center; gap: 1px; padding: 4px; color: var(--muted); }.nav-item span { width: auto; font-size: 17px; }.nav-item b { position: static; width: auto; height: auto; overflow: visible; clip: auto; font-size: 11px; }.nav-item[aria-current="page"] { background: var(--brand-soft); color: var(--brand-strong); }
  .main { padding: 0 16px 28px; }.topbar { min-height: 126px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 12px; }.page-heading h1 { font-size: 21px; }.page-heading p { display: none; }.top-actions { display: contents; }.search { grid-column: 1/-1; grid-row: 2; width: 100%; }.user-menu { grid-column: 2; grid-row: 1; }.user-menu > button b { display: none; }
  .view { padding-top: 20px; }.welcome { align-items: flex-start; padding: 22px 20px; }.welcome h2 { font-size: 22px; }.welcome .text-button { display: none; }.system-grid { grid-template-columns: 1fr; }.workspace-all .system-grid .system-card:nth-child(n+4) { display: none; }.content-section { margin-top: 24px; }.directory-search-row { grid-template-columns: 1fr; }
  .architecture-hero { align-items: flex-start; flex-direction: column; padding: 18px; }.architecture-hero strong { font-size: 16px; }.architecture-badge { align-self: flex-start; }.architecture-layer-grid, .architecture-governance-grid { grid-template-columns: 1fr; }.architecture-layer { min-height: auto; }.architecture-layer p { min-height: auto; }.architecture-governance-card p { min-height: auto; }
  .system-card-link { min-height: 112px; padding: 16px 40px 14px 15px; }.system-copy small { min-height: auto; }.system-card.is-compact .system-card-link { min-height: 96px; }
  .admin-panel { padding: 14px; }.admin-callout { align-items: stretch; flex-direction: column; padding: 20px; }.section-head { align-items: flex-start; }.form-grid { grid-template-columns: 1fr; }.form-grid .full { grid-column: auto; }.security-banner { flex-direction: column; gap: 4px; }.toast { left: 16px; right: 16px; bottom: 82px; }
}
@media (max-width: 390px) { .main { padding-inline: 12px; }.system-mark { width: 40px; height: 40px; }.system-card-link { grid-template-columns: 40px minmax(0,1fr); }.open-arrow { display: none; }.welcome { border-radius: 12px; } }