@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Roboto:wght@400;500;700;800&display=swap');

  #eecw1 {
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%
  }

  /* ===================================================================
   EEC CLAIMS PROCEDURE - WEB CONTENT PAGES
   Self-contained single file. No external requests.
   Icons: Font Awesome 6.5.2 (CC BY 4.0), vendored and inlined.
   =================================================================== */

  #eecw1 {
      --green-900: #04331b;
      --green-800: #054a29;
      --green-700: #056731;
      --green-600: #0a8a3c;
      --green-500: #5bbf14;
      --green-100: #deeee4;
      --green-050: #f0f7f3;
      --green-025: #f7fcf3;
      --yellow: #fff200;
      --yellow-dk: #8a6100;
      --yellow-100: #fff2b0;
      --yellow-050: #fffbe0;
      --red-700: #9B2C1F;
      --red-050: #FCEFED;
      --red-200: #F0C8C2;
      --ink: #152A20;
      --ink-soft: #45594E;
      --ink-mute: #748A7D;
      --line: #d8e6de;
      --white: #fff;
      --shadow: 0 1px 2px rgba(3, 52, 31, .05), 0 6px 18px rgba(3, 52, 31, .06);
      --radius: 12px;
  }

  #eecw1 * {
      box-sizing: border-box
  }

  #eecw1 {
      scroll-behavior: smooth;
      -webkit-text-size-adjust: 100%
  }

  #eecw1 {
      margin: 0;
      background: var(--white);
      color: var(--ink);
      font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      font-size: 16.5px;
      line-height: 1.62;
  }

  #eecw1 .ic {
      width: 1em;
      height: 1em;
      fill: currentColor;
      flex: none;
      display: block
  }

  #eecw1 a {
      color: var(--green-700)
  }

  #eecw1 .sr {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0)
  }

  /* ================= header ================= */
  #eecw1 .topbar {
      background: var(--green-900);
      color: #CFE3D7;
      font-size: 13px
  }

  #eecw1 .topbar .in {
      max-width: 1240px;
      margin: 0 auto;
      padding: 7px 24px;
      display: flex;
      flex-wrap: wrap;
      gap: 6px 22px;
      align-items: center
  }

  #eecw1 .topbar b {
      color: var(--yellow)
  }

  #eecw1 .head {
      border-bottom: 1px solid var(--line);
      background: var(--white)
  }

  #eecw1 .head .in {
      max-width: 1240px;
      margin: 0 auto;
      padding: 22px 24px;
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap
  }

  #eecw1 .logo-slot {
      width: 124px;
      height: 58px;
      flex: none;
      border: 2px dashed var(--line);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 4px;
      font-size: 9.5px;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #9FB6A8;
  }

  #eecw1 .head h1 {
      margin: 0;
      font-size: clamp(24px, 3.4vw, 34px);
      line-height: 1.1;
      color: var(--green-900);
      font-weight: 800;
      letter-spacing: -.02em
  }

  #eecw1 .head .sub {
      margin: 3px 0 0;
      color: var(--ink-mute);
      font-size: 14px
  }

  /* ================= hero ================= */
  #eecw1 .hero {
      background:
          radial-gradient(1200px 400px at 88% -30%, rgba(253, 185, 19, .22), transparent 60%),
          linear-gradient(135deg, var(--green-800) 0%, var(--green-700) 55%, var(--green-600) 100%);
      color: #fff;
  }

  #eecw1 .hero .in {
      max-width: 1240px;
      margin: 0 auto;
      padding: 46px 24px 52px
  }

  #eecw1 .hero h2 {
      margin: 0 0 12px;
      font-size: clamp(26px, 4vw, 42px);
      line-height: 1.14;
      font-weight: 800;
      letter-spacing: -.02em;
      max-width: 22ch
  }

  #eecw1 .hero p {
      margin: 0;
      max-width: none;
      font-size: 17.5px;
      color: #DDF0E4
  }

  #eecw1 .hero .pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 24px
  }

  #eecw1 .pill {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      background: rgba(255, 255, 255, .12);
      border: 1px solid rgba(255, 255, 255, .28);
      border-radius: 999px;
      padding: 7px 16px;
      font-size: 14px;
      font-weight: 600;
      color: #fff;
  }

  #eecw1 .pill .ic {
      color: var(--yellow);
      font-size: 14px
  }

  /* ================= layout ================= */
  #eecw1 .shell {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 24px 72px;
      display: grid;
      grid-template-columns: 272px 1fr;
      gap: 44px;
      align-items: start
  }

  /* nav */
  #eecw1 .side {
      position: sticky;
      top: 18px;
      padding-top: 34px
  }

  #eecw1 .side .cap {
      font-size: 11.5px;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--ink-mute);
      font-weight: 700;
      margin: 0 0 12px;
      padding-left: 14px
  }

  #eecw1 .side nav {
      display: flex;
      flex-direction: column;
      gap: 3px;
      border-left: 2px solid var(--line);
  }

  #eecw1 .side a {
      display: flex;
      align-items: center;
      gap: 11px;
      padding: 10px 14px;
      margin-left: -2px;
      border-left: 3px solid transparent;
      color: var(--ink-soft);
      text-decoration: none;
      font-size: 15px;
      font-weight: 600;
      border-radius: 0 8px 8px 0;
  }

  #eecw1 .side a .ic {
      font-size: 15px;
      color: var(--ink-mute)
  }

  #eecw1 .side a:hover {
      background: var(--green-025);
      color: var(--green-800)
  }

  #eecw1 .side a.on {
      background: var(--green-050);
      color: var(--green-800);
      border-left-color: var(--green-600)
  }

  #eecw1 .side a.on .ic {
      color: var(--green-600)
  }

  #eecw1 .side .dl {
      margin-top: 22px;
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: center;
      background: var(--green-700);
      color: #fff;
      border: 0;
      border-radius: 10px;
      padding: 12px 14px;
      font: inherit;
      font-size: 14.5px;
      font-weight: 700;
      cursor: pointer;
      width: 100%;
  }

  #eecw1 .side .dl:hover {
      background: var(--green-800)
  }

  /* mobile nav */
  #eecw1 .mnav {
      display: none
  }

  /* ================= panels ================= */
  #eecw1 main {
      padding-top: 34px;
      min-width: 0
  }

  #eecw1 .panel {
      display: none;
      animation: fade .22s ease
  }

  #eecw1 .panel.on {
      display: block
  }

  @keyframes fade {
      from {
          opacity: 0;
          transform: translateY(5px)
      }

      to {
          opacity: 1;
          transform: none
      }
  }

  #eecw1 .kicker {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--green-600);
      margin: 0 0 6px
  }

  #eecw1 h2.sec {
      font-size: clamp(24px, 3.2vw, 33px);
      line-height: 1.16;
      margin: 0 0 6px;
      color: var(--green-900);
      font-weight: 800;
      letter-spacing: -.02em
  }

  #eecw1 h2.sec+.lede {
      margin: 0 0 26px;
      color: var(--ink-soft);
      font-size: 17.5px;
      max-width: none
  }

  #eecw1 h3 {
      font-size: 20px;
      margin: 34px 0 10px;
      color: var(--green-900);
      font-weight: 800;
      letter-spacing: -.01em
  }

  #eecw1 h4 {
      font-size: 16.5px;
      margin: 22px 0 8px;
      color: var(--green-800);
      font-weight: 800
  }

  #eecw1 p {
      margin: 0 0 14px;
      max-width: none
  }

  #eecw1 .sec-rule {
      height: 3px;
      width: 56px;
      background: var(--yellow);
      border-radius: 3px;
      margin: 0 0 22px
  }

  /* ticked / crossed lists */
  #eecw1 ul.tick,
  #eecw1 ul.cross,
  #eecw1 ul.dot {
      list-style: none;
      margin: 0 0 18px;
      padding: 0;
      display: grid;
      gap: 9px
  }

  #eecw1 ul.tick li,
  #eecw1 ul.cross li,
  #eecw1 ul.dot li {
      display: flex;
      gap: 11px;
      align-items: flex-start;
      max-width: none
  }

  #eecw1 ul.tick li .ic {
      color: var(--green-600);
      font-size: 17px;
      margin-top: 4px
  }

  #eecw1 ul.cross li .ic {
      color: var(--red-700);
      font-size: 17px;
      margin-top: 4px
  }

  #eecw1 ul.dot li .ic {
      color: var(--yellow-dk);
      font-size: 8px;
      margin-top: 11px
  }

  /* cards */
  #eecw1 .grid2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px
  }

  #eecw1 .grid3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px
  }

  #eecw1 .card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 20px 22px;
      background: var(--white);
      box-shadow: var(--shadow);
  }

  #eecw1 .card h4 {
      margin-top: 0
  }

  #eecw1 .card.good {
      border-color: var(--green-100);
      background: var(--green-025)
  }

  #eecw1 .card.bad {
      border-color: var(--red-200);
      background: var(--red-050)
  }

  #eecw1 .card.good h4 {
      color: var(--green-800);
      display: flex;
      align-items: center;
      gap: 9px
  }

  #eecw1 .card.bad h4 {
      color: var(--red-700);
      display: flex;
      align-items: center;
      gap: 9px
  }

  #eecw1 .card.bad ul.cross li .ic {
      color: var(--red-700)
  }

  /* callouts */
  #eecw1 .note {
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      background: var(--yellow-050);
      border-radius: 10px;
      padding: 16px 20px;
      margin: 0 0 22px;
      display: flex;
      gap: 14px;
      align-items: flex-start;
  }

  #eecw1 .note .ic {
      font-size: 20px;
      color: var(--yellow-dk);
      margin-top: 2px
  }

  #eecw1 .note p {
      margin: 0;
      max-width: none
  }

  #eecw1 .note b {
      color: var(--green-900)
  }

  #eecw1 .note.green {
      border-left-color: var(--green-600);
      background: var(--green-025)
  }

  #eecw1 .note.green .ic {
      color: var(--green-600)
  }

  /* definition list */
  #eecw1 .defs {
      display: grid;
      gap: 14px;
      margin: 0 0 20px
  }

  #eecw1 .def {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 18px 22px;
      background: var(--white);
      box-shadow: var(--shadow)
  }

  #eecw1 .def dt {
      font-weight: 800;
      color: var(--green-800);
      font-size: 17px;
      margin-bottom: 3px
  }

  #eecw1 .def dd {
      margin: 0;
      color: var(--ink-soft)
  }

  /* checklist */
  #eecw1 .checklist {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin: 0 0 24px
  }

  #eecw1 .chk {
      display: flex;
      gap: 13px;
      align-items: flex-start;
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 14px 16px;
      background: var(--white);
  }

  #eecw1 .chk .box {
      width: 22px;
      height: 22px;
      flex: none;
      border: 2px solid var(--green-600);
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--green-600);
      font-size: 12px;
      margin-top: 2px;
  }

  #eecw1 .chk .t {
      min-width: 0
  }

  #eecw1 .chk .t b {
      display: block;
      font-size: 15.5px;
      color: var(--green-900)
  }

  #eecw1 .chk .t span {
      font-size: 14px;
      color: var(--ink-mute)
  }

  /* process steps */
  #eecw1 .steps {
      border-left: 3px solid var(--green-100);
      margin: 0 0 6px;
      padding: 0 0 0 0;
      list-style: none
  }

  #eecw1 .stp {
      position: relative;
      padding: 0 0 26px 30px
  }

  #eecw1 .stp::before {
      content: attr(data-n);
      position: absolute;
      left: -19px;
      top: 2px;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background: var(--green-700);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 16px;
      box-shadow: 0 0 0 5px #fff;
  }

  #eecw1 .stp .hd {
      display: flex;
      align-items: center;
      gap: 11px;
      flex-wrap: wrap;
      margin-bottom: 6px
  }

  #eecw1 .stp .hd h3 {
      margin: 0;
      font-size: 20.5px
  }

  #eecw1 .stp .hd .ic {
      font-size: 19px;
      color: var(--green-600)
  }

  #eecw1 .tl {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: var(--yellow-050);
      border: 1px solid var(--yellow);
      color: var(--yellow-dk);
      border-radius: 999px;
      padding: 3px 12px 3px 10px;
      font-size: 13px;
      font-weight: 700;
  }

  #eecw1 .tl .ic {
      font-size: 12px;
      color: var(--yellow-dk)
  }

  #eecw1 .stp .bd {
      color: var(--ink-soft)
  }

  #eecw1 .stp .bd p:last-child {
      margin-bottom: 0
  }

  /* timeline summary table */
  #eecw1 .tbl {
      width: 100%;
      border-collapse: collapse;
      margin: 0 0 22px;
      font-size: 15.5px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden
  }

  #eecw1 .tbl th,
  #eecw1 .tbl td {
      text-align: left;
      padding: 12px 16px;
      border-bottom: 1px solid var(--line);
      vertical-align: top
  }

  #eecw1 .tbl thead th {
      background: var(--green-800);
      color: #fff;
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
      font-weight: 700;
      border-bottom: 0
  }

  #eecw1 .tbl tbody tr:nth-child(even) {
      background: var(--green-025)
  }

  #eecw1 .tbl tbody tr:last-child td {
      border-bottom: 0
  }

  #eecw1 .tbl td:last-child {
      font-weight: 700;
      color: var(--green-800);
      white-space: nowrap
  }

  /* contact block */
  #eecw1 .cta {
      background: var(--green-900);
      color: #fff;
      border-radius: 16px;
      padding: 30px 32px;
      margin: 8px 0 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
      gap: 22px;
  }

  #eecw1 .cta h3 {
      color: #fff;
      margin: 0 0 4px;
      font-size: 22px;
      grid-column: 1/-1
  }

  #eecw1 .cta .row {
      display: flex;
      gap: 13px;
      align-items: flex-start
  }

  #eecw1 .cta .row .ic {
      font-size: 19px;
      color: var(--yellow);
      margin-top: 3px
  }

  #eecw1 .cta .row b {
      display: block;
      font-size: 12px;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #9FC2AC;
      font-weight: 700;
      margin-bottom: 2px
  }

  #eecw1 .cta .row span,
  #eecw1 .cta .row a {
      font-size: 16px;
      color: #fff;
      font-weight: 600;
      text-decoration: none;
      word-break: break-word
  }

  #eecw1 .cta .row a:hover {
      text-decoration: underline
  }

  /* rights grid */
  #eecw1 .rights {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 14px;
      margin: 0 0 22px
  }

  #eecw1 .right {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 18px 20px;
      background: var(--white);
      box-shadow: var(--shadow);
      display: flex;
      gap: 13px;
      align-items: flex-start;
  }

  #eecw1 .right .ic {
      font-size: 20px;
      color: var(--green-600);
      margin-top: 2px
  }

  #eecw1 .right p {
      margin: 0;
      font-size: 15.5px;
      color: var(--ink-soft)
  }

  /* footer */
  #eecw1 footer {
      border-top: 1px solid var(--line);
      background: var(--green-025);
      margin-top: auto
  }

  #eecw1 footer .in {
      max-width: 1240px;
      margin: 0 auto;
      padding: 26px 24px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px 28px;
      align-items: center;
      font-size: 14px;
      color: var(--ink-mute);
  }

  #eecw1 footer b {
      color: var(--green-800)
  }

  #eecw1 footer .r {
      margin-left: auto
  }

  /* ================= responsive ================= */
  @media (max-width:980px) {
      #eecw1 .shell {
          display: block;
          padding: 0 24px 48px
      }

      #eecw1 .side {
          display: none
      }

      #eecw1 .mnav {
          display: block;
          position: sticky;
          top: 0;
          z-index: 20;
          background: rgba(255, 255, 255, .96);
          backdrop-filter: blur(8px);
          border-bottom: 1px solid var(--line);
          margin: 0 -24px;
      }

      #eecw1 .mnav .scroll {
          display: flex;
          gap: 8px;
          overflow-x: auto;
          padding: 11px 24px;
          scrollbar-width: none
      }

      #eecw1 .mnav .scroll::-webkit-scrollbar {
          display: none
      }

      #eecw1 .mnav button {
          flex: none;
          border: 1px solid var(--line);
          background: var(--white);
          color: var(--ink-soft);
          border-radius: 999px;
          padding: 8px 15px;
          font: inherit;
          font-size: 14px;
          font-weight: 700;
          cursor: pointer;
          white-space: nowrap;
      }

      #eecw1 .mnav button.on {
          background: var(--green-700);
          border-color: var(--green-700);
          color: #fff
      }

      #eecw1 main {
          padding-top: 26px
      }

      #eecw1 .grid2,
      #eecw1 .grid3,
      #eecw1 .checklist {
          grid-template-columns: 1fr
      }
  }

  @media (max-width:560px) {
      #eecw1 {
          font-size: 16px
      }

      #eecw1 .hero .in {
          padding: 34px 20px 38px
      }

      #eecw1 .head .in,
      #eecw1 .topbar .in,
      #eecw1 .shell,
      #eecw1 footer .in {
          padding-left: 18px;
          padding-right: 18px
      }

      #eecw1 .mnav {
          margin: 0 -18px
      }

      #eecw1 .mnav .scroll {
          padding-left: 18px;
          padding-right: 18px
      }

      #eecw1 .cta {
          padding: 24px 20px
      }

      #eecw1 .stp {
          padding-left: 22px
      }

      #eecw1 .tbl {
          font-size: 14.5px
      }

      #eecw1 .tbl th,
      #eecw1 .tbl td {
          padding: 10px 12px
      }
  }

  /* ================= print ================= */

  #eecw1 h1,
  #eecw1 h2,
  #eecw1 h3,
  #eecw1 .sec,
  #eecw1 summary,
  #eecw1 .cta h3 {
      font-family: "Roboto", "Open Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif
  }

  #eecw1 {
      display: block
  }

  #eecw1 main {
      scroll-margin-top: 12px
  }

  #eecw1 .side a span {
      min-width: 0
  }

  #eecw1 {
      overflow-x: clip;
      overflow-wrap: anywhere
  }

  #eecw1 img,
  #eecw1 table,
  #eecw1 pre,
  #eecw1 video,
  #eecw1 svg {
      max-width: 100%
  }

  #eecw1 .shell,
  #eecw1 main,
  #eecw1 .panel,
  #eecw1 .sec-block,
  #eecw1 .acc,
  #eecw1 .hero .in,
  #eecw1 .acbody {
      min-width: 0;
      max-width: 100%
  }

  #eecw1 .tbl-wrap {
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin: 0 0 22px;
      border: 1px solid var(--line);
      border-radius: var(--radius)
  }

  #eecw1 .tbl-wrap .tbl {
      margin: 0;
      border: 0;
      border-radius: 0
  }

  @media (max-width:560px) {
      #eecw1 .tbl-wrap {
          overflow-x: visible;
          border: 0;
          border-radius: 0
      }

      #eecw1 .tbl,
      #eecw1 .tbl tbody,
      #eecw1 .tbl tr,
      #eecw1 .tbl td {
          display: block;
          width: auto
      }

      #eecw1 .tbl thead {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0)
      }

      #eecw1 .tbl tbody tr {
          border: 1px solid var(--line);
          border-radius: var(--radius);
          margin: 0 0 12px;
          background: var(--white)
      }

      #eecw1 .tbl td {
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          gap: 16px;
          padding: 10px 14px;
          border-bottom: 1px solid var(--line);
          white-space: normal
      }

      #eecw1 .tbl tr td:last-child {
          border-bottom: 0
      }

      #eecw1 .tbl td::before {
          content: attr(data-label);
          font-weight: 700;
          color: var(--ink-mute);
          font-size: 11.5px;
          letter-spacing: .05em;
          text-transform: uppercase;
          flex: none;
          padding-top: 2px
      }

      #eecw1 .tbl td:last-child {
          color: var(--green-800);
          font-weight: 700
      }
  }

  #eecw1 p,
  #eecw1 .lede {
      text-align: left;
      -webkit-hyphens: manual;
      hyphens: manual
  }

  #eecw1 .right p,
  #eecw1 .card p,
  #eecw1 .cta p,
  #eecw1 .cta,
  #eecw1 .note p,
  #eecw1 .def dd,
  #eecw1 .chk .t,
  #eecw1 .grid2 p,
  #eecw1 li {
      text-align: left;
      -webkit-hyphens: manual;
      hyphens: manual
  }

  #eecw1 .mnav::before,
  #eecw1 .mnav::after {
      content: "";
      position: absolute;
      top: 1px;
      bottom: 1px;
      width: 46px;
      pointer-events: none;
      z-index: 3;
      opacity: 0;
      transition: opacity .2s ease
  }

  #eecw1 .mnav::before {
      left: 0;
      background: linear-gradient(to right, #fff 26%, rgba(255, 255, 255, 0))
  }

  #eecw1 .mnav::after {
      right: 0;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='15' viewBox='0 0 9 15'><path d='M1.5 1.5l6 6-6 6' fill='none' stroke='%23056731' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 14px center/9px no-repeat, linear-gradient(to left, #fff 60%, rgba(255, 255, 255, 0))
  }

  #eecw1 .mnav.cue-left::before {
      opacity: 1
  }

  #eecw1 .mnav.cue-right::after {
      opacity: 1
  }

  @media (min-width:768px) {

      #eecw1 p,
      #eecw1 .lede {
          text-align: justify;
          -webkit-hyphens: auto;
          hyphens: auto
      }
  }