.c27-security-hero { position: relative; isolation: isolate; overflow: hidden; padding-block: 60px; }
.c27-security-hero h1 { font-size: var(--c27-hero-title-size); line-height: 1.1; letter-spacing: -.025em; }
.c27-security-hero .c27-security-lede { max-width: 60ch; margin-top: 24px; color: var(--c27-secondary); font-size: var(--c27-hero-description-size); line-height: 1.7; }
.c27-security-policies { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px; padding-block: 18px; border-block: 1px solid var(--c27-border); }
.c27-security-policies > p { color: var(--c27-secondary); font-size: 13px; }
.c27-security-policies > div { display: flex; flex-wrap: wrap; gap: 4px 28px; }
.c27-security-policies a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--c27-primary); font-size: 14px; }
.c27-security-reading { scroll-margin-top: var(--c27-story-offset, 120px) !important; }
.c27-security-body .c27-security-question { color: var(--c27-navy); font-size: 23px; font-weight: 500; line-height: 1.5; letter-spacing: -.015em; }
.c27-security-body h2 { padding-top: 28px; border-top: 1px solid var(--c27-border); }
.c27-security-body h3 { font-size: 21px; letter-spacing: -.015em; }
.c27-security-body .tablist { margin-block: 24px; padding: 20px 24px; list-style: none; border-left: 2px solid var(--c27-soft-indigo); border-radius: 0 8px 8px 0; background: var(--c27-background); }
.c27-security-body .tablist li { padding: 0; margin-block: 14px; }
.c27-security-body .tablist li:first-child { margin-top: 0; }
.c27-security-body .tablist li:last-child { margin-bottom: 0; }
.c27-security-body .tablist h3 { margin-block: 0 12px; font-size: 18px; line-height: 1.5; }
.c27-security-body .tablist p { margin-block: 14px; }
.c27-security-body .tablist li > :last-child { margin-bottom: 0; }
@media (prefers-reduced-motion: no-preference) {
  html:has(.c27-security) { scroll-behavior: smooth; }
}
@media (max-width: 760px) {
  .c27-security-hero { padding-block: 40px; }
  .c27-security-policies { gap: 8px; padding-block: 16px; }
  .c27-security-policies > p { width: 100%; }
  .c27-security-policies > div { gap: 4px 20px; }
  .c27-security-body .tablist { padding: 18px; }
}
