.elementor-9079 .elementor-element.elementor-element-3626a20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-e303365 */.article-wrap{
  max-width: 980px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.75;
  color: #2c3440;
}

.article-wrap h1,
.article-wrap h2,
.article-wrap h3,
.article-wrap h4{
  color:#123d72;
}

.article-wrap a{
  color:#1e73be;
  text-decoration:none;
  font-weight:600;
}

.article-wrap a:hover{
  text-decoration:underline;
}

.card{
  background:#ffffff;
  border:1px solid #e5edf5;
  border-radius:14px;
  padding:28px;
  margin-bottom:24px;
  box-shadow:0 6px 20px rgba(18,61,114,.05);
}

.hero{
  background:linear-gradient(180deg,#f9fcff 0%,#eef6fc 100%);
}

.eyebrow{
  display:inline-block;
  margin:0 0 12px;
  padding:6px 12px;
  border-radius:999px;
  background:#e7f2fb;
  color:#123d72;
  font-size:13px;
  font-weight:700;
}

.subhead{
  font-size:18px;
  color:#5f7287;
  margin-bottom:18px;
}

.hero-figure,
.inline-figure{
  margin:18px 0 0;
}

.hero-figure img,
.inline-figure img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

.hero-figure figcaption,
.inline-figure figcaption{
  margin-top:10px;
  font-size:14px;
  color:#6b7d90;
  text-align:center;
}

.snippet-box{
  border-left:5px solid #1e73be;
  background:#fbfdff;
}

.info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:14px;
}

.mini-card{
  background:#f8fbfe;
  border:1px solid #e5edf5;
  border-radius:12px;
  padding:16px;
}

.mini-card h3,
.mini-card h4{
  margin-top:0;
  margin-bottom:8px;
}

.process-steps{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:14px;
}

.step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  background:#f8fbfe;
  border:1px solid #e5edf5;
  border-radius:12px;
}

.step-no{
  min-width:30px;
  height:30px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#1e73be;
  color:#fff;
  font-weight:700;
  font-size:14px;
}

.striped{
  width:100%;
  border-collapse:collapse;
  margin-top:18px;
  font-size:15px;
}

.striped th{
  background:#f5f7f9;
  padding:12px;
  text-align:left;
  border-bottom:2px solid #d7e1ea;
  color:#123d72;
}

.striped td{
  padding:12px;
  border-bottom:1px solid #e9eef3;
}

.striped tr:nth-child(even){
  background:#fafcfe;
}

.resources-card{
  background:#fcfdff;
}

.cta{
  background:linear-gradient(180deg,#f4f9ff 0%,#ecf5ff 100%);
  border:1px solid #d7e7fb;
  text-align:center;
}

.cta-row{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:18px;
}

.btn-primary,
.btn-secondary{
  display:inline-block;
  padding:12px 22px;
  border-radius:8px;
  text-decoration:none !important;
  font-weight:700;
}

.btn-primary{
  background:#1e73be;
  color:#ffffff !important;
}

.btn-primary:hover{
  background:#155a92;
}

.btn-secondary{
  background:#ffffff;
  color:#123d72 !important;
  border:1px solid #cfe0f2;
}

.btn-secondary:hover{
  background:#f6fbff;
}

@media (max-width:768px){
  .info-grid,
  .process-steps{
    grid-template-columns:1fr;
  }

  .card{
    padding:20px;
  }

  .subhead{
    font-size:16px;
  }
}

.related-articles{
  background:#ffffff;
  border:1px solid #e5edf5;
}

.related-header{
  margin-bottom:18px;
}

.related-header h2{
  margin:0 0 10px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.related-card{
  display:block;
  text-decoration:none !important;
  background:#f8fbfe;
  border:1px solid #e5edf5;
  border-radius:12px;
  padding:16px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.related-card:hover{
  transform:translateY(-2px);
  border-color:#cfe0f2;
  box-shadow:0 8px 18px rgba(18,61,114,.08);
}

.related-card h3{
  margin:10px 0 8px;
  font-size:20px;
  line-height:1.35;
  color:#123d72;
}

.related-card p{
  margin:0;
  font-size:15px;
  color:#2c3440;
  font-weight:400;
}

.related-tag{
  display:inline-block;
  padding:5px 10px;
  border-radius:999px;
  background:#e7f2fb;
  color:#1e73be;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.2px;
}

.mop-decision-tree{
  background:#fcfdff;
}

.decision-tree{
  display:grid;
  gap:18px;
  margin-top:18px;
}

.decision-node{
  background:#f8fbfe;
  border:1px solid #e5edf5;
  border-radius:12px;
  padding:18px;
}

.decision-node h3{
  margin-top:0;
  margin-bottom:10px;
}

.decision-path{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:14px;
}

.path-box{
  border-radius:12px;
  padding:16px;
  border:1px solid #dfeaf4;
  background:#ffffff;
}

.path-box span{
  display:inline-block;
  margin-bottom:8px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.2px;
}

.yes-box span{
  background:#e8f6ec;
  color:#1f7a38;
}

.no-box span{
  background:#fff0f0;
  color:#b13a3a;
}

.path-box p{
  margin:0;
  font-size:15px;
}

.decision-summary{
  margin-top:18px;
  padding:18px;
  border:1px solid #e5edf5;
  border-radius:12px;
  background:#f8fbfe;
}

.decision-summary h3{
  margin-top:0;
}

@media (max-width:768px){
  .related-grid,
  .decision-path{
    grid-template-columns:1fr;
  }
}/* End custom CSS */