/* v818 — simplified article-style main content.
   Inspired by the simple reference page: large headings, clear icons, clean text, minimal carding.
   Sidebar is intentionally left as currently implemented. */

.working-simple-article-v818 .working-main-v814 {
  max-width: 870px;
}

.working-simple-article-v818 .working-simple-main-v818 {
  color: #092242;
}

/* Article title */
.working-simple-article-v818 .working-simple-title-v818 h2 {
  margin: 0 0 12px;
  color: #061b38;
  font-size: clamp(38px, 3.3vw, 52px);
  line-height: 1.03;
  letter-spacing: -.045em;
  font-weight: 950;
}

.working-simple-article-v818 .working-simple-title-v818 p {
  max-width: 820px;
  margin: 0 0 15px;
  color: #17304f;
  font-size: 17px;
  line-height: 1.72;
}

.working-simple-article-v818 .working-updated-v814 {
  margin-bottom: 18px !important;
  color: #526982 !important;
  font-size: 14px !important;
}

/* Blue note */
.working-simple-article-v818 .working-simple-note-v818 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin: 26px 0 18px;
  padding: 18px 20px;
  border: 1px solid #9fc8ff;
  border-left: 5px solid #0874ef;
  border-radius: 10px;
  background: linear-gradient(135deg, #eef7ff, #ffffff);
  box-shadow: 0 12px 28px rgba(0,95,210,.08);
}

.working-simple-article-v818 .simple-note-icon-v818 {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #0874ef;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
}

.working-simple-article-v818 .working-simple-note-v818 p {
  margin: 0;
  color: #092242;
  font-size: 15.5px;
  line-height: 1.55;
}

.working-simple-article-v818 .working-simple-note-v818 a {
  color: #005fd2;
  font-weight: 900;
  text-decoration: none;
}

/* Center CTA */
.working-simple-article-v818 .working-simple-center-v818 {
  text-align: center;
  margin: 0 0 46px;
}

.working-simple-article-v818 .working-simple-center-v818 small {
  display: block;
  margin-top: 10px;
  color: #526982;
  font-size: 13px;
}

/* Simple article sections */
.working-simple-article-v818 .simple-section-v818 {
  margin: 0 0 38px;
  padding-bottom: 4px;
  border-bottom: 1px solid #d8e6f5;
}

.working-simple-article-v818 .simple-section-v818 h3,
.working-simple-article-v818 .simple-final-v818 h3 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px;
  color: #061b38;
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: 1.13;
  letter-spacing: -.035em;
  font-weight: 950;
}

.working-simple-article-v818 .simple-section-v818 h3 span,
.working-simple-article-v818 .simple-final-v818 h3 span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 11px;
  background: #eaf4ff;
  color: #0874ef;
  font-size: 22px;
  box-shadow: inset 0 0 0 1px rgba(8,116,239,.10);
}

.working-simple-article-v818 .simple-section-v818 p {
  margin: 0 0 12px;
  color: #17304f;
  font-size: 16.5px;
  line-height: 1.72;
}

.working-simple-article-v818 .simple-section-v818 strong {
  color: #061b38;
  font-weight: 950;
}

/* Lists like the reference: simple, clear, not card-heavy */
.working-simple-article-v818 .simple-check-list-v818,
.working-simple-article-v818 .simple-doc-list-v818 {
  margin: 12px 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.working-simple-article-v818 .simple-check-list-v818 li,
.working-simple-article-v818 .simple-doc-list-v818 li,
.working-simple-article-v818 .simple-step-list-v818 li {
  position: relative;
  color: #17304f;
  font-size: 16px;
  line-height: 1.64;
}

.working-simple-article-v818 .simple-check-list-v818 li,
.working-simple-article-v818 .simple-doc-list-v818 li {
  padding-left: 28px;
}

.working-simple-article-v818 .simple-check-list-v818 li::before,
.working-simple-article-v818 .simple-doc-list-v818 li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: .1em;
  color: #0874ef;
  font-weight: 950;
  font-size: 18px;
}

.working-simple-article-v818 .simple-doc-list-v818 li::before {
  content: "▣";
  font-size: 15px;
  top: .22em;
}

.working-simple-article-v818 .simple-doc-list-v818 a {
  color: #005fd2;
  text-decoration: none;
}

.working-simple-article-v818 .simple-doc-list-v818 a:hover {
  text-decoration: underline;
}

.working-simple-article-v818 .simple-step-list-v818 {
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  counter-reset: workstep;
}

.working-simple-article-v818 .simple-step-list-v818 li {
  counter-increment: workstep;
  min-height: 64px;
  padding: 12px 18px 12px 66px;
  border-left: 4px solid #0874ef;
  border-radius: 10px;
  background: linear-gradient(135deg, #f2f8ff, #ffffff);
  box-shadow: 0 10px 24px rgba(7,29,58,.045);
}

.working-simple-article-v818 .simple-step-list-v818 li::before {
  content: counter(workstep);
  position: absolute;
  left: 16px;
  top: 14px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0874ef;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
}

.working-simple-article-v818 .simple-step-list-v818 li:nth-child(2)::before { background: #0ea5b7; }
.working-simple-article-v818 .simple-step-list-v818 li:nth-child(3)::before { background: #8b5cf6; }
.working-simple-article-v818 .simple-step-list-v818 li:nth-child(4)::before { background: #f59e0b; }
.working-simple-article-v818 .simple-step-list-v818 li:nth-child(5)::before { background: #22b86a; }

.working-simple-article-v818 .simple-soft-line-v818 {
  padding: 16px 18px;
  border: 1px solid #cfe4ff;
  border-radius: 10px;
  background: #f2f8ff;
  color: #092242 !important;
}

.working-simple-article-v818 .simple-small-note-v818 {
  margin-top: 14px !important;
  color: #526982 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.working-simple-article-v818 .simple-big-blue-v818 {
  display: inline-block;
  color: #0874ef !important;
  font-size: 30px;
  line-height: 1;
  margin: 0 4px;
}

/* Final CTA: simple, strong, clean */
.working-simple-article-v818 .simple-final-v818 {
  margin-top: 36px;
  padding: 28px;
  border: 1px solid #c8e1ff;
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 22%, rgba(8,116,239,.16), transparent 28%),
    linear-gradient(135deg, #edf7ff, #ffffff);
  box-shadow: 0 18px 42px rgba(0,95,210,.10);
}

.working-simple-article-v818 .simple-final-v818 h3 {
  margin-bottom: 10px;
}

.working-simple-article-v818 .simple-final-v818 p {
  max-width: 680px;
  margin: 0 0 18px;
  color: #17304f;
  font-size: 16.5px;
  line-height: 1.65;
}

/* Ensure old complex grids do not influence this simplified article */
.working-simple-article-v818 .working-simple-main-v818 .working-visa-type-grid-v814,
.working-simple-article-v818 .working-simple-main-v818 .working-step-flow-v814,
.working-simple-article-v818 .working-simple-main-v818 .working-doc-grid-v814,
.working-simple-article-v818 .working-simple-main-v818 .working-split-v814,
.working-simple-article-v818 .working-simple-main-v818 .working-final-cta-v814 {
  all: unset;
}

/* Keep sidebar as current, only avoid accidental override from simplified main */
.working-simple-article-v818 .working-sidebar-v814 {
  font-size: inherit;
}

@media (max-width: 780px) {
  .working-simple-article-v818 .simple-section-v818 h3,
  .working-simple-article-v818 .simple-final-v818 h3 {
    font-size: 27px;
  }

  .working-simple-article-v818 .working-simple-title-v818 h2 {
    font-size: 34px;
  }

  .working-simple-article-v818 .simple-step-list-v818 li {
    padding-left: 60px;
  }
}