/* =========================================================
   TAPHELP — INTERMEDIATE MOBILE VIEW
   Working target: 480px
   Active range: 431px–599px

   Locked 430px and 600px views are not affected.
   ========================================================= */

/* =========================================================
   INTRO
   ========================================================= */

.intro__title {
  font-size: 0;
  line-height: 0;
}

.intro__title::before {
  content:
    "We ask a lot of our\A"
    "iPhones and iPads.";
  display: block;
  white-space: pre;
  font-size: 28px;
  line-height: 1.1;
  color: var(--blue);
  font-weight: 600;
}

.intro__copy {
  width: calc(100% - 28px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  transform: none;
}

.intro__copy p:first-child {
  font-size: 0;
  line-height: 0;
}

.intro__copy p:first-child::before {
  content:
    "They keep us connected, hold our photos, play our\A"
    "music and help us get through the day. But when\A"
    "something changes or stops working, a device that\A"
    "makes life easier can suddenly become frustrating.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

/* =========================================================
   ABOUT
   ========================================================= */

.about-card__body {
  width: calc(100% - 28px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  transform: none;
  text-align: left;
}

.about-card__body p:first-child,
.about-card__body p:nth-child(2) {
  font-size: 0;
  line-height: 0;
}

.about-card__body p:first-child::before {
  content:
    "I provide patient, one-on-one help with everyday\A"
    "iPhone and iPad problems.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.about-card__body p:first-child::after {
  content:
    "We work by phone or screen share, at your pace,\A"
    "without jargon or judgment.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
  margin-top: 14px;
}

.about-card__body p:nth-child(2) {
  margin-top: 14px;
}

.about-card__body p:nth-child(2)::before {
  content:
    "I have 15 years of professional IT help desk and\A"
    "technical support experience.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.about-card__body p:nth-child(2)::after {
  content:
    "For more than 25 years, I’ve also been the person\A"
    "family and friends turn to when they need help with\A"
    "everyday technology.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
  margin-top: 14px;
}

.about-card__direct {
  margin-top: 16px;
}

/* =========================================================
   FAQ
   ========================================================= */

.faq details summary {
  padding-left: 10px;
  padding-right: 32px;
}

.faq details:nth-of-type(2) summary,
.faq details:nth-of-type(3) summary,
.faq details:nth-of-type(4) summary {
  font-size: 0;
  line-height: 0;
}

.faq details:nth-of-type(2) summary::before {
  content:
    "Will you need my passwords\A"
    "or verification codes?";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}

.faq details:nth-of-type(3) summary::before {
  content:
    "What kinds of problems can you help me with?";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}

.faq details:nth-of-type(4) summary::before {
  content:
    "What if my problem can't be fixed during\A"
    "the appointment?";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}

.faq details:nth-of-type(1) .faq__answer,
.faq details:nth-of-type(2) .faq__answer,
.faq details:nth-of-type(3) .faq__answer,
.faq details:nth-of-type(4) .faq__answer {
  font-size: 0;
  line-height: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.faq details:nth-of-type(1) .faq__answer::before {
  content:
    "You share your screen so I can see what you’re\A"
    " seeing and guide you step by step.\A"
    " You remain in control of your iPhone or iPad\A" "the entire time.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.faq details:nth-of-type(2) .faq__answer::before {
  content:
    "You enter your own passwords and verification codes.\A"
    "You should never give anyone your passwords or\A"
    "security codes.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.faq details:nth-of-type(3) .faq__answer::before {
  content:
    "I can help with everyday iPhone and iPad issues such\A"
    "as Wi-Fi, texts, photos, email, settings, suspicious\A"
    "messages or scams, and other common questions.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.faq details:nth-of-type(4) .faq__answer::before {
  content:
    "If the problem requires something beyond what I can\A"
    "safely handle remotely, I’ll explain what the next step\A"
    "should be and help point you in the right direction.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

/* =========================================================
   PRICING / CTA — KEEP CENTERED
   ========================================================= */

.price-card__price,
.cta h2,
.cta__phone,
.cta__button {
  transform: none;
}

.price-card p:nth-child(2),
.price-card p:nth-child(3),
.cta p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}