.phone-guide{max-width:850px;margin:24px auto 40px;display:grid;gap:16px}
.phone-guide-intro{display:flex;align-items:flex-start;gap:16px}
.phone-guide-intro img{border-radius:17px;flex:none}
.phone-guide h1{margin:0;font-size:clamp(1.6rem,5vw,2.55rem);line-height:1.12}
.phone-guide p,.phone-guide-switcher p{margin:8px 0;line-height:1.52}
.phone-guide-cover {
  margin: 12px 0;
  overflow: hidden;
  border-radius: 12px;
}
.phone-guide-cover svg {
  display: block;
  width: 100%;
  height: auto;
}
.phone-guide-switcher {
  display: grid;
  gap: 14px;
  overflow-anchor: none;
}
.phone-guide-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.phone-guide-switcher .phone-guide-nav button {
  min-height: 42px;
  margin: 0;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #fde6ec;
  color: #971e42;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.phone-guide-switcher .phone-guide-nav button[aria-pressed="true"] {
  border-color: #a62e51;
  background: #f7ccda;
}
.phone-guide-nav button:focus-visible {
  outline: 2px solid #7b1733;
  outline-offset: 2px;
}
.phone-guide-panel[hidden] { display: none; }
.phone-guide-panel h2 { margin: 0 0 10px; }
.phone-guide-panel ol { padding-inline-start: 24px; }
.phone-guide-panel li { margin: .55em 0; line-height: 1.5; }
.phone-guide-iphone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:start;gap:16px}
.phone-guide-video{width:100%;aspect-ratio:9/20;background:#262126;border-radius:12px}
.phone-guide-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.phone-guide-frames figure{margin:0;min-width:0}
.phone-guide-frames figcaption{margin-top:5px;font-size:.85rem}
.phone-guide-frame{position:relative}
.phone-guide-frame img{display:block;width:100%;height:auto;border:1px solid #ded9dd;border-radius:8px}
.phone-guide-frame span{position:absolute;color:#fff;background:#a61f42;border-radius:999px;padding:1px 5px;font-size:clamp(12px,2.5vw,22px);line-height:1.2}
.safari-share span{top:52%;right:17%}
.safari-home span{top:88%;right:9%}
.safari-add span{top:15%;right:9%}
.phone-guide-android{max-width:440px;margin:16px 0;padding:8px 14px;background:#f6f3f6;border:1px solid #dfd8df;border-radius:12px}
.phone-guide-android p+p{border-top:1px solid #e1dbe1;padding-top:8px}
.phone-guide-android span{display:inline-grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;margin-right:4px;background:#a61f42;color:white}
@media(max-width:540px){.phone-guide-iphone{grid-template-columns:1fr}.phone-guide-video{width:min(100%,240px);justify-self:center}.phone-guide-intro img{width:52px;height:52px}}