.book-stage>.book-cover{box-sizing:border-box;width:var(--studyy-book-width);min-width:var(--studyy-book-width);max-width:var(--studyy-book-width);height:var(--studyy-book-height);min-height:var(--studyy-book-height);max-height:var(--studyy-book-height);aspect-ratio:2/3;overflow:hidden;flex:0 0 auto;padding:14px 14px 12px;border-left-width:7px;display:grid;grid-template-rows:18px 72px 22px minmax(0,1fr) 27px;align-items:center;transition:transform .2s}
.book-cover__brand{align-self:start;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:8px;font-weight:750;line-height:1;letter-spacing:.2em;opacity:.72;white-space:nowrap}
.book-cover__title{align-self:end;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26px;font-weight:700;line-height:1.15;letter-spacing:.08em}
.book-cover__title span{display:block;white-space:nowrap}
.book-cover__grade{align-self:center;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px;line-height:1.2;white-space:nowrap}
.book-cover__art{align-self:stretch;min-height:0;margin:6px 0;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-family:Georgia,"Yu Mincho",serif;font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.78;white-space:nowrap}
.book-cover__art i{display:block;width:18px;height:1px;background:currentColor;opacity:.55}
.book-cover__copy{align-self:end;border-top:1px solid currentColor;padding-top:6px;font-size:9px;font-weight:600;line-height:1.35;letter-spacing:.04em;white-space:nowrap}
.book-cover--bread{background:var(--paper);color:var(--brown);border-color:#d4c7ad;border-left-color:#a68b64}
.book-cover--grass{background:#edf1e6;color:#3e673e;border-color:#b6c6aa;border-left-color:#78956f}
.book-cover--cream{background:#f8f0d8;color:#684b22;border-color:#d5c59b;border-left-color:#a98445}
.book-cover--djibouti{background:#eaf2f3;color:#274c5b;border-color:#b8ccd0;border-left-color:#4d7895}
.book-cover--sleep{background:#efedf7;color:#414971;border-color:#c3c5da;border-left-color:#73789b}

.study-short{max-width:820px;margin:auto;--paper:#f4efdf;--brown:#714a2c;--studyy-book-width:180px;--studyy-book-height:270px}.short-intro img{border-radius:17px;display:block}.short-intro h1{font-size:48px;line-height:1.2;letter-spacing:-.04em;margin:22px 0 15px}.short-intro p{font-size:23px;font-weight:600;line-height:1.8;margin:0 0 14px}.short-books{margin-top:45px}.short-books h2,.short-flow h2{font-size:20px;font-weight:600;margin:0 0 22px}.book-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.book-stage{display:flex;justify-content:flex-start}.book-cover{border:1px solid;border-left:7px solid;text-decoration:none}.book-cover:hover{color:inherit}.short-flow{margin-top:38px;border-top:1px solid #dee3df;padding-top:25px}.short-flow ol{display:flex;gap:30px;flex-wrap:wrap;padding-left:22px;margin:0;line-height:2;font-size:16px}.short-flow li{padding-right:12px}@media(max-width:650px){.short-intro h1{font-size:40px}.short-intro p{font-size:20px}.book-row{display:flex;overflow-x:auto;gap:18px;padding-bottom:16px}.book-stage{flex:0 0 180px}.short-books{margin-top:32px}.short-flow ol{display:block}.short-flow{margin-top:24px}}

.study-short{max-width:1000px}.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:40px}.screen-gallery figure{margin:0;min-width:0}.phone-frame{border:3px solid #282a2b;border-radius:32px;overflow:hidden;background:#fff;padding:3px}.phone-frame img{display:block;width:100%;height:auto;border-radius:25px}.screen-gallery figcaption{font-size:16px;margin-top:16px;text-align:center;color:#202420}.short-flow{margin-top:36px}@media(max-width:700px){.screen-gallery{display:flex;overflow-x:auto;gap:22px;margin-top:28px;padding-bottom:15px;scroll-snap-type:x mandatory}.screen-gallery figure{flex:0 0 76%;max-width:285px;scroll-snap-align:start}.phone-frame{border-radius:30px}.screen-gallery figcaption{font-size:16px}}

.short-intro .short-description{font-size:16px;font-weight:400;line-height:1.9;color:#616961;max-width:580px;margin:0 0 12px}