.ph-instagram {
  max-width: 720px;
  margin: 28px auto 0;
  padding: clamp(12px, 2vw, 24px);
  border: 1px solid var(--c3, #e8e2d8);
  border-radius: var(--r, 8px);
  background: var(--c1, #faf7f2);
  color: var(--t2, #384338);
  text-align: center;
  box-sizing: border-box;
}
.ph-instagram [hidden] { display: none !important; }
.ph-instagram .ph-instagram-caption {
  color: var(--g1, #2a4a2a);
  font-family: 'Lora', Georgia, serif;
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 0 12px;
}
.ph-instagram p { font-size: 1rem; line-height: 1.65; }
.ph-instagram a { overflow-wrap: anywhere; }
.ph-instagram .ph-btn {
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  white-space: normal !important;
  text-align: center;
  line-height: 1.5;
  margin: 8px 0 0 !important;
}
.ph-instagram :is(button, a):focus-visible {
  outline: 3px solid var(--g1, #2a4a2a);
  outline-offset: 4px;
}
.ph-instagram-preview { max-width: 540px; margin: 0 auto; }
.ph-instagram-preview iframe {
  display: block;
  width: 100%;
  min-width: 0;
  height: 740px;
  border: 0;
  border-radius: 4px;
  background: #fff;
}
.ph-instagram-controls { margin-top: 20px; }
.ph-instagram-controls p { margin-bottom: 12px; }
@media (max-width: 480px) {
  .ph-instagram { padding: 12px 8px; margin-top: 20px; }
  .ph-instagram-preview iframe { height: 600px; }
}
@media (min-width: 1000px) {
  .ph-sec-sm.ph-instagram-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    grid-template-rows: auto auto auto auto 1fr;
    column-gap: clamp(32px, 4vw, 64px);
    align-items: start;
  }
  .ph-instagram-section > :not(.ph-instagram) { grid-column: 1; }
  .ph-instagram-section > .ph-instagram {
    grid-column: 2;
    grid-row: 1 / 6;
    width: 100%;
    margin: 0;
  }
  .ph-instagram-section > .ph-socials {
    grid-row: 5;
    justify-content: flex-start !important;
    margin-top: 20px !important;
  }
}