.mobile-library{background:#f3f7fe;overflow:hidden}.mobile-library-layout{display:grid;grid-template-columns:1fr .72fr;gap:100px;align-items:center}.mobile-library-copy h2{font-size:clamp(36px,4.4vw,54px);letter-spacing:-.055em;line-height:1.07;margin:15px 0 18px}.mobile-library-copy h2 span{color:#1769f4}.mobile-library-copy>p{font-size:16px;line-height:1.78;color:#637794;max-width:620px}.mobile-library-notes{display:grid;gap:10px;margin-top:25px}.mobile-library-notes span{font-size:13px;color:#365270;font-weight:700}.mobile-library-notes b{display:inline-grid;place-items:center;width:25px;height:25px;background:#e2edff;color:#1769f4;border-radius:7px;margin-right:9px}.phone-reader{width:265px;justify-self:center;border:8px solid #10284b;border-radius:35px;background:#fff;box-shadow:0 25px 54px rgba(23,56,103,.2);overflow:hidden;padding-bottom:14px}.phone-top{display:flex;justify-content:space-between;padding:10px 17px 7px;font-size:8px;font-weight:800}.phone-top i{font-style:normal;font-size:7px}.phone-appbar{display:flex;align-items:center;gap:8px;padding:7px 14px 12px;font-size:11px;font-weight:800}.phone-appbar b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#1769f4;color:#fff}.phone-appbar i{font-style:normal;margin-left:auto;font-size:17px;color:#406186}.reader-cover{margin:0 13px;padding:16px;background:linear-gradient(145deg,#112e5b,#226fd1);border-radius:13px;color:#fff}.reader-cover>small,.reader-shelf small{font-size:7px;font-weight:800;letter-spacing:.13em;color:#c6dcff}.cover-art{height:114px;background:linear-gradient(150deg,#f6c462,#d87f43);border-radius:9px;padding:14px;color:#172e54;display:flex;flex-direction:column;justify-content:space-between;margin:10px 0}.cover-art b{font-size:20px;line-height:.9;letter-spacing:-.07em}.cover-art span{font-size:7px;font-weight:700}.reader-cover h3{font-size:12px;margin:4px 0}.reader-cover p{font-size:8px;color:#d5e3fc;margin:0}.reader-cover>div:not(.cover-art){display:flex;align-items:center;gap:7px;margin:10px 0}.reader-cover>div:not(.cover-art) i{height:4px;flex:1;border-radius:9px;background:linear-gradient(90deg,#7db2ff 42%,rgba(255,255,255,.23) 42%)}.reader-cover>div:not(.cover-art) b{font-size:8px}.reader-cover button{width:100%;border:0;border-radius:7px;background:#fff;color:#1253ac;padding:9px;font:800 9px Manrope}.reader-shelf{padding:15px 14px 0}.reader-shelf span{display:flex;gap:7px;margin-top:8px}.reader-shelf i{display:grid;place-items:center;height:42px;flex:1;border-radius:5px;background:#e4efff;color:#356fae;font:800 7px Manrope;font-style:normal}.reader-shelf i:nth-child(2){background:#ffe8ca;color:#ad6a25}.reader-shelf i:nth-child(3){background:#dff4e8;color:#29805c}@media(max-width:850px){.mobile-library-layout{grid-template-columns:1fr;gap:38px}}@media(max-width:560px){.mobile-library{padding-top:8px}.phone-reader{justify-self:start}}