/*
 * Dedicated m.ectmtg.com layout layer.
 *
 * Component colors and behavior remain shared with the primary site. Everything
 * that determines the mobile shell, navigation, density, flow, dialogs, and
 * touch ergonomics lives here and is loaded only by the mobile layout.
 */

:root{
  --mobile-shell-max:820px;
  --mobile-edge:10px;
  --mobile-tab-height:64px;
  --mobile-top-height:56px;
  --header-height:calc(var(--mobile-top-height) + env(safe-area-inset-top));
  --ect-page-edge:var(--mobile-edge);
  --ect-section-gap:10px;
  --ect-grid-gap:10px;
  --ect-content-gap:8px;
  --ect-panel-padding:12px;
  --ect-page-hdr-pad-x:12px;
  --ect-page-hdr-pad-y:11px;
}

html[data-site-variant="mobile"]{
  min-width:280px;
  scroll-padding-top:calc(var(--header-height) + 8px);
}

body.mobile-site{
  min-width:280px;
  min-height:100dvh;
  overflow-x:hidden;
  font-size:15px;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  touch-action:manipulation;
}

.mobile-site :where(button,.btn,input,select,textarea,summary,a){
  -webkit-tap-highlight-color:transparent;
}

.mobile-site :where(input,select,textarea){
  min-height:46px;
  font-size:16px;
}

.mobile-site :where(button,.btn,[role="button"]){
  min-height:44px;
}

.mobile-site h1{font-size:clamp(1.7rem,8vw,2.35rem)}
.mobile-site h2{font-size:clamp(1.25rem,5.7vw,1.7rem)}
.mobile-site h3{font-size:1rem}

/* Mobile application chrome */
.mobile-site .site-header{
  position:sticky;
  top:0;
  z-index:1800!important;
  height:var(--header-height);
  padding-top:env(safe-area-inset-top);
  border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);
  background:color-mix(in srgb,var(--bg-deep) 98%,var(--bg));
  box-shadow:0 5px 20px rgba(0,0,0,.2);
  /* A filter here makes fixed descendants use the 56px header as their
     containing block, which collapses full-screen menus and account sheets. */
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

.mobile-site .header-row{
  width:min(100%,var(--mobile-shell-max));
  height:100%;
  margin-inline:auto;
  padding:0 9px;
  gap:7px;
}

.mobile-site .brand{gap:7px;min-width:0}
.mobile-site .brand-mark{width:30px;height:30px;flex:0 0 30px}
.mobile-site .brand-wordmark{min-width:0}
.mobile-site .brand-wordmark strong{font-size:.86rem;line-height:1;letter-spacing:.08em}
.mobile-site .brand-wordmark small{display:block;margin-top:3px;font-size:.55rem;line-height:1}

.mobile-site .mobile-nav-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:54px;
  min-height:40px;
  margin-left:auto;
  padding:7px 10px;
  border-color:var(--border);
  border-radius:11px;
  background:var(--panel-2);
  font-size:.75rem;
  font-weight:850;
}

.mobile-site .mobile-nav-toggle[aria-expanded="true"]{
  border-color:var(--accent);
  background:var(--accent-faint);
  color:var(--accent);
}

.mobile-site .main-nav{
  position:fixed!important;
  z-index:2050;
  top:var(--header-height);
  right:0!important;
  bottom:calc(var(--mobile-tab-height) + env(safe-area-inset-bottom));
  left:0!important;
  display:none!important;
  width:100%;
  max-width:var(--mobile-shell-max);
  height:calc(100dvh - var(--header-height) - var(--mobile-tab-height) - env(safe-area-inset-bottom))!important;
  min-height:240px;
  max-height:calc(100dvh - var(--header-height) - var(--mobile-tab-height) - env(safe-area-inset-bottom));
  margin:0 auto!important;
  padding:10px;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  grid-template-columns:1fr!important;
  align-content:start;
  align-items:stretch!important;
  gap:8px!important;
  border:0;
  background:color-mix(in srgb,var(--bg-deep) 98%,var(--bg));
  box-shadow:0 20px 45px rgba(0,0,0,.5);
}

.mobile-site .main-nav.open{display:grid!important}
body.mobile-site:has(.main-nav.open){overflow:hidden}
.mobile-site .nav-dropdown{width:100%;border:1px solid var(--border);border-radius:13px;background:var(--panel)}
.mobile-site .nav-dropdown>summary{
  min-height:48px;
  padding:10px 13px;
  border:0;
  border-radius:12px;
  font-size:.92rem;
}
.mobile-site .nav-dropdown>summary::after{content:"+";margin-left:auto;color:var(--muted);font-size:1.2rem}
.mobile-site .nav-dropdown[open]>summary::after{content:"−"}
.mobile-site .nav-dropdown-menu{
  position:static;
  min-width:0;
  margin:0;
  padding:0 7px 7px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mobile-site .nav-dropdown-menu a,.mobile-site .nav-dropdown-menu button{min-height:46px;padding:10px 12px;font-size:.9rem}

.mobile-site .account-menu{margin:0}
.mobile-site .account-button{
  width:42px;
  height:42px;
  min-height:42px;
  padding:4px;
  overflow:hidden;
  border-radius:50%;
  font-size:0;
}
.mobile-site .account-button .account-avatar{width:30px;height:30px;flex:0 0 30px}
.mobile-site .account-popover{
  position:fixed;
  z-index:2200!important;
  top:calc(var(--header-height) + 6px);
  right:auto;
  left:50%;
  width:min(calc(100vw - 16px),var(--mobile-shell-max));
  max-height:calc(100dvh - var(--mobile-top-height) - var(--mobile-tab-height) - 20px);
  padding:8px;
  overflow:auto;
  border-radius:14px;
  transform:translateX(-50%);
}
.mobile-site .account-popover a,.mobile-site .account-popover button{min-height:46px;display:flex;align-items:center;padding:10px 12px}
.mobile-site .mobile-site-switch{color:var(--accent)}
body.mobile-site[data-authenticated="0"] .account-button{
  width:auto;
  min-width:62px;
  height:40px;
  min-height:40px;
  padding:6px 9px;
  border-radius:11px;
  font-size:.7rem;
}

body.mobile-site .site-content{
  width:100%;
  max-width:var(--mobile-shell-max)!important;
  min-height:calc(100dvh - var(--header-height) - var(--mobile-tab-height) - env(safe-area-inset-bottom));
  margin-inline:auto!important;
  padding-bottom:calc(var(--mobile-tab-height) + env(safe-area-inset-bottom) + 8px);
}

.mobile-tab-bar{
  position:fixed;
  z-index:1750;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  height:calc(var(--mobile-tab-height) + env(safe-area-inset-bottom));
  padding:5px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left));
  border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  background:color-mix(in srgb,var(--bg-deep) 95%,transparent);
  box-shadow:0 -8px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(1.15);
}
.mobile-tab-bar>a{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  min-width:0;
  min-height:52px;
  border-radius:11px;
  color:var(--muted);
  font-size:.64rem;
  font-weight:800;
}
.mobile-tab-bar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-tab-bar>a[aria-current="page"]{background:var(--accent-faint);color:var(--accent)}
.mobile-tab-bar>a[aria-current="page"]::before{content:"";position:absolute;top:2px;width:20px;height:2px;border-radius:3px;background:var(--accent)}

.mobile-site .site-footer{
  width:100%;
  max-width:var(--mobile-shell-max);
  margin-inline:auto;
  padding:16px 12px calc(var(--mobile-tab-height) + env(safe-area-inset-bottom) + 16px);
  flex-direction:column;
  gap:10px;
  font-size:.72rem;
}
.mobile-site .site-footer nav{display:flex;gap:14px;flex-wrap:wrap}

/* Shared content arranged as a mobile-first, single-flow document */
.mobile-site :where(.page,.content-shell,.home-shell,.wide-page,.deck-editor-shell,.card-browser-shell.browse-catalog){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:var(--mobile-edge)!important;
  gap:var(--ect-section-gap)!important;
}

.mobile-site .panel{border-radius:13px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
body.mobile-site .page-heading,
body.mobile-site .page-heading.compact-heading,
body.mobile-site .page-heading.deck-directory-heading,
body.mobile-site .operations-heading.page-heading.deck-directory-heading{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:8px!important;
  min-height:0!important;
  margin:0!important;
  padding:11px 12px!important;
  border-radius:13px!important;
}
.mobile-site .page-heading h1{font-size:1.65rem!important;line-height:1.08}
.mobile-site .page-heading p{font-size:.84rem;line-height:1.4}
.mobile-site .page-heading :where(.heading-actions,.editor-heading-actions){width:100%;justify-content:stretch}
.mobile-site .page-heading :where(.heading-actions,.editor-heading-actions) :where(.btn,button,a){width:100%!important}
body.mobile-site .page-heading>:is(.btn,.button,button,a.btn){
  grid-column:1/-1!important;
  justify-self:stretch!important;
  width:100%!important;
}
body.mobile-site .page-heading .heading-copy{grid-column:1!important;max-width:100%!important;min-width:0}

/* Page-specific desktop grids use high-specificity !important declarations.
   Re-state the intended mobile structure instead of relying on viewport media
   queries, because the mobile host is also used by larger tablets. */
body.mobile-site.card-browser-page .site-content{width:100%!important;max-width:var(--mobile-shell-max)!important}
body.mobile-site .card-browser-shell.browse-catalog>.card-browser-heading{
  grid-template-columns:1fr!important;
  align-items:stretch!important;
}
body.mobile-site .card-browser-heading .heading-copy{min-width:0!important}
body.mobile-site .card-browser-context-controls,
body.mobile-site .card-browser-context-controls:has(.deck-leader-clear:not([hidden])){
  grid-column:1!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
}
body.mobile-site .card-browser-context-controls input[type="search"],
body.mobile-site .deck-context-trigger{
  height:52px!important;
  min-height:52px!important;
}
body.mobile-site .card-browser-context-controls .deck-leader-clear{
  grid-column:1!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
}

body.mobile-site .deck-detail-shell>.page-heading.public-deck-heading{
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
}
body.mobile-site .deck-detail-shell>.page-heading.public-deck-heading>.public-leader-heading-button{grid-column:1!important}
body.mobile-site .deck-detail-shell>.page-heading.public-deck-heading>.heading-copy.public-deck-heading-copy{grid-column:2!important}
body.mobile-site .deck-detail-shell>.page-heading.public-deck-heading>.heading-actions.public-deck-heading-actions{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
}
body.mobile-site .public-deck-heading-copy h1{
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere;
  text-overflow:clip!important;
  font-size:clamp(1.45rem,6vw,1.9rem)!important;
}
body.mobile-site .editor-deck-heading{
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
}
body.mobile-site .editor-deck-heading .editor-heading-actions{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.mobile-site .editor-deck-identity h1{white-space:normal!important;overflow-wrap:anywhere}

.mobile-site :where(.feature-grid,.policy-grid,.metric-grid,.format-overview,.organization-grid,.admin-security-grid,.profile-form-grid,.definition-grid,.admin-action-grid,.announcement-schedule-grid){
  grid-template-columns:1fr!important;
}
.mobile-site .rule-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.mobile-site .rule-metrics div{padding:10px 6px}
.mobile-site .rule-metrics dt{font-size:1.45rem}
.mobile-site .hero-panel{
  min-height:0;
  grid-template-columns:1fr;
  gap:16px;
  padding:20px 15px;
  border-radius:15px;
}
.mobile-site .hero-copy h1{max-width:none;font-size:2rem}
.mobile-site .hero-lede{font-size:.96rem}
.mobile-site .hero-actions{display:grid;grid-template-columns:1fr;margin-top:16px}
.mobile-site .hero-actions .btn{width:100%}
.mobile-site .hero-sigil{display:none}
.mobile-site .status-strip{align-items:flex-start;flex-direction:column;padding:11px}
.mobile-site .split-heading{align-items:stretch;flex-direction:column;gap:9px}
.mobile-site .split-heading>.btn,.mobile-site .split-heading>.heading-actions{width:100%}

.mobile-site :where(.workspace-tabs,.rules-subheader,.rules-index,.section-jump-nav,.profile-tabs,.policy-tabs,.connection-tabs,.library-tabs){
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:5px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.mobile-site :where(.workspace-tabs,.rules-subheader,.rules-index,.section-jump-nav,.profile-tabs,.policy-tabs,.connection-tabs,.library-tabs)::-webkit-scrollbar{display:none}
.mobile-site :where(.workspace-tabs,.rules-subheader,.rules-index,.section-jump-nav,.profile-tabs,.policy-tabs,.connection-tabs,.library-tabs)>*{flex:0 0 auto;scroll-snap-align:start}
.mobile-site .rules-layout{display:grid;grid-template-columns:1fr!important;gap:10px}
.mobile-site .rules-index{position:relative!important;top:auto!important}
.mobile-site .rule-section{scroll-margin-top:calc(var(--header-height) + 8px)}

/* Search and browse */
.mobile-site :where(.search-input-row,.browser-search-primary .search-input-row){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.mobile-site .search-input-row>.btn{min-width:72px;padding-inline:10px}
.mobile-site :where(.filter-grid,.browser-filter-grid,.deck-filter-grid,.deck-directory-toolbar,.brewer-search-form.deck-directory-toolbar){grid-template-columns:1fr!important}
.mobile-site .browser-search-panel{padding:9px!important}
.mobile-site .browser-filter-drawer>summary{min-height:44px}
.mobile-site .browser-filter-grid .multi-combo{z-index:auto!important}
.mobile-site .browser-filter-grid .filter-field:has(>.multi-combo[open]){
  position:relative!important;
  z-index:1600!important;
}
.mobile-site .browser-filter-grid .multi-combo[open]{position:relative!important;z-index:1601!important}
.mobile-site .browser-filter-grid .multi-combo[open]>.multi-combo-panel{z-index:1602!important}
.mobile-site .gallery-toolbar{position:sticky;top:var(--header-height);z-index:35;align-items:flex-start;flex-direction:column;padding:8px 10px}
.mobile-site .gallery-toolbar>*{max-width:100%}
.mobile-site .browser-gallery-shell .card-gallery,.mobile-site .card-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:7px!important;
}
.mobile-site .browser-gallery-shell .card-gallery[data-card-size="large"]{grid-template-columns:1fr!important}
.mobile-site .browser-gallery-shell .card-gallery[data-card-size="small"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mobile-site .card-tile{min-width:0;border-radius:10px}
.mobile-site .card-meta{padding:7px}
.mobile-site .card-meta h2{font-size:.76rem}
.mobile-site .card-meta p,.mobile-site .mana-line{font-size:.62rem}
.mobile-site .card-add-controls{grid-template-columns:1fr!important;padding:5px}
.mobile-site .card-add-controls .zone-leader{grid-column:auto}
.mobile-site .card-add-controls button{min-height:38px}
.mobile-site .pagination{justify-content:center!important;overflow-x:auto;flex-wrap:nowrap!important}

/* Deck directories, profiles, and management */
.mobile-site :where(.deck-directory-grid,.deck-result-grid,.deck-grid,.brewer-grid,.deck-library-grid,[data-deck-library-app] .library-group-decks){grid-template-columns:1fr!important}
.mobile-site .deck-result-card.deck-index-card{grid-template-columns:minmax(0,1fr) auto!important}
.mobile-site .deck-result-card.deck-index-card .deck-view-card-body{width:100%;min-width:0}
.mobile-site .deck-result-card.deck-index-card .deck-view-card-detail{grid-template-columns:68px minmax(0,1fr)!important}
.mobile-site .deck-result-card.deck-index-card .deck-view-card-art{width:68px}
.mobile-site .deck-result-card.deck-index-card .deck-view-card-title-row{align-items:flex-start;flex-wrap:wrap}
.mobile-site .library-deck-card{grid-template-columns:68px minmax(0,1fr)}
.mobile-site .library-deck-art{width:68px}
.mobile-site .profile-header{align-items:stretch;flex-direction:column}
.mobile-site .profile-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mobile-site .area-subgroup-header,.mobile-site .pet-card-section-header{align-items:stretch;flex-direction:column}
.mobile-site .area-subgroup-header .heading-actions,.mobile-site .pet-card-section-actions{display:grid;grid-template-columns:1fr;width:100%}
.mobile-site .management-inline-fields{grid-template-columns:1fr!important}

/* Deck editor and deck viewer */
.mobile-site .deck-editor-shell{min-height:0}
.mobile-site .deck-editor-page .workspace-tabs{
  position:sticky!important;
  top:var(--header-height)!important;
  z-index:55;
  margin:0;
  border:1px solid var(--border);
  border-radius:12px!important;
  background:color-mix(in srgb,var(--panel) 97%,transparent);
}
.mobile-site :where(.editor-workspace-layout,.editor-workspace-layout.has-utility-panel,.editor-workspace-layout[data-side-position="left"].has-utility-panel,.public-workspace-layout,.public-workspace-layout.has-utility-panel,.deck-view-layout){
  grid-template-columns:minmax(0,1fr)!important;
}
.mobile-site :where(.editor-utility-panel,.public-utility-panel,.library-utility-panel){
  min-height:0!important;
  max-height:none!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
}
.mobile-site .editor-utility-header{position:relative;top:auto}
.mobile-site .deck-editor-page .workspace-main-panel{padding:7px}
.mobile-site .editor-cardlist-toolbar{grid-template-columns:1fr!important}
.mobile-site .editor-cardlist-actions{grid-template-columns:1fr 1fr!important;width:100%}
.mobile-site .editor-list-header{display:none}
.mobile-site .editor-entry-row{
  grid-template-columns:minmax(0,1fr) 78px 42px 38px!important;
  gap:5px!important;
  padding:7px!important;
}
.mobile-site .editor-entry-row .editor-mana-field{display:none}
.mobile-site .editor-entry-row :where(input,select,button){min-height:42px}
.mobile-site .editor-deck-rows[data-view="image"]{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:7px}
.mobile-site .editor-deck-rows[data-view="image"] .editor-entry-row{width:100%;grid-template-columns:minmax(0,1fr) 42px 38px 38px!important}
.mobile-site .revision-changes,.mobile-site .stats-metric-grid{grid-template-columns:1fr!important}
.mobile-site .deck-view-controls{position:relative;top:auto;grid-template-columns:1fr!important}
.mobile-site .deck-view-topbar{align-items:stretch;flex-direction:column}

/* Mobile sheets replace centered desktop dialogs */
.mobile-site :where(dialog,.card-dialog,.policy-modal,.deck-card-dialog,.create-deck-dialog,.ruleset-activation-dialog){
  position:fixed!important;
  inset:auto 0 0!important;
  width:100%!important;
  max-width:none!important;
  max-height:min(92dvh,900px)!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  border-width:1px 0 0!important;
  border-radius:18px 18px 0 0!important;
  transform:none!important;
}
.mobile-site :where(dialog,.card-dialog,.policy-modal,.deck-card-dialog,.create-deck-dialog,.ruleset-activation-dialog)::backdrop{background:rgba(2,5,8,.74);backdrop-filter:blur(3px)}
.mobile-site :where(.card-detail,.card-detail-enhanced,.policy-modal-body){grid-template-columns:1fr!important;padding:12px!important}
.mobile-site .card-detail-image img,.mobile-site .policy-modal-image img{width:min(100%,300px);margin-inline:auto}
.mobile-site .card-detail-copy{padding:0}
.mobile-site .dialog-close{position:sticky;top:7px;margin-left:auto}
.mobile-site .create-deck-form{max-height:90dvh;padding:12px;overflow:auto}
.mobile-site :where(.create-deck-primary-grid,.create-advanced-fields){grid-template-columns:1fr!important}
.mobile-site .create-visibility-actions{align-items:stretch;flex-direction:column}
.mobile-site .create-deck-submit{width:100%!important}

/* Tables stay usable without forcing the entire document wider than the phone. */
.mobile-site .table-wrap{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  border-radius:11px;
}
.mobile-site table{min-width:620px;font-size:.78rem}
.mobile-site th,.mobile-site td{padding:8px}
.mobile-site .operations-shell .inline-admin-form{display:grid;grid-template-columns:1fr;width:100%}
.mobile-site .operations-shell .inline-admin-form>*{width:100%}

@media (min-width:640px){
  :root{--mobile-edge:14px;--ect-panel-padding:14px}
  .mobile-site .feature-grid,.mobile-site .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-site .browser-gallery-shell .card-gallery,.mobile-site .card-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mobile-site .browser-gallery-shell .card-gallery[data-card-size="large"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-site .browser-gallery-shell .card-gallery[data-card-size="small"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mobile-site .deck-result-grid,.mobile-site .brewer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-site .editor-deck-rows[data-view="image"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:360px){
  :root{--mobile-edge:7px;--ect-panel-padding:9px}
  .mobile-site .brand-wordmark small{display:none}
  .mobile-site .mobile-nav-toggle{min-width:48px;padding-inline:8px}
  .mobile-tab-bar>a{font-size:.58rem}
  .mobile-tab-bar svg{width:19px;height:19px}
  .mobile-site .browser-gallery-shell .card-gallery[data-card-size="small"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-site .editor-cardlist-actions{grid-template-columns:1fr!important}
  .mobile-site .editor-entry-row{grid-template-columns:minmax(0,1fr) 68px 38px 36px!important}
}

@media (orientation:landscape) and (max-height:540px){
  :root{--mobile-tab-height:54px;--mobile-top-height:50px}
  .mobile-tab-bar>a{grid-template-columns:auto auto;gap:5px;min-height:44px}
  .mobile-tab-bar svg{width:18px;height:18px}
  .mobile-site .hero-panel{grid-template-columns:1fr auto}
  .mobile-site .hero-sigil{display:grid;width:150px}
}

@media (prefers-reduced-motion:reduce){
  .mobile-site *{scroll-behavior:auto!important}
}