/* Zero-network shell: neutral skeleton so the page is meaningful before the
   bundle/API ever respond. Branding applies after fetch. External file so the
   CSP can keep style-src 'self' (no inline <style>). */
html, body { margin: 0; padding: 0; }
body {
  background: #f5f6f8;
  color: #161929;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.shell { max-width: 720px; margin: 0 auto; padding: 48px 16px; }
.shell__title { text-align: center; color: #878da1; font-size: 14px; margin: 0 0 24px; }
.sk { border-radius: 8px; background: rgba(15, 18, 35, 0.07); position: relative; overflow: hidden; }
.sk::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(15, 18, 35, 0.06), transparent);
  animation: sk-shimmer 1.4s infinite;
}
@keyframes sk-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.sk--banner { height: 56px; margin-bottom: 24px; }
.sk--row { height: 24px; margin-bottom: 12px; }
.sk--row:last-child { margin-bottom: 0; }