:root {
  --c1: #235cb3 ;
  --c2: #333;
  --c3: #707070;
  --c4: #282F62;
  }



.c-c1{color:var(--c1)}
.c-c2{color:var(--c2)}
.c-c3{color:var(--c3)}
.c-c4{color:var(--c4)}

.c-font-inter {
  font-family: "Inter", sans-serif !important;
}

.c-font-roboto {
  font-family: "Roboto", sans-serif !important;
}

.c-font-noto-sans-sc {
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}



.super_get_quote_button { margin: 20px; width: 8em; text-align: center; justify-content: center; display: inline-block; padding: 0.8em 1.1em; gap: 0.4rem; border: none; font-weight: 900; font-size: 14px; border-radius: 30px; cursor: pointer; text-shadow: 2px 2px 3px rgb(136 0 136 / 50%); box-shadow: 0 15px 25px -6px rgba(238, 103, 97, 0.5); background: linear-gradient(15deg, #D0262E, #D0262E, #cc3f47, #de6f3d, #f09f33, #de6f3d, #d53c2f, #D0262E, #D0262E) no-repeat; background-size: 300%; background-position: left center; transition: background 0.3s ease; color: #fff; }

.super_get_quote_button:hover { background-size: 320%; background-position: right center; transform: translateY(3px); box-shadow: none; }


.editor-card { display: flex; gap: 3rem; border: 1px solid var(--c4); padding: 2rem; margin: 2rem 0; background: unset; }
.editor-card-img { flex: 0 0 56px;height:56px;border: 1px solid var(--c1);background-color: var(--c1); border-radius: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.editor-card-img img {height: 80%; width: auto; max-width: 24px; max-height: 22px; display: block;filter: invert(100%) brightness(400%); transition: transform 0.35s ease;}
.editor-card-content { flex: 1; }
.editor-card-content h4 { margin: 0 0 8px; font-size: 16px;font-weight: 900;color:var(--c1); }
.editor-card-content p { margin: 0; color:var(--c4); line-height: 1.6; }
.editor-card:hover{background-color: var(--c1);}
.editor-card:hover .editor-card-img{background-color: #fff;}
.editor-card:hover .editor-card-img img{filter: unset; transform: scale(1.08);}
.editor-card:hover .editor-card-content h4{color:#fff !important}
.editor-card:hover .editor-card-content p{color:#fff !important}

.editor-media-card {
  display: block;
  margin: 2rem 0;
  padding: 1.5rem 1.5rem 1.25rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgb(11 39 52 / 0.08);
  transition: box-shadow 0.35s ease;
}
.editor-media-card:hover {
  box-shadow: 0 16px 36px rgb(11 39 52 / 0.14);
}
.editor-media-card-header h4 {
  margin: 0;
  padding-left: 12px;
  border-left: 4px solid var(--c1);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--c4);
}
.editor-media-card-header p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--c3);
}
.editor-media-card-img {
  margin-top: 1.25rem;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 16 / 9;
  background: #f3f3f3;
}
.editor-media-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.editor-media-card:hover .editor-media-card-img img {
  transform: scale(1.05);
}
.prose .editor-media-card-header h4,
.prose .editor-media-card-header p {
  margin-top: 0;
}
.prose .editor-media-card-header p {
  margin-bottom: 0;
}
.prose .editor-media-card-img {
  margin-top: 1.25rem;
}
.prose .editor-media-card-img img {
  margin: 0;
  max-width: none;
}

.editor-cta-card {
  margin: 2rem 0;
  padding: 2rem 2.25rem 1.75rem;
  background: #ffffff;
  border-radius: 12px;
  text-align: center;
}
.editor-cta-card p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.75;
}
.editor-cta-card p + p {
  margin-top: 1.25rem;
}
.editor-cta-card-btn {
  display: inline-block;
  padding: 0.7em 1.4em;
  background: var(--c1);
  color: #fff !important;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(35 92 179 / 0.22);
}
.editor-cta-card-btn:hover {
  background: #133363;
  color: #fff !important;
}

.editor-steps-card,
.editor-quote-card,
.editor-notice-card,
.editor-tip-card,
.editor-ok-card {
  margin: 1.25rem 0;
  padding: 1.25rem 1.5rem;
  border-radius: 8px;
}
.editor-steps-card h4,
.editor-quote-card h4,
.editor-notice-card h4,
.editor-tip-card h4,
.editor-ok-card h4 {
  margin: 0 0 0.65rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.editor-steps-card p,
.editor-quote-card p,
.editor-notice-card p,
.editor-tip-card p,
.editor-ok-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
}

.editor-steps-card h4,
.editor-quote-card h4,
.editor-notice-card h4 {
  color: var(--c1);
}
.editor-steps-item {
  margin-top: 0.85rem;
}
.editor-steps-item h5 {
  margin: 0 0 0.25rem;
  color: var(--c1);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.editor-steps-item p {
  color: var(--c2);
}

.editor-steps-card {
  background: #faf7f8;
  border-left: 4px solid var(--c1);
}

.editor-quote-card {
  background: #fdecee;
}
.editor-quote-card p {
  color: var(--c2);
}

.editor-notice-card {
  background: #fff7ed;
  border-left: 4px solid #f59e0b;
}
.editor-notice-card p {
  color: var(--c2);
}

.editor-tip-card {
  background: #f6f8fb;
  border-left: 4px solid #3b82f6;
}
.editor-tip-card h4 {
  color: #2563eb;
}
.editor-tip-card p {
  color: var(--c2);
}

.editor-ok-card {
  background: #eaf8ef;
  border-left: 4px solid #22c55e;
}
.editor-ok-card h4,
.editor-ok-card p {
  color: #15803d;
}

.prose .editor-cta-card p,
.prose .editor-steps-card p,
.prose .editor-quote-card p,
.prose .editor-notice-card p,
.prose .editor-tip-card p,
.prose .editor-ok-card p,
.prose .editor-steps-card h4,
.prose .editor-quote-card h4,
.prose .editor-notice-card h4,
.prose .editor-tip-card h4,
.prose .editor-ok-card h4,
.prose .editor-steps-item h5 {
  margin-top: 0;
}
.prose .editor-cta-card p,
.prose .editor-steps-card p,
.prose .editor-quote-card p,
.prose .editor-notice-card p,
.prose .editor-tip-card p,
.prose .editor-ok-card p,
.prose .editor-steps-card h4,
.prose .editor-quote-card h4,
.prose .editor-notice-card h4,
.prose .editor-tip-card h4,
.prose .editor-ok-card h4,
.prose .editor-steps-item h5 {
  margin-bottom: 0;
}
.prose .editor-cta-card p + p,
.prose .editor-steps-item {
  margin-top: 1.25rem;
}
.prose .editor-steps-item h5 {
  margin-bottom: 0.25rem;
}
.prose .editor-steps-card h4,
.prose .editor-quote-card h4,
.prose .editor-notice-card h4,
.prose .editor-tip-card h4,
.prose .editor-ok-card h4 {
  margin-bottom: 0.65rem;
}