/* Ethics & Compliance page layout. Colours come from the theme variables. */

.ethics-page {
  --ethics-accent: var(--tj-color-theme-primary, #1e8a8a);
  --ethics-tint: #f2f8f8;
  --ethics-border: #dce8e8;
  --ethics-ink: var(--tj-color-text-body-4, #18292c);
  max-width: 1220px;
  margin: 0 auto;
  color: var(--tj-color-text-body, #364e52);
}

.ethics-page p {
  line-height: 1.7;
  margin-bottom: 16px;
}

/* Introduction */

.ethics-intro {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 56px;
}

/* Select through the block: the editor strips classes from p and h tags. */
.ethics-intro__text p {
  font-size: 19px;
  line-height: 1.65;
  margin-bottom: 26px;
}

.ethics-intro__media img {
  width: 100%;
  height: 100%;
  max-height: 340px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.ethics-doc-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 26px;
  border-radius: 4px;
  background-color: var(--ethics-accent);
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  transition: opacity 0.2s ease;
}

.ethics-doc-link:hover,
.ethics-doc-link:focus {
  color: #fff;
  opacity: 0.85;
}

.ethics-doc-link::before {
  content: "";
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background-color: currentColor;
  -webkit-mask: no-repeat center/contain var(--ethics-icon-document);
  mask: no-repeat center/contain var(--ethics-icon-document);
}

/* Section bands */

.ethics-band {
  margin-bottom: 56px;
}

.ethics-band--tint {
  background-color: var(--ethics-tint);
  border-radius: 10px;
  padding: 38px 44px;
}

.ethics-band--tint > p {
  margin-bottom: 0;
  max-width: 940px;
}

.ethics-band > h4 {
  font-size: 27px;
  line-height: 1.3;
  color: var(--ethics-ink);
  margin: 0 0 22px;
}

.ethics-band:not(.ethics-band--tint) > h4 {
  padding-bottom: 14px;
  border-bottom: 2px solid var(--ethics-accent);
  display: inline-block;
}

/* Focus area tiles */

.ethics-tiles {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.ethics-tile {
  background-color: #fff;
  border: 1px solid var(--ethics-border);
  border-radius: 8px;
  padding: 28px 22px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.ethics-tile:hover {
  box-shadow: 0 10px 26px rgba(30, 138, 138, 0.12);
  transform: translateY(-2px);
}

.ethics-tile::before,
.ethics-feature::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 50%;
  background-color: var(--ethics-tint);
  background-image: var(--ethics-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
}

.ethics-tile h5,
.ethics-feature h5 {
  font-size: 17px;
  line-height: 1.4;
  color: var(--ethics-ink);
  margin: 0 0 10px;
}

.ethics-tile p,
.ethics-feature p {
  font-size: 15px;
  margin: 0;
}

/* Feature rows */

.ethics-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ethics-feature {
  background-color: var(--ethics-tint);
  border-left: 3px solid var(--ethics-accent);
  border-radius: 8px;
  padding: 30px 32px;
}

.ethics-feature::before {
  background-color: #fff;
}

/* Icons: inline SVG, no extra request. */

.ethics-page {
  --ethics-icon-document: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6v20h12V6z'/%3E%3Cpath d='M14 2v4h4'/%3E%3C/svg%3E");
}

.ethics-tile--integrity {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5.5c0 4.2-2.9 7.4-7 8.5-4.1-1.1-7-4.3-7-8.5V6z'/%3E%3Cpath d='M9 12l2.2 2.2L15.5 10'/%3E%3C/svg%3E");
}

.ethics-tile--balance {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5.5'/%3E%3Ccircle cx='15' cy='12' r='5.5'/%3E%3C/svg%3E");
}

.ethics-tile--gift {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='11' rx='1'/%3E%3Cpath d='M3 13h18M12 9v11'/%3E%3Cpath d='M12 9S10.5 4 8 4a2.2 2.2 0 000 5M12 9s1.5-5 4-5a2.2 2.2 0 010 5'/%3E%3C/svg%3E");
}

.ethics-tile--diligence {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3Cpath d='M8 10.5h5M10.5 8v5'/%3E%3C/svg%3E");
}

.ethics-tile--confidential {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='1.5'/%3E%3Cpath d='M8 10V7a4 4 0 018 0v3'/%3E%3C/svg%3E");
}

.ethics-feature--speakup {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4h3l6 4V6l-6 4z'/%3E%3Cpath d='M17 9a4 4 0 010 6'/%3E%3C/svg%3E");
}

.ethics-feature--learning {
  --ethics-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 015.5 4H11v16H5.5A1.5 1.5 0 014 18.5z'/%3E%3Cpath d='M20 5.5A1.5 1.5 0 0018.5 4H13v16h5.5a1.5 1.5 0 001.5-1.5z'/%3E%3C/svg%3E");
}

/* Responsive */

@media (max-width: 1199px) {
  .ethics-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .ethics-intro {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ethics-band--tint {
    padding: 30px 26px;
  }

  .ethics-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .ethics-tiles,
  .ethics-features {
    grid-template-columns: 1fr;
  }

  .ethics-band > h4 {
    font-size: 23px;
  }

  .ethics-intro__text p {
    font-size: 17px;
  }
}

/* Speak Up Hotline band */

.ethics-hotline {
  --ethics-accent: var(--tj-color-theme-primary, #1e8a8a);
  margin: 20px 0 70px;
}

.ethics-hotline__inner {
  max-width: 1220px;
  margin: 0 auto;
  background-color: var(--ethics-accent);
  border-radius: 12px;
  padding: 44px 48px;
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 40px;
  align-items: center;
  color: #fff;
}

.ethics-hotline__text h4 {
  color: #fff;
  font-size: 28px;
  line-height: 1.3;
  margin: 0 0 12px;
}

.ethics-hotline__text p {
  margin: 0;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}

.ethics-hotline__channels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* Two anchors and a button: keep them identical. */
.ethics-hotline__channel {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  padding: 20px 18px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  font: inherit;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.ethics-hotline__channel:hover,
.ethics-hotline__channel:focus {
  background-color: rgba(255, 255, 255, 0.18);
  border-color: #fff;
  color: #fff;
}

.ethics-hotline__label {
  font-weight: 600;
  font-size: 15px;
}

.ethics-hotline__value {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  word-break: break-word;
}

/* Reopens the helpline notice. */
.ethics-notice-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--tj-color-theme-primary, #1e8a8a);
  font-weight: 600;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .ethics-hotline__inner {
    grid-template-columns: 1fr;
    padding: 32px 26px;
  }
}

@media (max-width: 575px) {
  .ethics-hotline__channels {
    grid-template-columns: 1fr;
  }

  .ethics-hotline__text h4 {
    font-size: 23px;
  }
}