/* v819 — icon refinement for simplified Working Visa article.
   Remove boxed heading icons and make icons large, clear, colorful like the approved reference. Sidebar intentionally untouched. */

.working-icons-v819 .working-simple-main-v818 {
  --v819-navy: #061b38;
  --v819-blue: #006de5;
  --v819-red: #ff394f;
  --v819-green: #21b45b;
  --v819-orange: #ff9e16;
  --v819-purple: #7b4dff;
}

/* Big section heading icons: no square box, no background, no border */
.working-icons-v819 .working-simple-main-v818 .simple-section-v818 h3,
.working-icons-v819 .working-simple-main-v818 .simple-final-v818 h3 {
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 13px !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-section-v818 h3 span,
.working-icons-v819 .working-simple-main-v818 .simple-final-v818 h3 span,
.working-icons-v819 .working-simple-main-v818 .simple-heading-icon-v819 {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: 34px !important;
  line-height: 1 !important;
  transform: translateY(1px);
  filter: saturate(1.25) contrast(1.05);
}

/* Final CTA heading icon can be slightly larger */
.working-icons-v819 .working-simple-main-v818 .simple-final-v818 h3 span {
  font-size: 38px !important;
}

/* Large section heading text should match icon weight */
.working-icons-v819 .working-simple-main-v818 .simple-section-v818 h3 {
  font-size: clamp(28px, 2.35vw, 36px) !important;
  line-height: 1.12 !important;
  color: var(--v819-navy) !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-final-v818 h3 {
  font-size: clamp(27px, 2.25vw, 34px) !important;
}

/* Note icon: keep circular because it is an alert badge, but make it clearer */
.working-icons-v819 .working-simple-note-v818 .simple-note-icon-v818 {
  width: 38px !important;
  height: 38px !important;
  font-size: 22px !important;
  background: var(--v819-blue) !important;
  box-shadow: 0 10px 22px rgba(0, 109, 229, .18);
}

/* Bullet icons should be smaller than headings but still crisp */
.working-icons-v819 .working-simple-main-v818 .simple-check-list-v818 li,
.working-icons-v819 .working-simple-main-v818 .simple-doc-list-v818 li {
  padding-left: 32px !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-check-list-v818 li::before {
  content: "✅" !important;
  top: 0.05em !important;
  font-size: 17px !important;
  line-height: 1 !important;
  color: var(--v819-green) !important;
  filter: saturate(1.2);
}

.working-icons-v819 .working-simple-main-v818 .simple-doc-list-v818 li::before {
  content: "📎" !important;
  top: 0.06em !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: var(--v819-blue) !important;
  filter: saturate(1.2);
}

/* Numbered process list: keep numbers, but make badge cleaner and not too card-like */
.working-icons-v819 .working-simple-main-v818 .simple-step-list-v818 {
  gap: 12px !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-step-list-v818 li {
  border-left-width: 5px !important;
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-step-list-v818 li::before {
  width: 36px !important;
  height: 36px !important;
  font-size: 16px !important;
  box-shadow: 0 8px 18px rgba(7,29,58,.10);
}

/* Make links and strong text more polished */
.working-icons-v819 .working-simple-main-v818 .simple-doc-list-v818 a strong {
  color: var(--v819-blue) !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-doc-list-v818 a:hover strong {
  text-decoration: underline;
}

/* Processing time highlight clearer */
.working-icons-v819 .working-simple-main-v818 .simple-big-blue-v818 {
  color: var(--v819-blue) !important;
  font-size: 34px !important;
  font-weight: 950 !important;
  letter-spacing: -.04em;
}

/* Let article feel closer to a clean text page, not a boxed UI dashboard */
.working-icons-v819 .working-simple-main-v818 .simple-section-v818 {
  padding-bottom: 22px !important;
  margin-bottom: 34px !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-section-v818 p {
  font-size: 16.8px !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-soft-line-v818 {
  border-left: 5px solid var(--v819-blue) !important;
  background: #f4f9ff !important;
  box-shadow: none !important;
}

.working-icons-v819 .working-simple-main-v818 .simple-final-v818 {
  background:
    radial-gradient(circle at 92% 16%, rgba(0,109,229,.13), transparent 28%),
    linear-gradient(135deg, #eef7ff, #ffffff) !important;
}

/* On smaller screens, keep icons clear but not overwhelming */
@media (max-width: 780px) {
  .working-icons-v819 .working-simple-main-v818 .simple-section-v818 h3 span,
  .working-icons-v819 .working-simple-main-v818 .simple-final-v818 h3 span,
  .working-icons-v819 .working-simple-main-v818 .simple-heading-icon-v819 {
    font-size: 30px !important;
  }

  .working-icons-v819 .working-simple-main-v818 .simple-section-v818 h3,
  .working-icons-v819 .working-simple-main-v818 .simple-final-v818 h3 {
    align-items: flex-start !important;
  }
}