/* =========================================================
   UFPL — PAGE ÉPARGNE
   Fichier : assets/css/epargne.css
   Rôle : styles spécifiques à la page /epargne/
   ========================================================= */

/* 1. HERO */
.saving-hero{padding-top:92px}.saving-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.saving-hero h1{max-width:840px;font-size:clamp(38px,4.5vw,64px);line-height:1.01;letter-spacing:-.055em}.saving-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:720px}.saving-trust-row div{padding:18px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:rgba(255,255,255,.76);box-shadow:0 10px 26px rgba(16,29,52,.06)}.saving-trust-row strong{display:block;font-size:24px;color:var(--color-ink)}.saving-trust-row div:nth-child(2) strong{color:#138a5c}.saving-trust-row span{color:var(--color-muted);font-size:14px}.saving-hero-panel{position:relative;min-height:540px;display:grid;place-items:center;overflow:visible}.saving-hero-card{width:min(100%,560px);padding:34px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow-soft)}.saving-hero-card h2{margin:18px 0 24px;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.045em;line-height:1.05}.saving-objectives{display:grid;gap:14px}.saving-objectives div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--color-line)}.saving-objectives span{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:rgba(77,130,255,.10);font-size:24px}.saving-objectives strong{display:block;color:var(--color-blue-dark);font-size:19px}.saving-objectives p{grid-column:2;margin:-24px 0 0;color:var(--color-muted);font-size:14px}.saving-floating-note{position:absolute;right:24px;bottom:-28px;width:min(88%,380px);display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.82);z-index:3}.saving-floating-note span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(19,166,111,.12);color:#138a5c;font-weight:900}.saving-floating-note p{margin:0;color:var(--color-muted);font-weight:700}

/* 2. PRODUITS */
.saving-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.saving-product-card{display:flex;flex-direction:column;min-height:100%;padding:28px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(19,166,111,.06));border:1px solid rgba(19,166,111,.18);box-shadow:var(--shadow-card)}.saving-product-card--blue{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(77,130,255,.08));border-color:rgba(77,130,255,.20)}.saving-product-card--gold{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(216,182,107,.12));border-color:rgba(216,182,107,.26)}.saving-product-icon{width:58px;height:58px;margin-bottom:18px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 14px 30px rgba(16,29,52,.08);font-size:24px}.saving-product-card h3{margin:14px 0 12px;font-size:26px;line-height:1.06;letter-spacing:-.035em}.saving-product-card p{color:var(--color-muted);margin:0}.saving-product-card ul{margin:22px 0;padding-left:18px;color:var(--color-muted)}.saving-product-card li{margin:9px 0}.saving-product-card .btn{margin-top:auto;align-self:flex-start}

/* 3. COMPARATIF PER / ASSURANCE VIE */
.saving-choice{background:linear-gradient(180deg,rgba(77,130,255,.04),rgba(19,166,111,.04))}.choice-flow{margin-top:46px;padding:30px;border-radius:34px;background:rgba(255,255,255,.88);border:1px solid var(--color-line);box-shadow:var(--shadow-card);display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:22px;align-items:stretch}.choice-question,.tax-question,.choice-summary,.choice-card{border-radius:26px;border:1px solid var(--color-line);background:rgba(255,255,255,.88)}.choice-question{padding:24px;display:flex;gap:14px;align-items:center}.choice-question span,.tax-question>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:999px;background:var(--color-blue-dark);color:#fff;font-weight:900}.choice-question h3,.tax-question h3{margin:0;font-size:24px;letter-spacing:-.03em}.choice-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice-card{padding:22px}.choice-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;margin-bottom:14px;font-size:24px}.choice-card--life>span{background:rgba(216,182,107,.16)}.choice-card--retirement>span{background:rgba(77,130,255,.12)}.choice-card strong{display:block;font-size:21px;color:var(--color-ink)}.choice-card p{color:var(--color-muted);margin:8px 0 12px}.choice-card small{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(77,130,255,.10);color:var(--color-blue-dark);font-weight:900}.tax-question{padding:22px;display:grid;gap:12px}.tax-question div{padding:14px;border-radius:18px;background:rgba(19,166,111,.08);border:1px solid rgba(19,166,111,.14)}.tax-question div:last-child{background:rgba(14,23,38,.04);border-color:rgba(14,23,38,.08)}.tax-question div strong{display:inline-flex;margin-bottom:4px;color:#138a5c}.tax-question div:last-child strong{color:var(--color-ink)}.tax-question div p{margin:0;color:var(--color-muted);font-size:14px}.choice-summary{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,var(--color-navy),#0d2f68);color:#fff}.choice-summary span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:999px;background:rgba(255,255,255,.12)}.choice-summary strong{display:block;font-size:20px}.choice-summary p{margin:2px 0 0;color:rgba(255,255,255,.72)}

/* Tableau fiscal */
.fiscal-table{margin-top:28px;overflow:hidden;border-radius:30px;border:1px solid var(--color-line);background:rgba(255,255,255,.92);box-shadow:var(--shadow-card)}.fiscal-row{display:grid;grid-template-columns:.85fr 1.25fr 1.25fr;border-bottom:1px solid rgba(14,23,38,.08)}.fiscal-row:last-child{border-bottom:0}.fiscal-row>div{padding:20px;display:grid;align-items:center;color:var(--color-muted)}.fiscal-row>div+div{border-left:1px solid rgba(14,23,38,.08)}.fiscal-head>div{min-height:70px;color:#fff;font-weight:900;font-size:22px;text-align:center}.fiscal-head>div:nth-child(1){color:var(--color-ink);background:rgba(255,255,255,.92)}.fiscal-head>div:nth-child(2){background:linear-gradient(135deg,#4d82ff,#145be8)}.fiscal-head>div:nth-child(3){background:linear-gradient(135deg,#13a66f,#087a4d)}.fiscal-row:not(.fiscal-head)>div:nth-child(2){background:rgba(77,130,255,.035)}.fiscal-row:not(.fiscal-head)>div:nth-child(3){background:rgba(19,166,111,.035)}.fiscal-row>div:first-child{display:flex;gap:12px;align-items:center;color:var(--color-ink)}.fiscal-row>div:first-child span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:14px;background:rgba(77,130,255,.10)}.fiscal-row strong{color:var(--color-ink)}.table-disclaimer{margin:18px auto 0;max-width:920px;color:var(--color-muted);text-align:center;font-size:14px}

/* 4. MÉTHODE + CTA */
/* =========================================================
   MÉTHODE UFPL — Cartes style fond blanc premium
   ========================================================= */

.saving-method {
  background: linear-gradient(135deg, #071a44 0%, #0c2d6d 100%);
}

.saving-method .section-heading h2,
.saving-method .section-heading p,
.saving-method .section-heading .eyebrow {
  color: #fff;
}

.saving-method .section-heading p {
  color: rgba(255,255,255,.78);
  max-width: 900px;
}

.saving-method-steps {
  margin-top: 42px;
}

.method-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Cartes blanches */
.method-step {
  padding: 28px;
  border-radius: 28px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.7);
  box-shadow:
    0 18px 40px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.65);
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover élégant */
.method-step:hover {
  transform: translateY(-6px);
  box-shadow:
    0 26px 50px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.75);
}

/* Numéro */
.method-step > span {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.02em;
  color: #2d5bff;
}

/* Titre */
.method-step h3 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: #0e1726;
}

/* Texte */
.method-step p {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #5e6c84;
}

/* Responsive */
@media (max-width: 1100px) {
  .method-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .method-steps {
    grid-template-columns: 1fr;
  }

  .method-step {
    padding: 24px;
  }
}
/* 5. RESPONSIVE */
@media(max-width:1100px){.saving-hero-grid,.saving-products-grid,.booking-grid{grid-template-columns:1fr}.saving-hero-panel{min-height:auto}.saving-floating-note{position:static;width:100%;margin-top:16px}.choice-flow{grid-template-columns:1fr}.choice-summary{grid-column:auto}.fiscal-row{grid-template-columns:1fr}.fiscal-row>div+div{border-left:0;border-top:1px solid rgba(14,23,38,.08)}.fiscal-head>div{min-height:auto}.fiscal-head>div:first-child{display:none}.method-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.saving-hero{padding-top:54px}.saving-hero-grid{gap:34px}}@media(max-width:720px){.choice-paths,.saving-trust-row,.method-steps{grid-template-columns:1fr}.saving-objectives div{grid-template-columns:1fr}.saving-objectives p{grid-column:auto;margin:0}.saving-hero-card{padding:26px;border-radius:28px}}@media(max-width:640px){.saving-hero h1{font-size:38px}.saving-product-card,.choice-flow,.fiscal-table{border-radius:24px}.fiscal-row>div{padding:16px}}

.saving-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 18px;
}

.saving-hero-tags span {
  display: inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(77, 130, 255, 0.08);
  border: 1px solid rgba(77, 130, 255, 0.16);
  color: var(--color-blue-dark);
  font-weight: 900;
  font-size: 14px;
}

.saving-card .tag.green{
  background: rgba(20,160,90,.08);
  color:#119a58;
}

.saving-card .tag.blue{
  background: rgba(59,108,255,.08);
  color:#2d5bff;
}

.saving-card .tag.red{
  background: rgba(255,90,90,.08);
  color:#e14b4b;
}








.choice-number {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border-radius: 999px;
  background: var(--color-blue-dark);
  color: white;
  font-weight: 900;
}





.choice-card {
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--color-line);
  box-shadow: 0 14px 34px rgba(16,29,52,.06);
}

.choice-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  margin-bottom: 14px;
  font-size: 24px;
}

.choice-card--life .choice-icon {
  background: rgba(216,182,107,.16);
}

.choice-card--retirement .choice-icon {
  background: rgba(77,130,255,.12);
}

.choice-card strong {
  display: block;
  font-size: 22px;
  color: var(--color-ink);
}

.choice-card p {
  margin: 8px 0 12px;
  color: var(--color-muted);
}

.choice-card small {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(77,130,255,.10);
  color: var(--color-blue-dark);
  font-weight: 900;
}


.tax-decision {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 18px;
  align-items: stretch;
}

.tax-question-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--color-line);
}

.tax-options {
  display: grid;
  gap: 12px;
}

.tax-option {
  display: grid;
  grid-template-columns: 84px 1fr;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 22px;
  background: white;
  border: 1px solid var(--color-line);
}

.tax-option strong {
  display: grid;
  place-items: center;
  min-height: 42px;
  border-radius: 999px;
  font-size: 18px;
}

.tax-option--yes strong {
  background: rgba(19,166,111,.12);
  color: #138a5c;
}

.tax-option--no strong {
  background: rgba(14,23,38,.06);
  color: var(--color-muted);
}

.tax-option p {
  margin: 0;
  color: var(--color-ink);
  font-weight: 800;
}

.choice-summary--diagram {
  grid-column: auto;
  margin-top: 4px;
}


  .tax-option {
    grid-template-columns: 1fr;
  }
}

.choice-flow--diagram {
  grid-template-columns: 1.35fr .65fr;
  align-items: center;
}



.choice-summary--diagram {
  grid-column: 1 / -1;
}

@media (max-width: 980px) {
  .choice-flow--diagram {
    grid-template-columns: 1fr;
  }



  .choice-summary--diagram {
    order: 3;
  }
}


.choice-flow--diagram {
  position: relative;
  overflow: hidden;
}
/* Correctif schéma PER / Assurance vie */

.choice-flow--diagram {
  position: relative;
  overflow: visible;
  display: grid;
  grid-template-columns: 1fr 320px;
  grid-template-areas:
    "step illustration"
    "branches illustration"
    "arrow illustration"
    "tax illustration"
    "summary summary";
  gap: 24px;
  align-items: center;
}






/* ================= SCHÉMA PER / ASSURANCE VIE — VERSION UFPL ================= */

.choice-flow--ufpl {
  margin-top: 46px;
  padding: 34px;
  border-radius: 34px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--color-line);
  box-shadow: var(--shadow-card);
  display: grid;
  grid-template-columns: 1.35fr .75fr;
  grid-template-areas:
    "left visual"
    "summary summary";
  gap: 34px;
  align-items: center;
}

.choice-left {
  grid-area: left;
}

.choice-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.choice-title h3,
.tax-question-card h3 {
  margin: 0;
  font-size: 26px;
  letter-spacing: -0.03em;
}

.choice-number {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border-radius: 999px;
  background: var(--color-blue-dark);
  color: white;
  font-weight: 900;
}

.choice-projects {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  position: relative;
}

.choice-project {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  min-height: 150px;
  padding: 22px;
  border-radius: 26px;
  background: white;
  border: 1px solid var(--color-line);
  box-shadow: 0 14px 34px rgba(16,29,52,.06);
}

.choice-project--life {
  border-color: rgba(216,182,107,.26);
}

.choice-project--retirement {
  border-color: rgba(77,130,255,.22);
}

.choice-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  font-size: 26px;
  background: rgba(77,130,255,.10);
}

.choice-project--life .choice-icon {
  background: rgba(216,182,107,.16);
}

.choice-project strong {
  display: block;
  font-size: 23px;
  color: var(--color-ink);
  margin-bottom: 6px;
}

.choice-project p {
  margin: 0 0 12px;
  color: var(--color-muted);
}

.choice-project small {
  display: inline-flex;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(77,130,255,.10);
  color: var(--color-blue-dark);
  font-weight: 900;
}

.choice-connector {
  width: 2px;
  height: 34px;
  margin: 0 auto;
  background: rgba(14,23,38,.14);
  position: relative;
}

.choice-connector::after {
  content: "↓";
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(77,130,255,.10);
  color: var(--color-blue-dark);
  font-weight: 900;
}

.choice-tax-row {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 18px;
  margin-top: 22px;
}

.tax-question-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px;
  border-radius: 26px;
  background: white;
  border: 1px solid var(--color-line);
}

.tax-options {
  display: grid;
  gap: 12px;
}

.tax-option {
  display: grid;
  grid-template-columns: 86px 1fr;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 22px;
  background: white;
  border: 1px solid var(--color-line);
}

.tax-option strong {
  display: grid;
  place-items: center;
  min-height: 42px;
  border-radius: 999px;
  font-size: 18px;
}

.tax-option--yes strong {
  background: rgba(19,166,111,.12);
  color: #138a5c;
}

.tax-option--no strong {
  background: rgba(14,23,38,.06);
  color: var(--color-muted);
}

.tax-option p {
  margin: 0;
  color: var(--color-ink);
  font-weight: 900;
}

.choice-visual {
  grid-area: visual;
  display: flex;
  justify-content: center;
  align-items: center;
}

.choice-visual img {
  width: 100%;
  max-width: 330px;
  height: auto;
  border-radius : 50px;
  filter: drop-shadow(0 18px 35px rgba(16,29,52,.10));
}

.choice-summary--ufpl {
  grid-area: summary;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 26px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--color-navy), #0d2f68);
  color: white;
}

.choice-summary--ufpl span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}

.choice-summary--ufpl strong {
  display: block;
  font-size: 22px;
}

.choice-summary--ufpl p {
  margin: 4px 0 0;
  color: rgba(255,255,255,.72);
}

@media (max-width: 980px) {
  .choice-flow--ufpl {
    grid-template-columns: 1fr;
    grid-template-areas:
      "left"
      "visual"
      "summary";
  }

  .choice-visual img {
    max-width: 240px;
  }
}

@media (max-width: 720px) {
  .choice-projects,
  .choice-tax-row {
    grid-template-columns: 1fr;
  }

  .choice-project {
    grid-template-columns: 1fr;
  }

  .tax-option {
    grid-template-columns: 1fr;
  }
}

.choice-flow--simple {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 34px;
}

.choice-orientation-card {
  padding: 30px;
  border-radius: 30px;
  background: white;
  border: 1px solid var(--color-line);
  box-shadow: 0 16px 38px rgba(16,29,52,.07);
}

.choice-orientation-card--life {
  border-color: rgba(19,166,111,.22);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(19,166,111,.06));
}

.choice-orientation-card--per {
  border-color: rgba(77,130,255,.22);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(77,130,255,.07));
}

.choice-badge {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  background: rgba(77,130,255,.10);
  color: var(--color-blue-dark);
}

.choice-orientation-card--life .choice-badge {
  background: rgba(19,166,111,.12);
  color: #138a5c;
}

.choice-orientation-card h3 {
  margin: 18px 0;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.choice-orientation-card ul {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.choice-orientation-card li {
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(14,23,38,.07);
  color: var(--color-muted);
  font-weight: 700;
}

.choice-orientation-card strong {
  display: block;
  padding: 16px;
  border-radius: 18px;
  background: rgba(14,23,38,.04);
  color: var(--color-ink);
}

@media (max-width: 820px) {
  .choice-flow--simple {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   TABLEAU FISCAL — version mobile lisible
   ========================================================= */

@media (max-width: 760px) {
  .fiscal-table {
    display: grid;
    gap: 18px;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }

  .fiscal-row {
    display: grid;
    grid-template-columns: 1fr;
    border: 1px solid var(--color-line);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255,255,255,.95);
    box-shadow: 0 14px 34px rgba(16,29,52,.07);
  }

  .fiscal-head {
    display: none;
  }

  .fiscal-row > div {
    border: 0 !important;
    padding: 18px;
  }

  .fiscal-row > div:first-child {
    background: white;
    font-size: 18px;
  }

  .fiscal-row > div:nth-child(2)::before,
  .fiscal-row > div:nth-child(3)::before {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 8px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .fiscal-row > div:nth-child(2)::before {
    content: "PER";
    background: rgba(77,130,255,.12);
    color: var(--color-blue-dark);
  }

  .fiscal-row > div:nth-child(3)::before {
    content: "Assurance vie";
    background: rgba(19,166,111,.12);
    color: #138a5c;
  }

  .fiscal-row > div:nth-child(2) {
    background: rgba(77,130,255,.045);
  }

  .fiscal-row > div:nth-child(3) {
    background: rgba(19,166,111,.045);
  }
}

.fiscal-accordion {
  display: none;
}

@media (max-width: 760px) {
  .fiscal-table {
    display: none;
  }

  .fiscal-accordion {
    display: grid;
    gap: 14px;
    margin-top: 24px;
  }

  .fiscal-accordion details {
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    border: 1px solid var(--color-line);
    box-shadow: 0 14px 34px rgba(16,29,52,.07);
    overflow: hidden;
  }

  .fiscal-accordion summary {
    cursor: pointer;
    padding: 18px;
    font-weight: 900;
    color: var(--color-ink);
    list-style: none;
  }

  .fiscal-accordion summary::-webkit-details-marker {
    display: none;
  }

  .fiscal-accordion summary::after {
    content: "+";
    float: right;
    color: var(--color-blue-dark);
    font-size: 22px;
  }

  .fiscal-accordion details[open] summary::after {
    content: "−";
  }

  .fiscal-accordion-content {
    display: grid;
    gap: 10px;
    padding: 0 18px 18px;
  }

  .fiscal-accordion-content div {
    padding: 14px;
    border-radius: 16px;
    background: rgba(77,130,255,.045);
  }

  .fiscal-accordion-content div:nth-child(2) {
    background: rgba(19,166,111,.055);
  }

  .fiscal-accordion-content span {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--color-blue-dark);
    background: rgba(77,130,255,.12);
  }

  .fiscal-accordion-content div:nth-child(2) span {
    color: #138a5c;
    background: rgba(19,166,111,.12);
  }

  .fiscal-accordion-content p {
    margin: 0;
    color: var(--color-muted);
  }
}

@media (min-width: 761px) {
  .saving-method-steps .method-step,
  .choice-card {
    display: grid;
    grid-template-columns: 58px 1fr;
    column-gap: 16px;
    align-items: center;
  }

  .saving-method-steps .method-step > span,
  .choice-card .choice-icon {
    margin-bottom: 0;
  }

  .saving-method-steps .method-step h3,
  .choice-card strong {
    margin-top: 0;
  }

  .saving-method-steps .method-step p,
  .choice-card p {
    grid-column: 1 / -1;
    margin-top: 14px;
  }
}