/* /security-alerts pages — scoped to .sal (2026-10-31).
   Overrides the site-wide v2-svc-enhance heading rules only inside .sal. */
.sal{
  --sal-ink:#0B1220; --sal-body:#1F2937; --sal-mute:#4B5563; --sal-wash:#EEF3F8; --sal-rule:#D5DEE8;
  --sal-blue:#0C6FB8; --sal-blue-d:#0A5C9A; --sal-link:#0B5E9C; --sal-navy:#0A1A2F; --sal-navy-2:#12263F;
  color:var(--sal-body); font-size:17px; line-height:1.6;
}
.sal *,.sal *::before,.sal *::after{ box-sizing:border-box; }
.sal-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }
@media (min-width:768px){ .sal-wrap{ padding:0 32px; } }

/* headings (beat body[data-svc-enhance] main h1/h2/h3 !important) */
body[data-svc-enhance] main .sal h1.sal-h1{
  font-size:clamp(34px,4.4vw,58px) !important; line-height:1.06 !important; letter-spacing:-0.03em !important;
  color:#FFFFFF; margin:0 0 20px; max-width:17ch;
}
body[data-svc-enhance] main .sal h1.sal-h1--page{
  font-size:clamp(28px,3vw,38px) !important; line-height:1.15 !important; color:var(--sal-ink); max-width:none; margin:0 0 12px;
}
body[data-svc-enhance] main .sal h2.sal-h2{
  font-size:clamp(26px,2.6vw,34px) !important; line-height:1.15 !important; color:var(--sal-ink); margin:0 0 12px !important;
}
body[data-svc-enhance] main .sal h2.sal-card__title,
body[data-svc-enhance] main .sal h2.sal-band__title,
body[data-svc-enhance] main .sal h2.sal-leave__title{
  font-size:24px !important; line-height:1.2 !important; margin:0 0 4px !important; color:var(--sal-ink);
}
body[data-svc-enhance] main .sal h2.sal-band__title{ color:#FFFFFF; }
body[data-svc-enhance] main .sal h3.sal-mail__title{
  font-size:clamp(20px,2vw,23px) !important; line-height:1.3 !important; color:var(--sal-ink); margin:14px 0 10px;
}
[dir="rtl"] body[data-svc-enhance] main .sal h1,
[dir="rtl"] body[data-svc-enhance] main .sal h2,
[dir="rtl"] body[data-svc-enhance] main .sal h3,
body[data-svc-enhance].font-arabic main .sal h1,
body[data-svc-enhance].font-arabic main .sal h2,
body[data-svc-enhance].font-arabic main .sal h3{ letter-spacing:0 !important; line-height:1.35 !important; }

.sal p{ margin:0; }
.sal a:focus-visible,.sal button:focus-visible,.sal input:focus-visible{ outline:3px solid #0C6FB8; outline-offset:2px; }
.sal-link{ color:var(--sal-link); font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* hero — clears the fixed header (66px, 111px from 1280px) */
.sal-hero{ background:var(--sal-navy); color:#D3DEEA; padding:calc(66px + 36px) 0 48px; }
@media (min-width:1280px){ .sal-hero{ padding:calc(111px + 52px) 0 80px; } }
.sal-hero__grid{ display:grid; gap:36px; }
@media (min-width:1024px){ .sal-hero__grid{ grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr); gap:64px; align-items:start; } }
.sal .sal-text-lede{ font-size:19px; line-height:1.6; color:#D3DEEA; max-width:58ch; }
.sal-facts{ margin:32px 0 0; padding:0; border-top:1px solid rgba(255,255,255,.18); }
.sal-facts__row{ display:grid; gap:2px 24px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.18); }
@media (min-width:640px){ .sal-facts__row{ grid-template-columns:140px minmax(0,1fr); } }
.sal-facts dt{ font-weight:700; color:#FFFFFF; font-size:17px; }
.sal-facts dd{ margin:0; color:#D3DEEA; font-size:17px; }

.sal-card{ background:#FFFFFF; color:var(--sal-body); border-radius:16px; padding:24px 20px; box-shadow:0 30px 60px -30px rgba(0,0,0,.6); }
@media (min-width:640px){ .sal-card{ padding:30px 30px 26px; } }
.sal .sal-text-cardsub{ color:var(--sal-mute); font-size:16px; margin:0 0 18px; }

/* sample alert */
.sal-sample{ background:var(--sal-wash); padding:56px 0; }
@media (min-width:1024px){ .sal-sample{ padding:88px 0; } }
.sal-sample__grid{ display:grid; gap:28px; align-items:start; }
@media (min-width:1024px){ .sal-sample__grid{ grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:56px; } }
.sal .sal-text-intro{ font-size:17px; line-height:1.65; color:var(--sal-body); max-width:62ch; }
.sal-mail{ margin:0; background:#FFFFFF; border:1px solid var(--sal-rule); border-radius:14px; overflow:hidden; box-shadow:0 18px 40px -24px rgba(11,18,32,.35); }
.sal-mail__rail{ height:6px; }
.sal-mail__meta{ display:grid; gap:2px; padding:14px 22px; background:#F6F8FB; border-bottom:1px solid var(--sal-rule); font-size:16px; }
.sal-mail__from{ font-weight:700; color:var(--sal-ink); }
.sal-mail__subject{ color:var(--sal-mute); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sal-mail__body{ padding:22px 22px 20px; }
@media (min-width:640px){ .sal-mail__body{ padding:26px 32px 24px; } }
.sal-mail__tags{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.sal-sev{ display:inline-block; font-weight:700; font-size:16px; line-height:1; padding:7px 12px; border-radius:999px; }
.sal-mail__topic{ color:var(--sal-mute); font-size:16px; }
.sal-mail__summary{ font-size:17px; line-height:1.65; color:var(--sal-body); margin:0 0 20px !important; }
.sal-mail__btn{ display:inline-block; background:var(--sal-blue); color:#FFFFFF !important; font-weight:700; font-size:16px; padding:12px 22px; border-radius:8px; text-decoration:none; }
.sal-mail__btn:hover{ background:var(--sal-blue-d); }
.sal-mail__foot{ display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 0 !important; padding-top:14px; border-top:1px solid var(--sal-rule); color:var(--sal-mute); font-size:16px; }
.sal-mail__cap{ padding:10px 22px; background:#F6F8FB; border-top:1px solid var(--sal-rule); color:var(--sal-mute); font-size:16px; }

/* coverage */
.sal-cover{ background:#FFFFFF; padding:56px 0; }
@media (min-width:1024px){ .sal-cover{ padding:88px 0; } }
.sal-cover__head{ margin-bottom:28px; }
.sal-cover__list{ display:grid; gap:0 40px; margin:0; }
@media (min-width:640px){ .sal-cover__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .sal-cover__list{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.sal-cover__item{ padding:18px 0 20px; border-top:2px solid var(--sal-ink); }
.sal-cover__item dt{ font-weight:700; color:var(--sal-ink); font-size:18px; margin-bottom:4px; }
.sal-cover__item dd{ margin:0; color:var(--sal-body); font-size:17px; }

/* privacy + compact form */
.sal-close{ background:var(--sal-wash); padding:56px 0 72px; }
@media (min-width:1024px){ .sal-close{ padding:88px 0 104px; } }
.sal-close__grid{ display:grid; gap:36px; align-items:start; }
@media (min-width:1024px){ .sal-close__grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; } }
.sal-privacy__list{ list-style:none; margin:4px 0 20px; padding:0; }
.sal-privacy__list li{ display:flex; gap:12px; align-items:flex-start; padding:8px 0; font-size:17px; color:var(--sal-body); }
.sal-privacy__list svg{ flex:none; color:#0F6B5C; margin-top:2px; }
.sal-band{ background:var(--sal-navy); color:#D3DEEA; border-radius:16px; padding:26px 20px; }
@media (min-width:640px){ .sal-band{ padding:32px; } }
.sal .sal-text-band{ color:#D3DEEA; font-size:17px; margin:0 0 18px; }

/* token pages: confirm / preferences / unsubscribe */
.sal-page{ background:var(--sal-wash); padding:calc(66px + 32px) 0 72px; }
@media (min-width:1280px){ .sal-page{ padding:calc(111px + 48px) 0 96px; } }
.sal-panel{ max-width:680px; margin:0 auto; background:#FFFFFF; border:1px solid var(--sal-rule); border-radius:16px; padding:28px 20px; }
@media (min-width:640px){ .sal-panel{ padding:40px 44px; } }
.sal .sal-text-body{ font-size:17px; line-height:1.65; color:var(--sal-body); margin:0 0 20px; }
.sal .sal-text-meta{ font-size:16px; color:var(--sal-mute); margin:0 0 20px; word-break:break-all; }
.sal-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; border:0; border-radius:10px; background:var(--sal-blue); color:#FFFFFF !important; font:inherit; font-size:17px; font-weight:700; text-decoration:none; cursor:pointer; }
.sal-btn:hover{ background:var(--sal-blue-d); }
.sal-btn--quiet{ background:#FFFFFF; color:var(--sal-ink) !important; border:1px solid #8A97A8; }
.sal-btn--quiet:hover{ background:#F3F5F8; }
.sal-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; }
.sal-flash{ background:#ECFDF3; border:1px solid #A6E9C3; color:#05603A; border-radius:10px; padding:12px 16px; font-size:17px; margin:0 0 20px; }
.sal-notice{ background:#FFFAEB; border:1px solid #F5D58A; color:#7A4A00; border-radius:10px; padding:12px 16px; font-size:17px; margin:0 0 20px !important; }
.sal-status{ font-weight:600; font-size:17px; margin:0 0 16px !important; padding-inline-start:14px; border-inline-start:4px solid #8A97A8; }
.sal-status.is-on{ border-color:#12B76A; color:#05603A; }
.sal-fieldset{ border:0; margin:0 0 20px; padding:0; min-width:0; }
.sal-fieldset legend{ font-weight:700; color:var(--sal-ink); font-size:17px; padding:0; margin:0 0 6px; }
.sal-fieldset--mkt{ padding:12px 16px; background:#F6F8FB; border:1px solid var(--sal-rule); border-radius:10px; }
.sal-fieldset--mkt legend{ float:left; width:100%; margin-bottom:4px; }
[dir="rtl"] .sal-fieldset--mkt legend{ float:right; }
.sal-check{ display:flex; gap:12px; align-items:flex-start; padding:10px 0; cursor:pointer; clear:both; }
.sal-fieldset:not(.sal-fieldset--mkt) .sal-check + .sal-check{ border-top:1px solid #E5EAF1; }
.sal-check input{ flex:none; width:20px; height:20px; margin:3px 0 0; accent-color:var(--sal-blue); }
.sal-check__label{ display:block; font-weight:600; color:var(--sal-ink); font-size:17px; }
.sal-check__label--plain{ font-weight:500; }
.sal-check__help{ display:block; color:var(--sal-mute); font-size:16px; }
.sal-leave{ margin-top:32px; padding-top:24px; border-top:1px solid var(--sal-rule); }
