/* JS helpers */
  .js-hidden {
      display: none !important;
  }

  .js-force-show {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
  }

  #page>section.container.investerMoreresource>div.pointer>p {
      font-weight: 500;
  }


  /* ====== Issue Page styles ====== */
  .issueHeader {
      background-image: url(../images/IssueHeaderImag.png);
      background-size: cover;
      background-repeat: no-repeat;
      height: 529px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .issueHeader__content-category {
      display: flex;
      margin-bottom: 10px;
  }

  .issueHeader__content-category span {
      width: 24px !important;
      height: 24px !important;
      background-color: var(--Maroon);
  }

  .issueHeader__content-category p {
      margin: auto 0 auto 12px;
  }

  .issueHeader__content-title h1 {
      color: var(--White);
      margin-bottom: 32px;
  }

  .issueHeader__content-text p {
      color: var(--White);
      padding-left: 24px;
      border-left: 1px solid #fff;
      font-weight: 500;
  }

  .issueHeader__Maincontent {
      margin-block: 120px;
  }

  .issueHeader__Maincontent h1,
  .issueHeader__Maincontent h2,
  .issueHeader__Maincontent h3,
  .issueHeader__Maincontent h4,
  .issueHeader__Maincontent h5,
  .issueHeader__Maincontent h6 {
      margin-bottom: 40px;
  }

  .issueHeader__Maincontent p {
      color: var(--Midnight);
      padding-left: 24px;
      font-family: "Cera Pro";
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
  }

  .issueResourcesroom {
      margin-bottom: 120px;
      margin-top: 60px;
  }

  .issueResourcesroom h2 {
      margin-bottom: 40px;
  }

  .issueResourcesroom .issueHeader__content-category p {
      color: var(--Midnight);
      font-family: "Cera Pro";
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 15px;
  }

  .issueResourcesroom__cards {
      padding-inline: inherit;
      gap: calc((100% - 1180px)/3);
  }

  .issueResourcesroom__cards .smallVerticalCards__card {
      width: 295px !important;
      margin-bottom: 40px;
  }

  .issueResourcesroom__cards .smallVerticalCards__card img {
      height: 211px !important;
  }

  .issueNewsroom {
      padding-block: 120px;
      background-color: #EEF2FB;
  }

  .issueNewsroom .issueHeader__content-category span {
      background-color: #1651A5;
  }

  .issueNewsroom__cards {
      margin-bottom: 20px;
  }

  .issueNewsroom__cards .horizontalCard {
      width: 50% !important;
      height: 180px !important;
  }

  .issueNewsroom__cards .horizontalCard__image {
      width: 295px !important;
      height: 180px !important;
  }

  .issueNewsroom__cards .horizontalCard__content {
      padding-left: 20px;
  }

  .issueNewsroom__cards .horizontalCard__content_text {
      font-size: 18px;
  }

  .issueNewsroom__cards .horizontalCard__content p {
      height: 72px;
      overflow: hidden;
      color: #000;
  }

  .issuesWithinImmigration {
      margin-block: 120px;
  }

  .issuesWithinImmigration__button {
      margin-block: 40px;
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
  }

  .issuesWithinImmigration__button button {
      padding-inline: 30px;
      margin-right: 16px;
  }

  .issuesWithinImmigration__cards {
      padding-inline: inherit;
      justify-content: space-between;
  }

  .issuesWithinImmigration__cards .smallVerticalCards__card {
      width: 295px !important;
      margin-bottom: 40px;
  }

  .issuesWithinImmigration__cards .smallVerticalCards__card img {
      height: 211px !important;
  }

  .issueConnectProfessional {
      margin-block: 120px;
  }

  .FAQ {
      margin-block: 120px;
  }

  .border-left {
      border-left: 1px solid #132554;
  }

  /* ===== Mobile-only Directory card ===== */
  .dirProMobile {
      display: none;
      padding: 24px;
      margin: 32px auto 0;
      max-width: 640px;
  }

  .dirProMobile h2 {
      color: #132554;
      font-weight: 800;
      margin: 0 0 16px;
      font-size: 28px;
  }

  .dirProMobile img {
      width: 100%;
      height: 150px;
      display: block;
      margin: 8px 0 16px;
      object-fit: cover;
  }

  .dirProMobile p {
      font-size: 14px
  }

  .dirProMobile .dirProMobile__btn {
      display: block;
      width: 100%;
      text-align: center;
      padding: 14px 18px;
      background: #132554;
      color: #fff;
      text-decoration: none;
      font-weight: 500;
  }

  /* Responsive */
  @media only screen and (max-width:600px) {
      .issueHeader {
          background-size: contain !important;
      }

      .horizontalCard__image img {
          margin-right: 16px;
          width: 100%;
          height: auto;
          align-self: stretch;
      }

      .issueNewsroom__cards .horizontalCard__image {
          height: auto !important;
          margin-bottom: 0px !important;
      }

      .issueHeader {
          background-size: contain;
      }

      .issueHeader__content-category span {
          width: 16px !important;
          height: 16px !important;
          background-color: var(--Maroon);
          margin-top: 4px;
      }

      .issueHeader {
          background-repeat: round;
          height: 414px;
          padding-inline: 30px;
      }

      .issueHeader__Maincontent .border-left {
          border-left: none;
      }

      .issueHeader__content-category p {
          font-size: 18px;
      }

      .issueHeader__content-title h1 {
          font-size: 28px;
      }

      .issueNewsroom h2 {
          font-size: 28px;
      }

      .issueHeader__content-text p {
          font-family: "Cera Pro";
          font-size: 16px;
          font-weight: 500;
          line-height: 150%;
      }

      .issueHeader__Maincontent {
          margin-block: 48px;
          padding-inline: 30px;
      }

      .issueHeader__Maincontent h1,
      .issueHeader__Maincontent h2,
      .issueHeader__Maincontent h3,
      .issueHeader__Maincontent h4,
      .issueHeader__Maincontent h5,
      .issueHeader__Maincontent h6 {
          margin-bottom: 16px;
          font-family: "Cera Pro";
          font-size: 28px;
          font-weight: 700;
          line-height: 130%;
      }

      .issueHeader__Maincontent p {
          border-left: none;
          padding-left: 0;
      }

      .issueResourcesroom {
          margin-bottom: 48px;
          padding-inline: 30px;
          margin-top: 90px;
      }

      .issueResourcesroom .issueHeader__content-category p {
          margin-bottom: 0;
      }

      .issueResourcesroom__cards {
          flex-direction: column;
          padding-inline: 10px;
      }

      .issueResourcesroom__cards .smallVerticalCards__card {
          width: auto !important;
          margin-bottom: 30px;
      }

      .issueResourcesroom__cards .smallVerticalCards__card div:first-child {
          height: 240px !important;
      }

      .issueResourcesroom__cards .smallVerticalCards__card img {
          height: inherit !important;
      }

      .issueNewsroom {
          padding-block: 48px;
          padding-inline: 30px;
      }

      .issueNewsroom__cards .horizontalCard {
          width: 100% !important;
          display: flex;
          flex-direction: column;
          height: auto !important;
      }

      .issueNewsroom__cards .horizontalCard__content {
          padding-left: 0;
          width: 100%;
      }

      .issueNewsroom__cards .horizontalCard__image {
          width: 100% !important;
          margin-bottom: 20px;
      }

      .issueNewsroom__cards .horizontalCard__image img {
          margin-bottom: 20px;
      }

      .issueNewsroom__cards .horizontalCard__content_text {
          font-size: 18px;
      }

      .horizontalCard__content_link .text-decoration-none {
          font-size: 16px;
      }

      .issueResourcesroom h2 {
          font-size: 28px;
          margin-bottom: 20px;
      }

      .issuesWithinImmigration {
          margin-block: 48px;
          padding-inline: 30px;
      }

      .issuesWithinImmigration h2 {
          font-size: 28px;
          margin-bottom: 30px;
      }

      .issuesWithinImmigration__button {
          margin-block: 32px;
      }

      .issuesWithinImmigration__button button {
          padding-inline: 30px;
          margin-right: 16px;
          margin-bottom: 16px;
      }

      .issuesWithinImmigration__cards {
          display: contents;
      }

      .issuesWithinImmigration__cards .smallVerticalCards__card {
          width: 100% !important;
      }

      .issuesWithinImmigration__cards .smallVerticalCards__card img {
          height: 262px !important;
      }

      .FAQ {
          margin-block: 84px 64px;
          padding-inline: 30px;
      }

      .issue-accordion h1 {
          font-size: 28px;
          margin-bottom: 0 !important;
          padding-right: 20px;
      }

      .accordion h3 {
          font-size: 18px;
      }

      .panel p {
          font-size: 14px;
      }

      .active,
      .accordion:hover {
          background-color: #fff !important;
          margin-bottom: -10px;
      }

      /* Mobile card shown; large banner hidden */
      .dirProMobile {
          display: block;
      }

      .issueConnectProfessional {
          display: none;
      }

      /* Limit: only first 3 topic pills show on mobile */
      .issuesWithinImmigration__button>a.PillButton:nth-child(n+4) {
          display: none !important;
      }
  }

  /* Ehsan’s accordion styles (unchanged) */
  .newsroom-header {
      margin-bottom: 50px;
  }

  .issue-accordion {
      display: grid;
      row-gap: 22px;
  }

  .accordion-icon {
      font-size: 25px;
      right: 0;
  }

  .accordion {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      justify-content: space-evenly;
      color: #132554;
      cursor: pointer;
      transition: var(--transition);
  }

  .active,
  .accordion:hover {
      background-color: #EEF2FB;
  }

  .panel {
      display: none;
      overflow: hidden;
      transition: max-height .2s ease-out;
      max-height: 0;
  }

  .bi {
      user-select: none;
  }

  .newsroom2 {
      display: grid;
  }

  .connect-issue {
      display: none;
  }

  .card-1more {
      display: none;
  }

  @media (min-width:769px) {
      .issue-accordion h1 {
          font-size: 56px;
      }

      .accordion h3 {
          font-size: 24px;
      }

      .accordion p {
          font-size: 18px;
          font-weight: 600;
      }

      .accordion {
          display: flex;
          justify-content: space-between;
          align-items: center;
          align-self: stretch;
      }
  }