/* CJ Link Hub — isolated Linktree-style frontend */
.cjlh-linkhub-body .entry-title,
.cjlh-linkhub-body .page-title,
.cjlh-linkhub-body .hentry > .entry-header,
.cjlh-linkhub-body .site-main > .page-header {
  display: none !important;
}

.cjlh-page,
.cjlh-page *,
.cjlh-page *::before,
.cjlh-page *::after {
  box-sizing: border-box !important;
}

.cjlh-page {
  --cjlh-shadow: 0 10px 28px rgba(14, 21, 35, .10);
  --cjlh-shadow-hover: 0 16px 36px rgba(14, 21, 35, .16);
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 52px 16px 42px !important;
  background-color: var(--cjlh-bg) !important;
  background-image: var(--cjlh-bg-image) !important;
  background-repeat: no-repeat !important;
  background-position: right -80px bottom -90px !important;
  background-size: min(760px, 58vw) auto !important;
  background-attachment: fixed !important;
  color: var(--cjlh-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  line-height: 1.4 !important;
  text-align: initial !important;
  overflow-x: hidden !important;
}

.cjlh-page a,
.cjlh-page a:hover,
.cjlh-page a:focus,
.cjlh-page a:visited {
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.cjlh-page img {
  max-width: 100% !important;
  height: auto !important;
}

.cjlh-card {
  width: min(100%, 520px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cjlh-header {
  text-align: center !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

.cjlh-avatar {
  width: 150px !important;
  height: auto !important;
  max-height: 95px !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  box-shadow: none !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

.cjlh-header h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--cjlh-text) !important;
  text-transform: none !important;
}

.cjlh-header p {
  margin: 9px auto 0 !important;
  padding: 0 !important;
  max-width: 410px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: var(--cjlh-text) !important;
  opacity: .72 !important;
}

.cjlh-section-title {
  margin: 28px 0 12px !important;
  padding: 0 !important;
  color: var(--cjlh-text) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .10em !important;
  font-weight: 800 !important;
  text-align: center !important;
  opacity: .62 !important;
}

.cjlh-links {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cjlh-link {
  width: 100% !important;
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 15px 56px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--cjlh-button-bg) !important;
  color: var(--cjlh-button-text) !important;
  box-shadow: var(--cjlh-shadow) !important;
  cursor: pointer !important;
  transform: translateY(0) scale(1) !important;
  transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  text-decoration: none !important;
}

.cjlh-link:hover,
.cjlh-link:focus,
.cjlh-link:active {
  transform: translateY(-2px) scale(1.01) !important;
  background: var(--cjlh-button-hover-bg) !important;
  color: var(--cjlh-button-hover-text) !important;
  border-color: transparent !important;
  box-shadow: var(--cjlh-shadow-hover) !important;
}

.cjlh-link-left {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
}

.cjlh-link-icon {
  width: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
  text-align: center !important;
  position: absolute !important;
  left: 20px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cjlh-link-icon i {
  font-size: 18px !important;
  line-height: 1 !important;
  color: inherit !important;
}

.cjlh-link-label {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: inherit !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.cjlh-link-arrow {
  display: none !important;
}

.cjlh-link-featured,
.cjlh-opportunity-link {
  border-color: transparent !important;
}

.cjlh-opportunity-link .cjlh-link-label {
  font-weight: 750 !important;
}

.cjlh-footer {
  text-align: center !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--cjlh-text) !important;
  opacity: .52 !important;
}

@media (max-width: 480px) {
  .cjlh-page {
    padding: 46px 22px 44px !important;
    background-position: right -210px bottom -80px !important;
    background-size: 560px auto !important;
    background-attachment: scroll !important;
  }
  .cjlh-card { width: 100% !important; }
  .cjlh-header { margin-bottom: 30px !important; }
  .cjlh-avatar { width: 138px !important; height: auto !important; max-height: 88px !important; min-width: 0 !important; font-size: 26px !important; margin-bottom: 20px !important; }
  .cjlh-header h1 { font-size: 24px !important; }
  .cjlh-header p { font-size: 13px !important; line-height: 1.55 !important; }
  .cjlh-section-title { margin: 34px 0 14px !important; }
  .cjlh-links { gap: 15px !important; }
  .cjlh-link { min-height: 62px !important; padding: 15px 20px !important; }
  .cjlh-link-label { font-size: 14.5px !important; line-height: 1.3 !important; }
  .cjlh-opportunity-link { min-height: 82px !important; padding: 18px 22px !important; }
  .cjlh-footer { margin-top: 38px !important; }
}

/* Social media row */
.cjlh-socials {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.cjlh-social-link {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--cjlh-social-bg) !important;
  color: var(--cjlh-social-color) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 0 !important;
  transition: background-color .18s ease, transform .18s ease, opacity .18s ease !important;
}

.cjlh-social-link:hover,
.cjlh-social-link:focus,
.cjlh-social-link:active {
  background: var(--cjlh-social-hover-bg) !important;
  color: var(--cjlh-social-color) !important;
  transform: translateY(-2px) scale(1.04) !important;
  outline: none !important;
}

.cjlh-social-link i {
  color: inherit !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

@media (max-width: 480px) {
  .cjlh-socials { gap: 14px !important; margin-top: 16px !important; }
  .cjlh-social-link { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .cjlh-social-link i { font-size: 23px !important; }
}

/* Opportunity metadata */
.cjlh-link-text {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.cjlh-link-meta {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  opacity: .62 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  text-align: center !important;
}
.cjlh-opportunity-link {
  min-height: 76px !important;
  padding: 17px 24px !important;
  border-width: 0 !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--cjlh-accent) 10%, var(--cjlh-button-bg)), var(--cjlh-button-bg)) !important;
}
.cjlh-opportunity-link:hover,
.cjlh-opportunity-link:focus,
.cjlh-opportunity-link:active {
  border-color: transparent !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--cjlh-accent) 16%, var(--cjlh-button-hover-bg)), var(--cjlh-button-hover-bg)) !important;
}
.cjlh-opportunity-link .cjlh-link-left {
  gap: 0 !important;
}
.cjlh-opportunity-link .cjlh-link-icon {
  display: none !important;
}
.cjlh-opportunity-link .cjlh-link-label {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.cjlh-opportunity-link .cjlh-link-meta {
  margin-top: 2px !important;
  opacity: .78 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
.cjlh-opportunity-link .cjlh-link-arrow {
  display: none !important;
}

/* News buttons do not use icons */
.cjlh-news-link .cjlh-link-icon { display: none !important; }
.cjlh-news-link .cjlh-link-left { gap: 0 !important; }

/* Compact opportunity dates on mobile */
.cjlh-link-meta-mobile {
  display: none !important;
}
.cjlh-link-meta-desktop {
  display: block !important;
}
@media (max-width: 480px) {
  .cjlh-link-meta-desktop {
    display: none !important;
  }
  .cjlh-link-meta-mobile {
    display: block !important;
  }
  .cjlh-opportunity-link .cjlh-link-meta {
    margin-top: 4px !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    opacity: .78 !important;
  }
}