/* YapAIgibi signed source | Copyright (c) 2026 YapAIgibi | Key: 1F:D5:E8:BB:CD:BE:57:87:4F:3E:C4:F4:6D:63:05:4A:7B:11:D8:62:67:DD:C9:D7:9E:84:18:77:AA:70:B9:A0 | Verify: manifest.sig */
/* YapAIgibi v12.6.0-beta.61 - Mobile responsive layer */
html,body{max-width:100%;overflow-x:hidden}
img,video,svg,canvas{max-width:100%}
.workspace,.page,.card,section,article{min-width:0}
.mobile-nav-backdrop{display:none}

@media(max-width:850px){
  html{scroll-padding-top:72px}
  body.menu-open{overflow:hidden;touch-action:none}
  .app-shell{display:block;min-height:100dvh}
  .workspace{width:100%;min-width:0}
  .sidebar{left:0!important;top:0;width:min(84vw,320px)!important;max-width:320px;height:100dvh;transform:translateX(-104%);transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:18px 0 50px rgba(7,28,22,.2);z-index:1002}
  .menu-open .sidebar{transform:translateX(0)}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(6,22,18,.46);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
  .menu-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .sidebar .brand{height:auto;min-height:72px;padding:13px 15px;padding-top:max(13px,env(safe-area-inset-top))}
  .side-scroll{padding-bottom:calc(96px + env(safe-area-inset-bottom));overscroll-behavior:contain}
  .side-user{padding-bottom:max(13px,calc(8px + env(safe-area-inset-bottom)))}
  .nav-item,.nav-cluster>summary{min-height:44px}

  .topbar{height:auto;min-height:60px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));gap:6px;z-index:900}
  .mobile-menu{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;color:var(--text);cursor:pointer}
  .mobile-menu:active{background:var(--surface2)}
  .crumb{min-width:0;max-width:28vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
  .top-search{display:none!important}
  .inline-action-form{margin-left:auto}
  .topbar .icon-btn{width:38px;height:38px;flex:0 0 38px}
  .topbar .compose-btn{height:38px;min-width:38px}
  .live-engine-chip{min-width:0!important;max-width:92px;padding:6px 8px!important}
  .live-engine-chip .live-chip-copy em,.live-engine-chip .live-chip-chevron,.live-engine-chip .live-sync-clock-hidden{display:none!important}
  .live-engine-chip .live-chip-copy small{font-size:9px!important}
  .top-user-link{display:none}
  .notification-popover{position:fixed!important;left:10px!important;right:10px!important;top:calc(62px + env(safe-area-inset-top))!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 78px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}

  .page{width:100%;max-width:none!important;padding:16px 14px calc(34px + env(safe-area-inset-bottom))!important}
  .technical-ui .page{padding:16px 14px calc(34px + env(safe-area-inset-bottom))!important}
  .page-title,.technical-ui .page-title{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin-bottom:15px}
  .page-title>*,.technical-ui .page-title>*{max-width:100%}
  .page-title h1,.technical-ui .page-title h1{font-size:clamp(23px,7vw,30px)!important;line-height:1.08}
  .page-title p,.technical-ui .page-title p{line-height:1.5}
  .range-tabs,.dash-segment,.v10-range-pills,.calendar-modal-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .range-tabs::-webkit-scrollbar,.dash-segment::-webkit-scrollbar,.v10-range-pills::-webkit-scrollbar,.calendar-modal-tabs::-webkit-scrollbar{display:none}
  .range-tabs>*{flex:0 0 auto}

  .card,.platform-card,.kpi,.technical-ui .card{border-radius:15px!important;padding:14px!important}
  .card-title,.section-title,.technical-ui .section-title,.aud-head,.leaderboard-head-v1227,.intel-radar-head-v17{align-items:flex-start!important;flex-wrap:wrap;gap:9px}
  .card-title .spacer{display:none}
  .card-title>a,.section-title>a{margin-left:0}

  /* Core layouts */
  .hero-grid,.dashboard-grid,.compose-layout,.content-detail-grid,.v97-two,.license-console-hero,.intel-command-grid-v17,
  .analytics-grid-v14,.analytics-next-v14,.detail-bottom-grid,.detail-recovery-grid,.compare-score-grid,.compare-select-grid,
  .aud-grid,.audience-grid,.health-grid,.goals-grid,.report-grid,.export-grid,.commercial-grid,.platform-manager-grid,
  .settings-v6-grid,.settings-main-grid,.settings-grid,.backup-grid,.error-grid,.ads-grid,.mon-grid{grid-template-columns:1fr!important}
  .platform-cards,.post-grid,.kpi-grid,.metric-strip,.info-grid,.technical-ui .info-grid,.content-intel-strip,.dash-today-grid,
  .v97-kpis,.v97-revenue-grid,.analytics-insight-grid-v14,.smart-focus-grid-v14,.smart-action-grid-v14,.system-tool-grid-v14,
  .report-kpi-grid-v14,.intel-overview-v17,.settings-command-nav,.system-tool-grid-v14.compact,.tenant-checklist,.tenant-sql-classification,
  .release-qa-kpis,.period-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .platform-select{grid-template-columns:1fr!important}

  .hero{min-height:0;padding:17px!important}.hero h2{font-size:20px}.hero-kpis{gap:13px;margin-top:18px}.hero-kpis strong{font-size:21px}
  .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pc-stat{padding:8px 7px}
  .chart-wrap,.lifecycle-chart-wrap,.detail-history-chart{height:230px!important;min-height:210px}
  .canvas-wrap,.dash-primary-canvas,.v10-live-canvas{min-width:0;max-width:100%;overflow:hidden}
  canvas{width:100%!important}

  /* Content/detail/compare */
  .content-detail-hero,.detail-v109{grid-template-columns:1fr!important;padding:14px!important;gap:14px!important}
  .content-detail-media{height:auto!important;min-height:190px;aspect-ratio:16/9}
  .content-detail-kpis,.detail-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content-detail-score{grid-column:auto!important}
  .detail-signal-list article{grid-template-columns:9px minmax(0,1fr)!important}.detail-signal-list em{grid-column:2}
  .compare-selector-intro{flex-direction:column}.compare-selector-badge{align-self:flex-start}
  .compare-submit-btn{width:100%}

  /* Forms and actions */
  input,select,textarea,button{max-width:100%}
  .field input,.field select,.field textarea,.technical-ui .field input,.technical-ui .field select,.technical-ui .field textarea{font-size:16px;min-height:44px}
  .action-row,.readiness-actions,.intel-title-actions-v17,.system-context-bar,.license-console-state .license-state-top,.v97-cal-head{flex-wrap:wrap}
  .action-row>*{flex:1 1 140px}
  .primary,.secondary,.technical-ui .primary,.technical-ui .secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
  form[style*="display:flex"]{flex-wrap:wrap!important}
  form[style*="display:flex"] input{min-width:0}

  /* Tables: preserve every column with touch horizontal scrolling. */
  table,.data-table,.technical-ui table,.tenant-table{display:block;width:100%!important;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;white-space:nowrap}
  table thead,table tbody,table tfoot{width:max-content;min-width:100%}
  .tenant-table-wrap{max-width:100%;overflow:auto}
  .release-qa-table,.readiness-table{max-width:100%;overflow:hidden}

  /* Calendar stays usable by horizontal swipe instead of crushing seven columns. */
  .v97-calendar-card{overflow-x:auto;overflow-y:hidden}
  .v97-weekdays,.v97-calendar-grid{grid-template-columns:repeat(7,minmax(88px,1fr))!important;min-width:616px}
  .v97-weekdays{overflow:hidden}
  .v97-calendar-grid{overflow:visible}
  .v97-calendar-card .calendar-mobile-scroll{overflow-x:auto}
  .v97-day{min-height:92px!important}
  .calendar-modal{padding:0!important;align-items:flex-end!important}
  .calendar-modal-panel,.calendar-modal-panel.modern{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:20px 20px 0 0!important;border-bottom:0!important}
  .calendar-modal-panel>header,.calendar-modal-header{padding:15px!important}
  .calendar-modal-toolbar{padding:10px 12px!important;align-items:stretch!important;flex-direction:column}
  .calendar-modal-search{width:100%!important}
  .calendar-modal-list{max-height:calc(92dvh - 150px)!important;padding:10px!important}
  .calendar-modal-item{grid-template-columns:60px minmax(0,1fr)!important}.calendar-modal-stats{grid-column:2;text-align:left!important}

  /* Modals/popovers */
  [class*="modal"]{max-width:100vw}
  .vc2-modal.vc3-modal{padding:0!important;align-items:flex-end!important}
  .vc2-modal.vc3-modal .vc3-dialog{height:94dvh!important;border-radius:20px 20px 0 0!important}
  .live-status-popover{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;width:auto!important;max-width:none!important}

  /* Technical / security */
  .technical-ui .system-context-bar{align-items:flex-start;flex-direction:column}
  .tenant-hero,.tenant-security-hero,.release-qa-hero{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;padding:16px!important}
  .release-qa-score{display:block!important;text-align:left!important}
  .release-qa-row,.release-qa-row.stale-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .release-qa-row.head{display:none}
  .release-qa-row>span{display:none}

  /* Media / list rows */
  .v97-source-list article{grid-template-columns:auto minmax(0,1fr)!important}.v97-follow-gain{grid-column:2;text-align:left!important}
  .v97-revenue-bars>div{grid-template-columns:1fr!important}.v97-revenue-bars>div>strong{text-align:left!important}
  .aud-row{grid-template-columns:minmax(70px,.8fr) minmax(100px,1.6fr) auto!important;gap:7px!important}
  .performance-card-v1227{grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important}.performance-metrics-v1227,.performance-action-v1227{grid-column:2}
  .leaderboard-head-v1227{flex-direction:column}.leaderboard-action-v1227{width:100%;justify-content:center}
}

@media(max-width:560px){
  .page,.technical-ui .page{padding-left:10px!important;padding-right:10px!important}
  .topbar{padding-left:7px;padding-right:7px}
  .crumb{max-width:22vw;font-size:10px}
  .live-engine-chip{max-width:68px;padding:5px 6px!important}.live-engine-chip .live-chip-copy small{font-size:8px!important}
  .topbar .compose-btn{font-size:0!important;width:38px!important;padding:0!important;justify-content:center}
  .card,.platform-card,.kpi,.technical-ui .card{padding:12px!important;border-radius:14px!important}
  .platform-cards,.post-grid,.kpi-grid,.metric-strip,.info-grid,.technical-ui .info-grid,.content-intel-strip,.dash-today-grid,
  .v97-kpis,.v97-revenue-grid,.analytics-insight-grid-v14,.smart-focus-grid-v14,.smart-action-grid-v14,.system-tool-grid-v14,
  .report-kpi-grid-v14,.intel-overview-v17,.settings-command-nav,.system-tool-grid-v14.compact,.tenant-checklist,.tenant-sql-classification,
  .release-qa-kpis,.period-engine-grid{grid-template-columns:1fr!important}
  .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .content-detail-kpis,.detail-kpi-grid{grid-template-columns:1fr 1fr!important}
  .lifecycle-points{grid-template-columns:repeat(2,1fr)!important}
  .dash-custom-range{grid-template-columns:1fr!important}.dash-custom-range button{grid-column:auto!important}
  .notification-popover{left:6px!important;right:6px!important}
  .notification-popover-head{gap:8px}.notification-popover-head button{font-size:9px}
  .chart-wrap,.lifecycle-chart-wrap,.detail-history-chart{height:210px!important}
  .v97-weekdays,.v97-calendar-grid{grid-template-columns:repeat(7,minmax(82px,1fr))!important;min-width:574px}
  .performance-card-v1227{grid-template-columns:76px minmax(0,1fr)!important;padding:10px!important}.performance-media-v1227{grid-template-columns:52px 1fr!important}.performance-thumb-v1227{width:52px!important;height:52px!important}
  .aud-row{grid-template-columns:72px minmax(90px,1fr) auto!important}
}

@media(max-width:390px){
  .crumb{display:none}
  .topbar{gap:4px}
  .topbar .icon-btn,.topbar .compose-btn,.mobile-menu{width:36px;height:36px;flex-basis:36px}
  .live-engine-chip{max-width:62px}
  .pc-stats{grid-template-columns:1fr!important}
  .content-detail-kpis,.detail-kpi-grid{grid-template-columns:1fr!important}
}

@media(pointer:coarse){
  a,button,input[type=checkbox],input[type=radio],summary,select{touch-action:manipulation}
  .nav-item,.nav-cluster>summary,.primary,.secondary,.icon-btn,.compose-btn{min-height:44px}
}

/* Phone fail-safe: any custom multi-column module that did not declare its own
   breakpoint becomes a vertical flow instead of overflowing the viewport. */
@media(max-width:560px){
  .mobile-stack-grid,.mobile-stack{grid-template-columns:1fr!important}
  [class*="layout"]{max-width:100%;min-width:0}
  [class*="row"]{max-width:100%;min-width:0}
  .v97-weekdays,.v97-calendar-grid{grid-template-columns:repeat(7,minmax(82px,1fr))!important}
  .pc-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .content-detail-kpis,.detail-kpi-grid{grid-template-columns:1fr 1fr!important}
  .lifecycle-points{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:390px){
  .pc-stats,.content-detail-kpis,.detail-kpi-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  [class*="layout"]{grid-template-columns:1fr!important}
  .settings-layout,.appearance-layout,.onboarding-main,.platform-detail-grid,.dashboard-pro-grid,.executive-grid,.engagement-grid-v65,.report-main-grid,
  .compare-hero-grid,.compare-visual-grid,.bg-sync-layout,.live-account-grid,.truth-grid,.period-grid,.period-history-grid{grid-template-columns:1fr!important}
}

/* beta.76 nested sidebar */
@media(max-width:850px){
  .nav-root-v76 .nav-subcluster>summary{min-height:44px;padding:9px 10px}
  .nav-root-v76 .nav-subcluster>.nav-cluster-children{padding-left:14px}
  .nav-root-v76 .nav-depth-2.nav-item{min-height:44px;padding:9px 10px}
}

/* ===== beta.77 mobile navigation & overflow polish ===== */
@media(max-width:850px){
  .sidebar{width:min(88vw,336px)!important;max-width:336px!important}
  .sidebar .brand-copy{min-width:0}
  .side-scroll{padding:10px 10px calc(94px + env(safe-area-inset-bottom));scrollbar-gutter:auto}
  .nav-root-v76{gap:5px}
  .nav-root-v76>.nav-cluster>summary{min-height:46px!important;padding:10px 11px!important;font-size:12.5px!important;border-radius:11px}
  .nav-root-v76>.nav-cluster>.nav-cluster-children{padding-left:10px;margin-left:8px}
  .nav-root-v76 .nav-subcluster>summary{min-height:42px!important;padding:9px 9px!important;line-height:1.25}
  .nav-root-v76 .nav-subcluster>.nav-cluster-children{padding-left:10px!important;margin-left:7px}
  .nav-root-v76 .nav-depth-2.nav-item{min-height:42px!important;padding:9px 9px!important;line-height:1.25;font-size:11.75px!important}
  .nav-root-v76 .nav-depth-2.nav-item,.nav-subcluster>summary span{white-space:normal;overflow-wrap:anywhere}
  .topbar{min-width:0;overflow:visible}
  .top-search{min-width:0}
  .page{max-width:100vw;overflow-x:clip}
  .timing-heatmap-wrap{margin-inline:0!important;border-radius:10px}
  .timing-heatmap{min-width:850px;grid-template-columns:86px repeat(24,29px);gap:4px}
  .timing-cell{height:29px}
}
@media(max-width:560px){
  .sidebar{width:min(91vw,332px)!important}
  .timing-summary-grid{gap:10px}
  .timing-summary-card{padding:14px}
  .timing-summary-card strong{font-size:21px}
  .timing-heatmap{min-width:808px;grid-template-columns:82px repeat(24,28px)}
  .timing-ranking{gap:8px}
  .range-tabs{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .range-tabs::-webkit-scrollbar{display:none}
}

/* ===== beta.96 full responsive + theme hardening ===== */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
.page>*{min-width:0}
.card,.pro-card,article,section,form,fieldset{min-width:0}
.card-title,.section-title,.page-title,.source-board-head{min-width:0}
.card-title>*,.section-title>*,.page-title>*{min-width:0}
h1,h2,h3,h4,p,strong,small,span,label,a,button{overflow-wrap:break-word}
input,select,textarea,button{max-width:100%}
pre,code{max-width:100%;overflow:auto}
.table-wrap,.data-table-wrap,.readiness-table,.live-verify-table-wrap,[class*="table-wrap"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}

/* Consistent dark surfaces for modules introduced after the base theme. */
html[data-theme=dark] .dashboard-period-card,
html[data-theme=dark] .dash-platform-breakdown-card,
html[data-theme=dark] .trend-card,
html[data-theme=dark] .audience-overview-card,
html[data-theme=dark] .audience-source-board,
html[data-theme=dark] .audience-source-card,
html[data-theme=dark] .audience-onboarding-panel,
html[data-theme=dark] .onboarding-main,
html[data-theme=dark] .setup-step,
html[data-theme=dark] .audience-highlight-card,
html[data-theme=dark] .country-card-v2,
html[data-theme=dark] .subscription-item,
html[data-theme=dark] .coverage-grid-v2>div,
html[data-theme=dark] .compare-video-card,
html[data-theme=dark] .vc3-picker,
html[data-theme=dark] .vc2-dialog,
html[data-theme=dark] .bg-sync-card,
html[data-theme=dark] .live-verify-card{background:#12171d!important;border-color:#29323d!important;color:#f2f5f7!important}
html[data-theme=dark] .audience-source-card.active,
html[data-theme=dark] .source-brand,
html[data-theme=dark] .country-number,
html[data-theme=dark] .country-progress,
html[data-theme=dark] .subscription-item,
html[data-theme=dark] .setup-step{background:#171d24!important;border-color:#303a46!important}
html[data-theme=dark] .audience-pro-header h1,
html[data-theme=dark] .audience-overview-card strong,
html[data-theme=dark] .source-board-head h2,
html[data-theme=dark] .audience-onboarding-panel h2{color:#f2f5f7!important}
html[data-theme=dark] .audience-pro-header p,
html[data-theme=dark] .audience-overview-card span,
html[data-theme=dark] .audience-overview-card small,
html[data-theme=dark] .audience-source-card p,
html[data-theme=dark] .setup-step span{color:#9aa6b2!important}

@media(max-width:1100px){
  .page{padding-left:16px!important;padding-right:16px!important}
  .dashboard-period-grid,.dashboard-kpi-grid,.dash-kpi-grid,.overview-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .compare-hero-grid,.compare-score-grid,.report-main-grid,.executive-grid,.engagement-grid-v65{grid-template-columns:1fr!important}
}
@media(max-width:850px){
  .workspace{width:100%;min-width:0}
  .topbar{padding:0 10px!important}
  .page{padding:14px 12px 28px!important;width:100%;max-width:100vw}
  .page-title{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .page-title>div,.page-title p{max-width:100%!important}
  .page-title h1{font-size:clamp(24px,7vw,30px)!important;line-height:1.12}
  .page-title .actions,.page-title-actions,.audience-pro-actions,.readiness-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}
  .page-title .actions>a,.page-title .actions>button,.page-title-actions>a,.page-title-actions>button,.audience-pro-actions>a,.readiness-actions>a{flex:1 1 150px;justify-content:center}
  .top-search{display:none!important}
  .top-user-link{flex:0 0 auto}
  .compose-btn{white-space:nowrap}
  .card,.pro-card{padding:14px!important;border-radius:14px!important}
  .card-title,.section-title{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px}
  .card-title .spacer,.section-title .spacer{display:none}
  .filter-pills,.range-tabs,.period-tabs,.platform-tabs,.vc2-filters{max-width:100%;overflow-x:auto;display:flex;flex-wrap:nowrap!important;white-space:nowrap;scrollbar-width:none;padding-bottom:2px}
  .filter-pills::-webkit-scrollbar,.range-tabs::-webkit-scrollbar,.period-tabs::-webkit-scrollbar,.platform-tabs::-webkit-scrollbar,.vc2-filters::-webkit-scrollbar{display:none}
  .notification-popover{position:fixed!important;top:60px!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(100dvh - 76px);overflow:auto}
  .modal,.dialog,[role=dialog],.vc2-dialog{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:10px!important}
}
@media(max-width:640px){
  .dashboard-period-grid,.dashboard-kpi-grid,.dash-kpi-grid,.overview-grid,.summary-grid,.audience-overview-row,.audience-source-grid,.audience-highlight-grid,.coverage-grid-v2,.subscription-bars-v2,.settings-summary-grid,.platform-grid,.health-grid,.readiness-summary-grid{grid-template-columns:1fr!important}
  .page{padding:12px 10px 24px!important}
  .card,.pro-card{padding:12px!important}
  .card-title h2,.section-title h2{font-size:16px!important;line-height:1.25}
  .eyebrow{font-size:9px!important;letter-spacing:.06em}
  .topbar .compose-btn{font-size:0;width:40px!important;padding:0!important;justify-content:center}
  .topbar .compose-btn svg{margin:0!important}
  .topbar{gap:6px!important}
  .chart-wrap,.canvas-wrap,.audience-canvas.tall,.lifecycle-chart-wrap,.detail-history-chart{height:230px!important;min-height:230px!important}
  .v10-live-layout,.dash-live-layout,.platform-detail-grid,.settings-layout,.appearance-layout,.bg-sync-layout,.truth-grid,.period-grid,.period-history-grid{grid-template-columns:1fr!important}
  .v10-live-stats,.dash-live-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v10-live-stats>*,.dash-live-stats>*{min-width:0}
  .form-grid,.settings-form-grid,.compose-grid,.date-grid{grid-template-columns:1fr!important}
  .field{min-width:0}.field input,.field select,.field textarea{width:100%!important}
  .actions,.form-actions,.settings-form-foot{flex-wrap:wrap!important}.actions>*,.form-actions>*{max-width:100%}
  .vc3-action-row,.vc3-selected,.compare-page-title{flex-direction:column!important;align-items:stretch!important}
  .compare-center-vs{margin:0 auto}
}
@media(max-width:390px){
  .page{padding-inline:8px!important}
  .topbar{padding-inline:7px!important}
  .card,.pro-card{border-radius:12px!important;padding:11px!important}
  .v10-live-stats,.dash-live-stats{grid-template-columns:1fr!important}
  .primary,.secondary,.btn{min-height:42px}
}