[data-i8tac3glqugby="s6piltojk"] {
  --guide-space: clamp(12px, 2vw, 24px);
  --guide-section-space: clamp(24px, 4vw, 48px);
  --guide-cap: clamp(280px, 80vw, 960px);
  --guide-color: #373737;
  --guide-surface: #ffffff;
  --guide-accent: #fec544;
  --guide-radius: 8px;
  --guide-type: clamp(16px, 1.1vw, 19px);

  & .frame-connectionGuideContent {
    display: flex;
    flex-direction: column;
    gap: var(--guide-section-space);
    box-sizing: border-box;
    width: min(100%, var(--guide-cap));
    margin-inline: auto;
    padding: clamp(24px, 5vw, 64px) var(--guide-space);
    color: var(--guide-color);
  }

  & .piece-connectionGuideIntroduction,
  & .piece-connectionGuideSection {
    min-width: 0;
    padding: clamp(20px, 3vw, 36px);
    border-radius: var(--guide-radius);
    background: var(--guide-surface);
    box-sizing: border-box;
  }

  & .piece-connectionGuideIntroduction { border-top: 6px solid var(--guide-accent); }
  & .piece-connectionGuideIntroduction h1 { max-width: 18ch; margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; }
  & .piece-connectionGuideEyebrow { margin: 0 0 1rem; font-size: clamp(12px, .9vw, 14px); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  & .piece-connectionGuideSection h2 { margin: 0 0 1rem; font-size: clamp(1.5rem, 2.5vw, 2.25rem); line-height: 1.15; }
  & .piece-connectionGuideIntroduction p,
  & .piece-connectionGuideSection p,
  & .piece-connectionGuideSection li { font-size: var(--guide-type); line-height: 1.65; }
  & .piece-connectionGuideIntroduction p:last-child,
  & .piece-connectionGuideSection p:last-child { margin-bottom: 0; }
  & .piece-connectionGuideSection ul,
  & .piece-connectionGuideSection ol { display: flex; flex-direction: column; gap: .65em; padding-inline-start: 1.5em; }
  & .piece-connectionGuideSection a { text-decoration-thickness: 2px; text-underline-offset: .16em; }

  @media (max-width: 48rem) {
    & .frame-connectionGuideContent { gap: clamp(16px, 4vw, 24px); padding-block: clamp(20px, 5vw, 36px); }
  }
  @media (max-width: 30rem) {
    & .piece-connectionGuideIntroduction,
    & .piece-connectionGuideSection { padding: clamp(16px, 5vw, 20px); }
  }
}