/* ===== Shared Case Shell — PayPal ===== */

[data-shell="case-header"] {
  position: sticky; top: 0; z-index: 100;
  background: color-mix(in srgb, #001c46 92%, transparent);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.shell-header-inner {
  max-width: var(--maxw); margin: 0 auto; padding: 18px 28px 14px;
  display: flex; align-items: baseline; gap: 16px;
}
.shell-brand {
  font-weight: 600; text-decoration: none; color: #fff;
  font-size: 15px; white-space: nowrap;
}
.shell-brand:hover { text-decoration: underline; }

.shell-case-title {
  font-size: 13px; color: rgba(255,255,255,.5); font-weight: 400;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;
}

[data-shell="section-nav"] {
  display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px;
  margin-left: auto;
}
[data-shell="section-nav"] a {
  text-decoration: none; color: rgba(255,255,255,.6);
}
[data-shell="section-nav"] a:hover { color: #fff; }

[data-shell="case-footer"] {
  margin-top: 64px; padding: 32px 0; border-top: 1px solid var(--line);
  font-size: 13px; color: var(--sub);
}
.shell-footer-inner {
  max-width: var(--maxw); margin: 0 auto; padding: 0 28px;
}
.shell-connect {
  display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 12px;
}
.shell-connect a {
  color: var(--blue); text-decoration: underline; font-weight: 600;
}
.shell-connect a:hover { color: var(--ink); }

[data-shell="disclosure-note"] {
  margin-bottom: 16px; font-style: italic; color: var(--sub);
}

.skip-link { position: absolute; top: -100px; left: 0; z-index: 200; }
.skip-link:focus { top: 0; }

@media (prefers-reduced-motion: reduce) {
  [data-shell="case-header"] { position: relative; }
}

@media (max-width: 420px) {
  .shell-header-inner { flex-wrap: wrap; gap: 8px; padding: 14px 16px 12px; }
  .shell-case-title { max-width: 140px; }
  [data-shell="section-nav"] { width: 100%; justify-content: flex-start; margin-left: 0; }
}

.shell-cta-heading { font-size: 1.3em; color: var(--ink); margin-bottom: 12px; }
