.type-cover{text-align:left;border-radius:inherit;width:100%;height:100%;min-height:100%;font-family:var(--sans);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6%;padding:8%;font-style:normal;display:flex;position:relative;overflow:hidden;container-type:inline-size}.type-cover:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff29,#fff0 70%);width:7%;position:absolute;inset:0 auto 0 0;box-shadow:1px 0 #0000002e}.type-cover>*{min-width:0;max-width:100%;position:relative}span.type-cover>small,span.type-cover>em{color:inherit}.type-cover small{font-size:var(--t-xs);opacity:.85;letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.type-cover strong{letter-spacing:-.02em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:clamp(14px,14cqw,28px);font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.type-cover em{font-style:normal;font-size:var(--t-xs);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.type-cover small:empty,.type-cover em:empty,.type-cover-initial{display:none}@container (max-width:72px){span.type-cover>strong{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}span.type-cover>.type-cover-initial{opacity:.9;align-self:center;margin:auto;font-size:45cqw;font-weight:700;line-height:1;display:block}}@container (max-width:96px){.type-cover{justify-content:center;padding:8% 6%}.type-cover small,.type-cover em{display:none}.type-cover strong{-webkit-line-clamp:3;font-size:clamp(12px,17cqw,14px)}}.book-card-ph{display:block;position:absolute;inset:0}