/* iPhone overview and its help pages. Deliberately scoped to leave other pages intact. */
.iphone-overview .ios-hero {
  padding: 8px 0 36px;
  border-bottom: 1px solid var(--rfc-border);
}
.iphone-overview .ios-hero-content {
  width: 100%;
  max-width: 820px;
}
.iphone-overview .ios-hero h1 {
  font-size: clamp(2.5rem, 4.8vw, 4.1rem) !important;
  letter-spacing: -.055em;
  line-height: 1.04 !important;
  margin-bottom: 23px !important;
}
.iphone-overview .ios-hero .lead { max-width: 740px; }
.iphone-overview .ios-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
}
.iphone-overview .ios-actions .button-link { margin: 0; }
.iphone-overview .ios-section-heading { margin: 34px 0 23px; }
.iphone-overview .ios-section-heading .eyebrow { margin-bottom: 9px; }
.iphone-overview .ios-section-heading h2 { margin: 0 0 13px !important; max-width: 800px; }
.iphone-overview .ios-section-heading > p:not(.eyebrow) { max-width: 740px; color: var(--rfc-muted) !important; }
.iphone-overview .ios-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.iphone-overview .ios-feature {
  background: var(--rfc-bg-soft);
  border: 1px solid var(--rfc-border);
  border-top: 2px solid var(--rfc-detail-strong);
  border-radius: 12px;
  padding: 24px 21px 22px;
  min-width: 0;
}
.iphone-overview .ios-feature-tag {
  display: block;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--rfc-detail) !important;
  margin: 0 0 12px;
}
.iphone-overview .ios-feature h3 { margin: 0 0 12px; line-height: 1.25; }
.iphone-overview .ios-feature p {
  font-size: .95rem;
  line-height: 1.62;
  color: var(--rfc-muted) !important;
  margin: 0;
}
.iphone-overview .ios-feature > a { display: inline-block; font-size: .86rem; font-weight: 650; margin-top: 16px; }
.iphone-overview .ios-catalog-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  margin-top: 24px;
  padding: 27px 28px;
  border: 1px solid var(--rfc-detail-strong);
  background: #293f46;
  border-radius: 14px;
}
.iphone-overview .ios-catalog-link .eyebrow { color: var(--rfc-detail) !important; margin-bottom: 9px; }
.iphone-overview .ios-catalog-link h2 { margin: 0 0 10px !important; }
.iphone-overview .ios-catalog-link p:last-child { color: var(--rfc-muted) !important; max-width: 620px; margin: 0; font-size: .96rem; }
.iphone-overview .ios-catalog-link > .button-link { flex: 0 0 auto; margin: 0; }
.iphone-overview .ios-help-directory { margin-top: 42px; padding-top: 3px; border-top: 1px solid var(--rfc-border); }
.iphone-overview .ios-directory-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 28px;
}
.iphone-overview .ios-directory-group {
  border: 1px solid var(--rfc-border);
  border-radius: 12px;
  padding: 21px 24px 10px;
  background: var(--rfc-bg-soft);
  min-width: 0;
}
.iphone-overview .ios-directory-group h3 { margin: 0 0 12px; }
.iphone-overview .ios-directory-group ul { list-style: none; padding: 0; margin: 0; }
.iphone-overview .ios-directory-group li { margin: 0; border-top: 1px solid rgba(192,203,215,.16); }
.iphone-overview .ios-directory-group a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  color: var(--rfc-text) !important;
  font-size: .9rem;
  line-height: 1.45;
  text-decoration: none;
}
.iphone-overview .ios-directory-group a:hover { color: var(--rfc-link) !important; }
.iphone-overview .ios-directory-group a > span { flex-shrink: 0; color: var(--rfc-detail) !important; }
.iphone-overview .ios-recording-guide { margin-top: 40px; padding-top: 2px; border-top: 1px solid var(--rfc-border); }
.iphone-overview .ios-instruction {
  border: 1px solid var(--rfc-border);
  border-radius: 12px;
  background: var(--rfc-bg-soft);
  margin: 12px 0;
  padding: 0;
  overflow: clip;
}
.iphone-overview .ios-instruction summary {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 20px 46px 20px 22px;
  line-height: 1.45;
  font-size: .99rem;
}
.iphone-overview .ios-instruction summary::-webkit-details-marker { display: none; }
.iphone-overview .ios-instruction summary::after {
  content: "+";
  position: absolute;
  right: 21px;
  color: var(--rfc-detail);
  font-size: 1.4rem;
  font-weight: 400;
}
.iphone-overview .ios-instruction[open] summary::after { content: "−"; }
.iphone-overview .ios-instruction summary:hover { background: rgba(157,219,216,.045); }
.iphone-overview .ios-instruction summary:focus-visible { outline-offset: -5px; border-radius: 10px; }
.iphone-overview .ios-step-index { font-size: .77rem; font-variant-numeric: tabular-nums; color: var(--rfc-detail) !important; flex: 0 0 24px; }
.iphone-overview .ios-instruction-body { padding: 2px 26px 24px 61px; max-width: 950px; }
.iphone-overview .ios-instruction-body p,
.iphone-overview .ios-instruction-body li { font-size: .96rem; color: var(--rfc-muted) !important; }
.iphone-overview .ios-instruction-body ol { margin: 0 0 18px; padding-left: 21px; }
.iphone-overview .ios-instruction-body li { margin-bottom: 10px; }
.iphone-overview .ios-instruction-body p:last-child { margin-bottom: 0; }
.iphone-overview [id], .ios-help [id] { scroll-margin-top: 24px; }
.iphone-overview .ios-anchor { display: block; height: 0; }
.ios-help .ios-help-back { margin: 0 0 24px; font-size: .85rem; }
.ios-help .ios-help-back a { text-decoration: none; }
.ios-help .ios-help-back a:hover { text-decoration: underline; }
.ios-help .card > h2 { margin-top: 0 !important; }
.ios-help .card > p:last-child { margin-bottom: 0; }

@media (max-width: 900px) {
  .iphone-overview .ios-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iphone-overview .ios-catalog-link { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 650px) {
  .iphone-overview .ios-hero { padding-bottom: 28px; }
  .iphone-overview .ios-hero h1 { font-size: clamp(2.4rem, 9.5vw, 3.5rem) !important; }
  .iphone-overview .ios-feature-grid,
  .iphone-overview .ios-directory-grid { grid-template-columns: 1fr; }
  .iphone-overview .ios-feature { padding: 23px 21px; }
  .iphone-overview .ios-catalog-link { padding: 24px 21px; }
  .iphone-overview .ios-directory-group { padding: 20px 21px 10px; }
  .iphone-overview .ios-section-heading { margin-top: 29px; }
  .iphone-overview .ios-instruction summary { gap: 10px; padding: 18px 38px 18px 16px; font-size: .94rem; }
  .iphone-overview .ios-instruction summary::after { right: 16px; }
  .iphone-overview .ios-step-index { flex-basis: 20px; }
  .iphone-overview .ios-instruction-body { padding: 3px 18px 23px; }
}

/* Help-area heading and breadcrumb; scoped away from product/report pages. */
.ios-help .ios-help-header { padding: 8px 0 4px; }
.ios-help .ios-help-header h1 {
  font-size: clamp(2.35rem, 4.5vw, 3.7rem) !important;
  letter-spacing: -.045em;
  line-height: 1.1 !important;
}
.ios-help .ios-help-header .lead { max-width: 780px; }
.ios-help .ios-help-back > span { color: var(--rfc-muted); padding: 0 9px; }
.ios-help .ios-guide-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }
.ios-help .ios-guide-links .button-link { margin: 0; }