/* TapHelp — 428px view
   Dedicated 428px stylesheet.
   Applies only at 428–429px and leaves locked 414/430 views untouched.
*/

.intro__copy {
  width: calc(100% - 12px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
position: relative;
left: 8px;
transform: translateX(8px);
  transform: translateX(-10px);
}

/* Intro — controlled 428px reflow */
.intro__copy p:first-child,
.intro__copy p:nth-child(2),
.intro__copy p:nth-child(3),
.intro__copy p:nth-child(4) {
  font-size: 0;
  line-height: 0;
  max-width: none;
}

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

.intro__copy p:nth-child(2)::before {
  content:
    "Sometimes a little personal help is all it takes.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.intro__copy p:nth-child(3)::before {
  content:
    "TapHelp offers patient, one-on-one help\A"
    "from a real person so you can get back to\A"
    "using your iPhone or iPad instead of\A"
    "wrestling with it.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.intro__copy p:nth-child(4)::before {
  content:
    "Helping a parent or loved one?\A"
    "You can arrange a TapHelp appointment for them.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.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\A"
    "with everyday iPhone and iPad problems.\A"
    "We work by phone or screen share, at your\A"
    "pace, without jargon or judgment.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.about-card__body p:nth-child(2)::before {
  content:
    "I have 15 years of professional IT help desk\A"
    "and technical support experience.\A"
    "For more than 25 years, I’ve also been\A"
    "the person family and friends turn to when\A"
    "they need help with everyday technology.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}

.about-card__body {
  transform: translateX(10px);
}

/* 428 FAQ reflow */

.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;
}

.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\A" "and verification codes.\A"
    "You should never give anyone your passwords\A"
    "or 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\A"
    "such as Wi-Fi, texts, photos, email, settings,\A"
    "suspicious messages or scams, and other\A"
    "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\A"
    " I can safely handle remotely, I’ll explain what the\A"
    "next step should be and help point you in\A"
    "the right direction.";
  display: block;
  white-space: pre;
  font-size: 18px;
  line-height: 1.55;
}