/* The reader shown on a laptop, a tablet and a phone, with real corners and bezels. Shared by
   the homepage and the Books page. */
.rd-devices{display:grid;grid-template-columns:2.2fr 1fr .62fr;gap:22px;align-items:end;margin-top:30px}
.dev{margin:0;position:relative;min-width:0}
.dev img{display:block;width:100%;height:auto}
.dev figcaption{font-size:12.5px;color:var(--fo-muted,#6b6f7b);margin-top:12px;line-height:1.45}
.dev.desk .bar{display:flex;align-items:center;gap:6px;background:#1c1d24;padding:10px 14px;border-radius:14px 14px 0 0}
.dev.desk .bar i{width:9px;height:9px;border-radius:50%;background:#3a3b45;flex:none}
.dev.desk .bar span{margin-left:10px;font-size:10.5px;color:#9a9ca8;background:#2a2b34;padding:3px 10px;border-radius:4px;flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dev.desk img{border:10px solid #1c1d24;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 40px 70px -40px rgba(20,25,60,.5)}
.dev.desk .base{display:block;position:relative;height:13px;margin:0 -6%;background:linear-gradient(180deg,#e3e5eb,#b9bcc6);border-radius:2px 2px 14px 14px;box-shadow:0 30px 40px -24px rgba(20,25,60,.5)}
.dev.desk .base::before{content:'';position:absolute;left:50%;top:0;width:14%;height:5px;translate:-50% 0;background:#c9ccd5;border-radius:0 0 8px 8px}
.dev.tab img{border:12px solid #1c1d24;border-radius:26px;box-shadow:0 40px 70px -40px rgba(20,25,60,.5)}
.dev.mob img{border:7px solid #1c1d24;border-radius:30px;box-shadow:0 40px 70px -40px rgba(20,25,60,.5)}
.rd-cap{font-size:12.5px;color:var(--fo-muted-2,#8a8d99);margin-top:22px}
@media (max-width:980px){.rd-devices{grid-template-columns:1.62fr 1fr;gap:26px 18px}.dev.desk{grid-column:1/-1}.dev.desk .base{margin:0 -3%}}
@media (max-width:560px){.dev.tab img{border-width:8px;border-radius:18px}.dev.mob img{border-width:5px;border-radius:22px}.dev figcaption{font-size:11.5px}.dev.desk img{border-width:6px}.dev.desk .bar{padding:7px 10px;border-radius:10px 10px 0 0}}