/*
Theme Name: SAVE
Theme URI: https://save-il.com/
Author: SAVE
Description: תבנית וורדפרס לאתר SAVE ניהול משכנתאות. ללא page builder, ללא תלויות חיצוניות. העיצוב מבוסס inline styles בתבניות + הקובץ הזה למצבי hover, אנימציות ורספונסיביות.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: save
Tags: rtl-language-support, one-column, custom-menu
*/

/* SAVE — עדכון ניראות. סגנונות בסיס + מצבי hover/focus.
   שאר העיצוב נמצא כ-inline styles ב-index.html. */
html, body { margin:0; padding:0; background:#070E18; }
  * { box-sizing: border-box; }
  a { color:#4DB4E7; text-decoration:none; }
  a:hover { color:#9BD8F5; }
  ::selection { background:#4DB4E7; color:#07121F; }
  input, textarea, button { font-family: inherit; }
  @keyframes b-pulse { 0%,100% { opacity:.55; transform:scale(1); } 50% { opacity:1; transform:scale(1.08); } }
  @keyframes b-marquee { from { transform:translateX(0); } to { transform:translateX(50%); } }
  @keyframes b-rise { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:none; } }

/* מצבי hover / focus */
.i1:hover { background:rgba(77,180,231,.14) !important; color:#9BD8F5 !important }
.i2:hover { background:rgba(77,180,231,.14) !important; color:#9BD8F5 !important }
.i3:hover { background:rgba(77,180,231,.14) !important; color:#9BD8F5 !important }
.i4:hover { background:rgba(77,180,231,.14) !important; color:#9BD8F5 !important }
.i5:hover { transform:translateY(-2px) !important; box-shadow:0 16px 40px rgba(77,180,231,.5) !important; color:#04121D !important }
.i6:hover { transform:translateY(-3px) !important; box-shadow:0 24px 60px rgba(77,180,231,.5) !important; color:#04121D !important }
.i7:hover { background:rgba(255,255,255,.07) !important; color:#9BD8F5 !important; border-color:rgba(77,180,231,.5) !important }
.i8:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i9:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i10:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i11:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i12:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i13:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i14:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i15:hover { transform:translateY(-8px) !important; border-color:rgba(77,180,231,.55) !important; box-shadow:0 30px 60px -28px rgba(77,180,231,.4) !important; color:#EAF1F8 !important }
.i16:hover { background:rgba(255,255,255,.08) !important; border-color:rgba(77,180,231,.35) !important }
.i17:hover { background:rgba(255,255,255,.08) !important; border-color:rgba(77,180,231,.35) !important }
.i18:hover { background:rgba(255,255,255,.08) !important; border-color:rgba(77,180,231,.35) !important }
.i19:hover { background:rgba(255,255,255,.08) !important; border-color:rgba(77,180,231,.35) !important }
.i20:hover { background:rgba(255,255,255,.08) !important; border-color:rgba(77,180,231,.35) !important }
.i21:hover { background:rgba(255,255,255,.075) !important; border-color:rgba(77,180,231,.35) !important }
.i22:hover { background:rgba(255,255,255,.075) !important; border-color:rgba(77,180,231,.35) !important }
.i23:hover { background:rgba(255,255,255,.075) !important; border-color:rgba(77,180,231,.35) !important }
.i24:hover { border-color:#4DB4E7 !important; color:#9BD8F5 !important }
.i34:hover { transform:translateY(-6px) !important; border-color:rgba(77,180,231,.5) !important; background:rgba(255,255,255,.07) !important; color:#EAF1F8 !important }
.i35:hover { transform:translateY(-6px) !important; border-color:rgba(77,180,231,.5) !important; background:rgba(255,255,255,.07) !important; color:#EAF1F8 !important }
.i36:hover { transform:translateY(-6px) !important; border-color:rgba(77,180,231,.5) !important; background:rgba(255,255,255,.07) !important; color:#EAF1F8 !important }
.i37:hover { transform:translateY(-6px) !important; border-color:rgba(77,180,231,.5) !important; background:rgba(255,255,255,.07) !important; color:#EAF1F8 !important }
.i38:hover { transform:translateY(-6px) !important; border-color:rgba(77,180,231,.5) !important; background:rgba(255,255,255,.07) !important; color:#EAF1F8 !important }
.i39:hover { transform:translateY(-6px) !important; border-color:rgba(77,180,231,.5) !important; background:rgba(255,255,255,.07) !important; color:#EAF1F8 !important }
.i40:focus { outline:none !important; border-color:#4DB4E7 !important; background:rgba(7,14,24,.9) !important }
.i41:focus { outline:none !important; border-color:#4DB4E7 !important; background:rgba(7,14,24,.9) !important }
.i42:focus { outline:none !important; border-color:#4DB4E7 !important; background:rgba(7,14,24,.9) !important }
.i43:focus { outline:none !important; border-color:#4DB4E7 !important; background:rgba(7,14,24,.9) !important }
.i44:hover { transform:translateY(-2px) !important; box-shadow:0 22px 52px rgba(77,180,231,.45) !important }

/* רספונסיביות */
@media (max-width: 1024px) {
  #services > div > div:last-child { grid-template-columns: repeat(2, 1fr) !important; }
  #about > div, #contact > div { grid-template-columns: 1fr !important; }
  [style*="columns:3"] { columns: 2 !important; }
  footer > div:first-child { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 720px) {
  header nav { display: none !important; }
  #top { padding: 48px 20px 60px !important; min-height: auto !important; }
  #top > div > div { grid-template-columns: 1fr !important; gap: 36px !important; }
  section { padding-left: 20px !important; padding-right: 20px !important; }
  #services > div > div:last-child,
  [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:220px 1fr"] { grid-template-columns: 1fr !important; gap: 20px !important; }
  [style*="columns:3"] { columns: 1 !important; }
  footer > div:first-child { grid-template-columns: 1fr !important; }
  [style*="padding:48px"] { padding: 28px !important; }
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
  * { animation: none !important; }
}


/* ===== תפריט מובייל ===== */
.save-nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 46px;
  height: 46px;
  padding: 0 11px;
  margin-inline-start: auto;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  cursor: pointer;
}
.save-nav-toggle span {
  display: block;
  height: 2px;
  background: #EAF1F8;
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}
.save-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.save-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.save-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.save-mobile-nav {
  display: none;
  flex-direction: column;
  gap: 4px;
  padding: 8px 20px 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.save-mobile-nav a {
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #EAF1F8;
  padding: 14px 4px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.save-mobile-nav .save-mobile-cta {
  margin-top: 14px;
  text-align: center;
  border: 0;
  border-radius: 999px;
  padding: 16px;
  color: #04121D;
  background: linear-gradient(120deg, #4DB4E7, #1D6FA8);
  font-weight: 800;
}

.save-form-status {
  margin: 0 0 18px;
  padding: 14px 18px;
  border-radius: 12px;
  background: rgba(122,223,176,.12);
  border: 1px solid rgba(122,223,176,.4);
  color: #7ADFB0;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 720px) {
  .save-nav-toggle { display: flex; }
  .save-mobile-nav[data-open="true"] { display: flex; }
  header a[href="tel:0775405442"] { display: none !important; }
  header > div { padding: 12px 20px !important; gap: 14px !important; }
  header img { height: 38px !important; }
  h1 { font-size: 40px !important; }
}

/* מסך צר מאוד */
@media (max-width: 400px) {
  h1 { font-size: 34px !important; }
  [style*="font-size:22px"] { font-size: 19px !important; }
}

/* ===== עמודי תוכן (מדיניות פרטיות וכו') ===== */
.save-prose > *:first-child { margin-top: 0; }
.save-prose > *:last-child { margin-bottom: 0; }
.save-prose h2 {
  font-family: 'Rubik', sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.25;
  color: #EAF1F8;
  margin: 42px 0 14px;
}
.save-prose h3 {
  font-family: 'Rubik', sans-serif;
  font-size: 21px;
  font-weight: 700;
  color: #9BD8F5;
  margin: 32px 0 10px;
}
.save-prose p { margin: 0 0 18px; text-wrap: pretty; }
.save-prose ul,
.save-prose ol { margin: 0 0 20px; padding-inline-start: 24px; }
.save-prose li { margin-bottom: 9px; }
.save-prose ul { list-style: none; padding-inline-start: 0; }
.save-prose ul li { position: relative; padding-inline-start: 24px; }
.save-prose ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 12px;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: #4DB4E7;
}
.save-prose strong { color: #EAF1F8; font-weight: 700; }
.save-prose hr { border: 0; border-top: 1px solid rgba(255,255,255,.1); margin: 34px 0; }
.save-prose table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: 16px; }
.save-prose th,
.save-prose td { padding: 12px 14px; border: 1px solid rgba(255,255,255,.11); text-align: start; }
.save-prose th { background: rgba(255,255,255,.05); font-family: 'Rubik', sans-serif; font-weight: 700; color: #EAF1F8; }

@media (max-width: 720px) {
  .save-prose { padding: 24px !important; font-size: 17px !important; }
}

/* ===== באנר עוגיות ===== */
.save-cookie-banner {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 200;
  padding: 18px;
  background: rgba(7, 14, 24, .93);
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 -20px 60px rgba(0, 0, 0, .5);
  transform: translateY(100%);
  transition: transform .5s cubic-bezier(.2, .75, .25, 1);
}
.save-cookie-banner[data-visible="true"] { transform: none; }

.save-cookie-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.save-cookie-text { flex: 1 1 420px; }
.save-cookie-text h2 {
  font-family: 'Rubik', sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #EAF1F8;
  margin: 0 0 6px;
}
.save-cookie-text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(234, 241, 248, .72);
  max-width: 78ch;
  text-wrap: pretty;
}

.save-cookie-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.save-cookie-btn {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 26px;
  border-radius: 12px;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.save-cookie-btn--primary {
  border: 0;
  color: #04121D;
  background: linear-gradient(120deg, #4DB4E7, #1D6FA8);
  box-shadow: 0 12px 32px rgba(77, 180, 231, .3);
}
.save-cookie-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(77, 180, 231, .45);
}
.save-cookie-btn--ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .22);
  color: #EAF1F8;
}
.save-cookie-btn--ghost:hover {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(77, 180, 231, .5);
}
.save-cookie-btn:focus-visible {
  outline: 2px solid #4DB4E7;
  outline-offset: 3px;
}

#save-cookie-reopen:hover { color: #9BD8F5; }

@media (max-width: 720px) {
  .save-cookie-banner { padding: 20px; }
  .save-cookie-inner { gap: 18px; }
  .save-cookie-actions { width: 100%; }
  .save-cookie-btn { flex: 1; padding: 15px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .save-cookie-banner { transition: none; }
}

/* ===== ניגודיות =====
   הערכים החלשים ביותר במקור ירדו מתחת ליחס 4.5:1 מול הרקע #070E18
   בגדלים קטנים. הכללים כאן מרימים אותם לרף WCAG AA.
   טקסט בגודל 24px+ נשאר כפי שהוא — עבורו הרף הוא 3:1. */
[style*="color:rgba(234,241,248,.5)"] { color: rgba(234, 241, 248, .68) !important; } /* 4.79 → 7.1 */
[style*="color:rgba(234,241,248,.55)"] { color: rgba(234, 241, 248, .7) !important; }
[style*="color:rgba(234,241,248,.6)"]  { color: rgba(234, 241, 248, .72) !important; }
[style*="color:rgba(234,241,248,.62)"] { color: rgba(234, 241, 248, .74) !important; }
[style*="color:rgba(234,241,248,.66)"] { color: rgba(234, 241, 248, .76) !important; }

/* טקסט על הכרטיס הכחול — לבן מלא במקום 82% */
[style*="background:linear-gradient(150deg,#1D6FA8"] p { color: rgba(255, 255, 255, .95) !important; }

/* פוקוס נראה לעין בכל רכיב אינטראקטיבי */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #9BD8F5;
  outline-offset: 3px;
  border-radius: 6px;
}

/* טקסט לקוראי מסך בלבד */
.save-sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* honeypot — מוסתר מבני אדם, נגיש לבוטים */
.save-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px; height: 1px;
  overflow: hidden;
}

/* ===== CTA ראשי ===== */
.save-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 19px 38px;
  border-radius: 16px;
  background: linear-gradient(120deg, #4DB4E7, #1D6FA8);
  color: #04121D;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 19px;
  box-shadow: 0 18px 44px rgba(77, 180, 231, .34);
  transition: transform .2s ease, box-shadow .2s ease;
}
.save-cta-primary:hover {
  color: #04121D;
  transform: translateY(-3px);
  box-shadow: 0 26px 62px rgba(77, 180, 231, .5);
}
.save-btn-ghost:hover { background: rgba(255, 255, 255, .08); color: #9BD8F5; border-color: rgba(77, 180, 231, .5); }

.save-suggestion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 56px;
  padding: 16px 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .1);
  color: #EAF1F8;
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
  font-size: 17px;
}
.save-suggestion:hover { background: rgba(255, 255, 255, .08); border-color: rgba(77, 180, 231, .45); color: #9BD8F5; }

/* ===== סרגל CTA דביק במובייל ===== */
.save-sticky-cta {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 150;
  display: none;
  gap: 10px;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  background: rgba(7, 14, 24, .95);
  backdrop-filter: blur(18px);
  border-top: 1px solid rgba(255, 255, 255, .12);
  transform: translateY(110%);
  transition: transform .35s cubic-bezier(.2, .75, .25, 1);
}
.save-sticky-cta[data-visible="true"] { transform: none; }
.save-sticky-cta a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  border-radius: 14px;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 17px;
}
.save-sticky-cta .save-sticky-call {
  flex: 0 0 54px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #EAF1F8;
  font-size: 22px;
}
.save-sticky-cta .save-sticky-main {
  background: linear-gradient(120deg, #4DB4E7, #1D6FA8);
  color: #04121D;
}

/* ===== מובייל ===== */
@media (max-width: 900px) {
  /* יעדי מגע: 44px מינימום בכל דבר לחיץ */
  a[href^="tel:"], button, input[type="submit"], .save-suggestion { min-height: 48px; }

  /* ה-hero היה נשאר בשתי עמודות עד 720px ונהיה צפוף מדי בטווח הזה */
  #top [style*="grid-template-columns:1.1fr .9fr"] {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  /* התגית "כ-10 מומחים" בולטת מחוץ למסגרת התמונה */
  #top [style*="inset-inline-end:-22px"] {
    inset-inline-end: 14px !important;
    top: 14px !important;
  }

  /* הסקשנים הצפופים ביותר */
  #about > div,
  #contact > div { grid-template-columns: 1fr !important; }
  [style*="columns:3"] { columns: 2 !important; }
}

@media (max-width: 720px) {
  .save-sticky-cta { display: flex; }
  body { padding-bottom: 82px; } /* מקום לסרגל הדביק */

  /* טיפוגרפיה: הקטנה מבוקרת, אף פעם מתחת ל-16px */
  [style*="font-size:22px"] { font-size: 18px !important; }
  [style*="font-size:19px"] { font-size: 17px !important; }
  [style*="font-size:18px"] { font-size: 17px !important; }
  [style*="line-height:1.75"] { line-height: 1.7 !important; }

  /* מרווחים: הסקשנים היו 100px, צפוף מדי לגלילה בטלפון */
  section { padding-top: 56px !important; padding-bottom: 56px !important; }
  #top { padding-top: 40px !important; }

  /* כרטיסים */
  [style*="padding:48px"] { padding: 26px !important; }
  [style*="padding:40px"] { padding: 24px !important; }
  [style*="padding:30px 26px"] { padding: 24px 20px !important; }
  [style*="padding:64px 48px"] { padding: 36px 24px !important; }
  [style*="border-radius:26px"] { border-radius: 20px !important; }

  /* תמונות הצוות: עגולות וקטנות, לא ריבוע ענק */
  [style*="grid-template-columns:220px 1fr"] > div:first-child {
    width: 96px;
    border-radius: 50% !important;
  }

  /* טופס: 16px מונע זום אוטומטי ב-iOS */
  input, textarea, select { font-size: 16px !important; min-height: 52px; }
  textarea { min-height: 120px; }
  input[type="checkbox"] { min-height: 0; width: 22px !important; height: 22px !important; }

  /* מפה נמוכה יותר */
  iframe[title*="מפה"] { height: 240px !important; }
  [style*="min-height:300px"] { min-height: 240px !important; }

  /* הכפתור הראשי במלוא הרוחב */
  .save-cta-primary { width: 100%; justify-content: center; }
  #top [style*="display:flex; gap:14px"] { flex-direction: column; align-items: stretch !important; }

  /* קרוסלת המילים איטית יותר — פחות מסיחה במסך קטן */
  [style*="animation:b-marquee"] { animation-duration: 40s !important; }
}

@media (max-width: 420px) {
  section { padding-left: 16px !important; padding-right: 16px !important; }
  [style*="padding:48px"], [style*="padding:40px"] { padding: 20px !important; }
}

/* מסכי מגע: אין hover אמיתי — לא להשאיר מצבים תקועים */
@media (hover: none) {
  [class^="i"]:hover { transform: none !important; }
}

/* דילוג לתוכן — נראה רק בניווט מקלדת */
.save-skip-link {
  position: absolute;
  inset-inline-start: 50%;
  top: -80px;
  transform: translateX(50%);
  z-index: 300;
  padding: 14px 26px;
  border-radius: 0 0 14px 14px;
  background: #4DB4E7;
  color: #04121D;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  transition: top .2s ease;
}
.save-skip-link:focus { top: 0; color: #04121D; }

/* ===== נטרול שאריות של בוני עמודים =====
   עמוד שנבנה פעם ב-Elementor מביא איתו עטיפות ריקות ורוחבים קבועים.
   הכללים כאן משטחים אותן כדי שהתוכן יזרום לפי העיצוב החדש. */
.save-prose .elementor,
.save-prose [class*="elementor-"],
.save-prose .e-con,
.save-prose .vc_row,
.save-prose .wpb_wrapper {
  all: unset;
  display: block;
  max-width: 100%;
}
.save-prose [class*="elementor-"] p,
.save-prose [class*="elementor-"] li { color: inherit; font-size: inherit; line-height: inherit; }
.save-prose img { max-width: 100%; height: auto; border-radius: 14px; }
.save-prose a { color: #9BD8F5; text-decoration: underline; text-underline-offset: 3px; }
.save-prose a:hover { color: #4DB4E7; }

.save-review { transition: border-color .25s ease, transform .25s ease; }
.save-review:hover { border-color: rgba(77, 180, 231, .38) !important; transform: translateY(-3px); }
@media (hover: none) { .save-review:hover { transform: none; } }

.save-google-link { transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.save-google-link:hover {
  background: rgba(77, 180, 231, .16) !important;
  border-color: rgba(77, 180, 231, .55) !important;
  color: #9BD8F5 !important;
  transform: translateY(-2px);
}
@media (max-width: 720px) {
  .save-google-link { width: 100%; justify-content: center; }
}

/* ===== תוכן שהומר מ-Elementor ===== */
.save-prose figure { margin: 26px 0; }
.save-prose figure img { display: block; }
.save-prose blockquote {
  margin: 26px 0;
  padding: 22px 26px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
}
.save-prose blockquote p { margin: 0; }
.save-prose cite {
  display: block;
  margin-top: 12px;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #9BD8F5;
}
.save-prose details {
  margin: 0 0 12px;
  padding: 18px 22px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .1);
}
.save-prose summary {
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #EAF1F8;
  cursor: pointer;
  min-height: 32px;
}
.save-prose details[open] summary { margin-bottom: 12px; color: #9BD8F5; }
.save-prose .save-cta-primary { text-decoration: none; }
.save-prose .save-cta-primary:hover { color: #04121D; }