.sd-ios-page{--ios-blue: #3478f6;--ios-indigo: #635bdf;--ios-aqua: #42c9c5}.sd-ios-opening-strip{position:relative;display:grid;min-height:430px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;overflow:visible;margin-top:38px;padding:24px;border:1px solid color-mix(in srgb,var(--guide-blue) 18%,var(--guide-border));border-radius:24px;background:radial-gradient(circle at 78% 18%,rgb(255 255 255 / 22%),transparent 25%),linear-gradient(rgb(255 255 255 / 10%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 10%) 1px,transparent 1px),linear-gradient(145deg,#244db7,#6254df 53%,#33aaa7);background-size:auto,26px 26px,26px 26px,auto}.sd-ios-opening-strip>a,.sd-ios-screen-pair figure>a,.sd-ios-feature-row>a,.sd-ios-comparison-grid article>a,.sd-ios-sequence figure>a,.sd-ios-single-example>a,.sd-ios-pattern-grid article>a,.sd-ios-process-list>li>a{position:relative;z-index:1;display:block;min-width:0;transform-origin:center bottom;transition:translate .18s ease,scale .18s ease,filter .18s ease,opacity .18s ease,box-shadow .18s ease}.sd-ios-opening-strip>a:nth-child(1){translate:0 8px;rotate:-2deg}.sd-ios-opening-strip>a:nth-child(2){translate:0 -5px;rotate:1deg}.sd-ios-opening-strip>a:nth-child(3){translate:0 12px;rotate:-1deg}.sd-ios-opening-strip>a:nth-child(4){translate:0 2px;rotate:2deg}.sd-ios-opening-strip>a:hover,.sd-ios-opening-strip>a:focus-visible,.sd-ios-screen-pair figure>a:hover,.sd-ios-screen-pair figure>a:focus-visible,.sd-ios-feature-row>a:hover,.sd-ios-feature-row>a:focus-visible,.sd-ios-comparison-grid article>a:hover,.sd-ios-comparison-grid article>a:focus-visible,.sd-ios-sequence figure>a:hover,.sd-ios-sequence figure>a:focus-visible,.sd-ios-single-example>a:hover,.sd-ios-single-example>a:focus-visible,.sd-ios-pattern-grid article>a:hover,.sd-ios-pattern-grid article>a:focus-visible,.sd-ios-process-list>li>a:hover,.sd-ios-process-list>li>a:focus-visible{z-index:30;translate:0 -8px;scale:1.06;outline:none;box-shadow:0 26px 50px #0f13384d}.sd-ios-opening-strip:has(>a:hover)>a:not(:hover),.sd-ios-opening-strip:has(>a:focus-visible)>a:not(:focus-visible),.sd-ios-screen-pair:has(figure>a:hover) figure>a:not(:hover),.sd-ios-screen-pair:has(figure>a:focus-visible) figure>a:not(:focus-visible),.sd-ios-sequence-screens:has(figure>a:hover) figure>a:not(:hover),.sd-ios-sequence-screens:has(figure>a:focus-visible) figure>a:not(:focus-visible){opacity:.74;filter:saturate(.76)}.sd-ios-opening-strip img,.sd-ios-screen-pair img,.sd-ios-feature-row>a img,.sd-ios-comparison-grid article>a img,.sd-ios-sequence figure>a img,.sd-ios-single-example>a img,.sd-ios-pattern-grid article>a img,.sd-ios-process-list>li>a img{display:block;width:100%;height:auto;border:1px solid rgb(255 255 255 / 58%);border-radius:5px;background:#fff;box-shadow:0 18px 34px #13163b3d}.sd-ios-method-note{padding:14px 16px;border-left:3px solid var(--guide-blue);margin-top:22px;color:var(--guide-muted);font-size:13px;line-height:1.6;background:var(--guide-surface-soft)}.sd-ios-method-note strong{color:var(--guide-ink)}.sd-ios-definition-grid,.sd-ios-decision-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.sd-ios-definition-grid>div,.sd-ios-decision-row>div,.sd-ios-checklist-grid>div{padding:18px;border:1px solid var(--guide-border);border-radius:16px;background:var(--guide-surface-soft)}.sd-ios-definition-grid span,.sd-ios-feature-copy>span,.sd-ios-comparison-grid article>div>span,.sd-ios-form-study>div>span,.sd-ios-sequence>div:last-child>span,.sd-ios-single-example>div>span,.sd-ios-checklist-grid span{color:var(--guide-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sd-ios-definition-grid h3{margin:14px 0 0;color:var(--guide-ink);font-size:18px}.sd-ios-definition-grid p{margin:8px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.52}.sd-ios-convention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}.sd-ios-convention-grid article{padding:20px;border:1px solid var(--guide-border);border-radius:16px;background:var(--guide-surface-soft)}.sd-ios-convention-grid span{color:var(--guide-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.08em}.sd-ios-convention-grid h3{margin:12px 0 0;color:var(--guide-ink);font-family:Grifter,Rethink Sans,sans-serif;font-size:20px;line-height:1.15;letter-spacing:.006em}.sd-ios-convention-grid p{margin:9px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.58}.sd-ios-system-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:20px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-border)}.sd-ios-system-note>div{padding:24px;background:var(--guide-surface-soft)}.sd-ios-system-note strong{color:var(--guide-ink);font-size:15px}.sd-ios-system-note p{margin:9px 0 0;color:var(--guide-muted);font-size:14px;line-height:1.6}.sd-ios-feature-row{display:grid;grid-template-columns:minmax(0,.98fr) minmax(250px,.68fr);align-items:center;gap:44px;margin-top:40px;padding-top:36px;border-top:1px solid var(--guide-border)}.sd-ios-feature-row>a{width:min(280px,100%);justify-self:center}.sd-ios-feature-row--reverse .sd-ios-feature-copy{order:2}.sd-ios-feature-row--reverse>a{order:1}.sd-ios-feature-copy h3,.sd-ios-comparison-grid h3,.sd-ios-form-study h3,.sd-ios-sequence h3,.sd-ios-single-example h3{margin:12px 0 0;color:var(--guide-ink);font-family:Grifter,Rethink Sans,sans-serif;font-size:clamp(25px,3vw,34px);line-height:1.08;letter-spacing:.006em}.sd-ios-feature-copy p,.sd-ios-comparison-grid article>div>p,.sd-ios-form-study>div>p,.sd-ios-sequence>div:last-child>p,.sd-ios-single-example>div>p{margin:15px 0 0;color:var(--guide-muted);font-size:15px;line-height:1.68}.sd-ios-feature-copy .sd-guide-text-link,.sd-ios-sequence .sd-guide-text-link,.sd-ios-single-example .sd-guide-text-link{margin-top:20px}.sd-ios-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:38px}.sd-ios-comparison-grid article{display:grid;grid-template-columns:158px minmax(0,1fr);align-items:center;gap:24px;padding:20px;border:1px solid var(--guide-border);border-radius:22px;background:var(--guide-surface-soft)}.sd-ios-comparison-grid h3{font-size:24px}.sd-ios-comparison-grid article>div>a:last-child{display:inline-flex;margin-top:18px;color:var(--guide-blue);font-size:13px;font-weight:650;text-decoration:none}.sd-ios-decision-row>div{display:grid;gap:7px}.sd-ios-decision-row strong{color:var(--guide-ink);font-size:15px}.sd-ios-decision-row span{color:var(--guide-muted);font-size:12px;line-height:1.45}.sd-ios-form-study{display:grid;grid-template-columns:minmax(400px,1.08fr) minmax(0,.92fr);align-items:center;gap:42px;margin-top:40px}.sd-ios-screen-pair{position:relative;display:grid;min-height:490px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;overflow:visible;padding:22px 22px 34px;border-radius:24px;background:linear-gradient(rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(145deg,#274eb7,#6455df 58%,#39b3ae);background-size:24px 24px,24px 24px,auto}.sd-ios-screen-pair figure,.sd-ios-sequence figure{min-width:0;margin:0}.sd-ios-screen-pair figure:nth-child(2){translate:0 22px}.sd-ios-screen-pair figcaption{margin-top:9px;font-size:11px;text-align:center}.sd-ios-screen-pair figcaption a{color:#ffffffe0;text-decoration:none}.sd-ios-form-study ul,.sd-ios-single-example ul{display:grid;gap:8px;padding:0;margin:20px 0 0;color:var(--guide-ink);font-size:14px;line-height:1.55;list-style:none}.sd-ios-form-study li,.sd-ios-single-example li{position:relative;padding-left:18px}.sd-ios-form-study li:before,.sd-ios-single-example li:before{position:absolute;top:.62em;left:0;width:6px;height:6px;border-radius:99px;background:var(--guide-blue);content:""}.sd-ios-sequence{display:grid;grid-template-columns:minmax(410px,1.08fr) minmax(0,.92fr);align-items:center;gap:42px;margin-top:40px}.sd-ios-sequence-screens{display:grid;min-height:485px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:22px 22px 34px;border-radius:24px;background:linear-gradient(rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(145deg,#2b55c2,#6c57dc 54%,#3aa9a5);background-size:24px 24px,24px 24px,auto}.sd-ios-sequence figure:nth-child(2){translate:0 22px}.sd-ios-sequence figcaption{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;color:#ffffffe5;font-size:11px}.sd-ios-sequence figcaption span{display:grid;width:19px;height:19px;place-items:center;border:1px solid rgb(255 255 255 / 45%);border-radius:99px;font-size:9px;font-weight:750}.sd-ios-sequence--accessibility .sd-ios-sequence-screens{background:linear-gradient(rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(145deg,#234fae,#4d68dd 48%,#2da8a3);background-size:24px 24px,24px 24px,auto}.sd-ios-single-example{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:40px;margin-top:36px;padding:24px;border:1px solid var(--guide-border);border-radius:22px;background:var(--guide-surface-soft)}.sd-ios-single-example--wide{grid-template-columns:260px minmax(0,1fr)}.sd-ios-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px}.sd-ios-pattern-grid article{display:grid;min-height:236px;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:20px;padding:18px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-surface-soft)}.sd-ios-pattern-grid article>a{width:102px}.sd-ios-pattern-grid h3{margin:0;color:var(--guide-ink);font-size:18px}.sd-ios-pattern-grid p{margin:8px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.55}.sd-ios-pattern-grid article>div>a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--guide-blue);font-size:12px;font-weight:650;text-decoration:none}.sd-ios-process-list{display:grid;gap:12px;padding:0;margin:38px 0 0;list-style:none}.sd-ios-process-list>li{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:28px;padding:20px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-surface-soft)}.sd-ios-process-list>li>a{width:126px}.sd-ios-process-list span{color:var(--guide-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.08em}.sd-ios-process-list h3{margin:10px 0 0;color:var(--guide-ink);font-size:22px}.sd-ios-process-list p{margin:9px 0 0;color:var(--guide-muted);font-size:14px;line-height:1.6}.sd-ios-process-list strong{display:block;margin-top:10px;color:var(--guide-ink);font-size:13px;line-height:1.5}.sd-ios-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:34px}.sd-ios-checklist-grid>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px}.sd-ios-checklist-grid p{margin:0;color:var(--guide-ink);font-size:14px;line-height:1.52}html[data-theme=dark] .sd-ios-definition-grid>div,html[data-theme=dark] .sd-ios-convention-grid article,html[data-theme=dark] .sd-ios-system-note>div,html[data-theme=dark] .sd-ios-comparison-grid article,html[data-theme=dark] .sd-ios-decision-row>div,html[data-theme=dark] .sd-ios-single-example,html[data-theme=dark] .sd-ios-pattern-grid article,html[data-theme=dark] .sd-ios-process-list>li,html[data-theme=dark] .sd-ios-checklist-grid>div{background:color-mix(in srgb,var(--guide-surface-soft) 88%,transparent)}@media(max-width:920px){.sd-ios-feature-row,.sd-ios-form-study,.sd-ios-sequence{grid-template-columns:1fr}.sd-ios-feature-row--reverse .sd-ios-feature-copy,.sd-ios-feature-row--reverse>a{order:initial}.sd-ios-convention-grid,.sd-ios-comparison-grid,.sd-ios-pattern-grid{grid-template-columns:1fr}}@media(max-width:760px){.sd-ios-opening-strip{min-height:660px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding:18px}.sd-ios-definition-grid,.sd-ios-decision-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-ios-comparison-grid article{grid-template-columns:145px minmax(0,1fr)}.sd-ios-single-example{grid-template-columns:160px minmax(0,1fr);gap:24px}.sd-ios-single-example--wide{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:520px){.sd-ios-opening-strip{min-height:530px;gap:7px;padding:14px}.sd-ios-definition-grid,.sd-ios-convention-grid,.sd-ios-system-note,.sd-ios-decision-row,.sd-ios-checklist-grid{grid-template-columns:1fr}.sd-ios-screen-pair,.sd-ios-sequence-screens{min-height:390px;gap:7px;padding:14px 14px 30px}.sd-ios-comparison-grid article,.sd-ios-single-example,.sd-ios-single-example--wide{grid-template-columns:1fr}.sd-ios-comparison-grid article>a,.sd-ios-single-example>a{width:min(190px,68%);margin-inline:auto}.sd-ios-pattern-grid article{min-height:0;grid-template-columns:82px minmax(0,1fr);gap:16px;padding:15px}.sd-ios-pattern-grid article>a{width:82px}.sd-ios-process-list>li{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:16px;padding:16px}.sd-ios-process-list>li>a{width:82px}}@media(prefers-reduced-motion:reduce){.sd-ios-opening-strip>a:hover,.sd-ios-opening-strip>a:focus-visible,.sd-ios-screen-pair figure>a:hover,.sd-ios-screen-pair figure>a:focus-visible,.sd-ios-feature-row>a:hover,.sd-ios-feature-row>a:focus-visible,.sd-ios-comparison-grid article>a:hover,.sd-ios-comparison-grid article>a:focus-visible,.sd-ios-sequence figure>a:hover,.sd-ios-sequence figure>a:focus-visible,.sd-ios-single-example>a:hover,.sd-ios-single-example>a:focus-visible,.sd-ios-pattern-grid article>a:hover,.sd-ios-pattern-grid article>a:focus-visible,.sd-ios-process-list>li>a:hover,.sd-ios-process-list>li>a:focus-visible{translate:0 0;scale:1}}