/* HONGPAC social profile preview — isolated styles, no platform scripts. */
.hp-social {
  --social-ink: var(--g800, #14532d);
  --social-muted: #597062;
  --social-border: #d9e7dd;
  --social-surface: #f2f8f3;
  --social-hover: var(--g800, #14532d);
  --social-hover-ink: #fff;
  color: var(--social-ink);
  min-width: 0;
}
.hp-social__title {
  scroll-margin-top: 130px;
  margin: 0;
  color: var(--social-ink);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .01em;
}
.hp-social__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hp-social__item { margin: 0; padding: 0; }
.hp-social__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--social-border);
  border-radius: 50%;
  background: var(--social-surface);
  color: var(--social-ink);
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.hp-social__icon {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
  flex: none;
}
.hp-social__link[data-platform="youtube"] .hp-social__icon { width: 21px; height: 21px; }
.hp-social__link:hover,
.hp-social__link:focus-visible {
  color: var(--social-hover-ink);
  background: var(--social-hover);
  border-color: var(--social-hover);
  transform: translateY(-2px);
}
.hp-social__link:focus-visible {
  outline: 2px solid var(--social-ink);
  outline-offset: 4px;
}
.hp-social__team {
  display: block;
  margin: 7px 0 0;
  color: var(--social-muted);
  font-size: 11px;
  line-height: 1.6;
}
.hp-social--footer {
  --social-ink: #e5f2e8;
  --social-muted: #adbfaf;
  --social-border: #52745d;
  --social-surface: rgba(255, 255, 255, .045);
  --social-hover: #e5f2e8;
  --social-hover-ink: #14532d;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px 32px;
  padding-block: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.hp-social--footer .hp-social__title { font-size: 15px; }
.hp-social--contact {
  border: 1px solid var(--social-border);
  border-radius: var(--radius-xl, 20px);
  padding: 25px 27px;
  background: #fff;
}
.hp-social--contact .hp-social__intro {
  margin: 7px 0 19px;
  color: var(--social-muted);
  font-size: 13px;
  line-height: 1.6;
  max-width: 44ch;
}
.hp-social--contact .hp-social__list { gap: 7px; }
.hp-social--contact .hp-social__link { width: 38px; height: 38px; }
.hp-social--contact .hp-social__team { margin-top: 14px; }
@media (max-width: 700px) {
  .hp-social--footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding-block: 25px 29px;
  }
  .hp-social--footer .hp-social__link { width: 38px; height: 38px; }
}
@media (max-width: 420px) {
  .hp-social--footer .hp-social__list { gap: 6px; }
  .hp-social--footer .hp-social__link { width: 35px; height: 35px; }
  .hp-social--contact { padding: 24px; }
  .hp-social--contact .hp-social__list {
    display: grid;
    grid-template-columns: repeat(4, 42px);
    gap: 10px;
  }
  .hp-social--contact .hp-social__link { width: 42px; height: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .hp-social__link { transition: none; }
  .hp-social__link:hover,
  .hp-social__link:focus-visible { transform: none; }
}