/* Current, real desktop and phone captures introduce both form factors together. */
#notebook .ur-device-pair{display:grid;grid-template-columns:minmax(0,3.46fr) minmax(0,1fr);gap:28px;align-items:center}
#notebook .ur-device-pair figure{min-width:0;width:100%;margin:0;max-width:none}
#notebook .ur-device-pair img{width:100%;border-radius:9px;border:1px solid var(--line);box-shadow:0 22px 55px #030b1420}
#notebook .ur-device-pair figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 20px}
#notebook .ur-story{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr) minmax(0,1fr);gap:42px;align-items:center;margin:65px 0}
#notebook .ur-story>.ur-decision:first-child{grid-column:1;grid-row:1}
#notebook .ur-story>.ur-decision:nth-child(2){grid-column:3;grid-row:1}
#notebook .ur-story>.ur-settings{grid-column:2;grid-row:1;width:100%;max-width:260px}
@media(max-width:800px){
 #notebook .ur-device-pair{gap:16px}
 #notebook .ur-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px}
 #notebook .ur-story>.ur-decision:nth-child(2){grid-column:1;grid-row:2}
 #notebook .ur-story>.ur-settings{grid-column:2;grid-row:1 / span 2}
}
@media(max-width:600px){
 #notebook .ur-device-pair{grid-template-columns:minmax(0,1fr);gap:24px}
 #notebook .ur-device-pair>.ur-hero-phone{max-width:190px;justify-self:center}
 #notebook .ur-device-pair figcaption{font-size:9px}
 #notebook .ur-story{grid-template-columns:minmax(0,1fr);gap:30px;margin:45px 0}
 #notebook .ur-story>.ur-decision:first-child,#notebook .ur-story>.ur-decision:nth-child(2),#notebook .ur-story>.ur-settings{grid-column:auto;grid-row:auto}
 #notebook .ur-story>.ur-settings{max-width:235px}
}