:root{
  --viwi-shell-max: 1380px;
  --viwi-shell-gap: 18px;
  --viwi-shell-radius: 28px;
  --viwi-shell-border: 1px solid #e5e7eb;
  --viwi-shell-shadow: 0 18px 44px rgba(15,23,42,.06);
}

#viwiHomeQuicknav{
  position: sticky;
  top: 0;
  z-index: 58;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(229,231,235,.9);
}
#viwiHomeQuicknav .viwi-hqs-inner{
  max-width: var(--viwi-shell-max);
  margin: 0 auto;
  padding: 10px 18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
#viwiHomeQuicknav .viwi-hqs-title{
  font-size:13px;
  font-weight:700;
  color:#111827;
  margin-right:4px;
}
#viwiHomeQuicknav .viwi-hqs-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#viwiHomeQuicknav .viwi-hqs-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  text-decoration:none;
  background:#111827;
  color:#fff;
  font-size:12px;
}

#viwiHomeShell{
  max-width: var(--viwi-shell-max);
  margin: 18px auto 0;
  padding: 0 18px 24px;
  display:grid;
  gap: var(--viwi-shell-gap);
}
.viwi-shell-zone{
  display:grid;
  gap:14px;
}
.viwi-shell-zone-header{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 0 2px;
}
.viwi-shell-zone-title{
  font-size: 18px;
  font-weight: 800;
  color:#111827;
}
.viwi-shell-zone-sub{
  font-size:12px;
  color:#6b7280;
}
.viwi-shell-accordion{
  background:#fff;
  border: var(--viwi-shell-border);
  border-radius: var(--viwi-shell-radius);
  box-shadow: var(--viwi-shell-shadow);
  overflow:hidden;
}
.viwi-shell-accordion-header{
  width:100%;
  appearance:none;
  border:0;
  background:#fff;
  padding:16px 18px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
}
.viwi-shell-accordion-title{
  font-size:16px;
  font-weight:700;
  color:#111827;
}
.viwi-shell-accordion-meta{
  font-size:12px;
  color:#6b7280;
}
.viwi-shell-accordion-chevron{
  font-size:18px;
  color:#6b7280;
  transition:transform .2s ease;
}
.viwi-shell-accordion[data-expanded="true"] .viwi-shell-accordion-chevron{
  transform:rotate(180deg);
}
.viwi-shell-accordion-body{
  padding: 0 16px 16px;
}
.viwi-shell-accordion[data-expanded="false"] .viwi-shell-accordion-body{
  display:none;
}

.viwi-shell-zone .viwi-app-entry-wrap,
.viwi-shell-zone .viwi-coverage-wrap,
.viwi-shell-zone .viwi-featured-wrap,
.viwi-shell-zone .viwi-real-showcase-wrap,
.viwi-shell-zone .viwi-hp-wrap,
.viwi-shell-zone .viwi-bps-wrap,
.viwi-shell-zone .viwi-dfs-wrap,
.viwi-shell-zone .viwi-cm-wrap{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:14px !important;
}
.viwi-shell-zone .viwi-app-entry-card,
.viwi-shell-zone .viwi-coverage-card,
.viwi-shell-zone .viwi-featured-card,
.viwi-shell-zone .viwi-real-showcase-card,
.viwi-shell-zone .viwi-hp-card,
.viwi-shell-zone .viwi-bps-card,
.viwi-shell-zone .viwi-dfs-card,
.viwi-shell-zone .viwi-cm-card{
  box-shadow:none !important;
  border:1px solid #eef2f7 !important;
  border-radius:22px !important;
}
.viwi-shell-placeholder{
  background:#fff;
  border: var(--viwi-shell-border);
  border-radius:22px;
  padding:18px;
  color:#6b7280;
  font-size:14px;
}
body.viwi-home-shell-active footer{
  margin-top: 16px;
}