@layer components{.book-page{min-height:100vh;& .book-page__container{max-width:760px;margin-inline:auto;padding-inline:var(--space-l)}& .book-page__header{padding-block:var(--space-2xl);padding-inline:var(--space-l);background-color:var(--color-surface-raised)}& .book-page__header-inner{max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:320px 1fr;gap:var(--space-2xl);align-items:start}& .book-page__cover{position:relative;&::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:2px solid var(--color-accent);border-radius:4px;z-index:0}}& .book-page__cover-image{width:100%;height:auto;border-radius:4px;position:relative;z-index:1;box-shadow:0 30px 60px rgba(0,0,0,.2)}& .book-page__meta{display:flex;flex-direction:column;gap:var(--space-m);padding-top:var(--space-l)}& .book-page__genre{font-size:var(--size-step--1);font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin:0}& .book-page__title{font-size:var(--size-step-4);font-weight:900;line-height:1.05;color:var(--color-text);margin:0}& .book-page__subtitle{font-size:var(--size-step-1);font-weight:400;color:var(--color-text-muted);margin:0;font-style:italic}& .book-page__release{font-size:var(--size-step--1);color:var(--color-text-muted);margin:0;padding-top:var(--space-s);border-top:1px solid var(--color-border)}& .book-page__body{& .book-page__container{padding-block:var(--space-2xl);display:flex;flex-direction:column;gap:0}& h2{font-size:var(--size-step-2);font-weight:800;color:var(--color-text);margin:var(--space-2xl)0 var(--space-l);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);&:first-child{margin-top:0;padding-top:0;border-top:none}&::before{content:"— ";color:var(--color-accent)}}& p{font-size:var(--size-step-0);line-height:1.8;color:var(--color-text-muted);margin:0 0 var(--space-m);&:last-child{margin-bottom:0}}& ul{list-style:none;padding:0;margin:0 0 var(--space-m);display:flex;flex-direction:column;gap:var(--space-xs);& li{font-size:var(--size-step-0);line-height:1.6;color:var(--color-text-muted);padding-inline-start:var(--space-m);position:relative;&::before{content:"×";position:absolute;inset-inline-start:0;color:var(--color-accent);font-weight:700}}}}@media(max-width:900px){& .book-page__header-inner{grid-template-columns:1fr}& .book-page__cover{max-width:220px}}}}.book-page__cover>.progressive-image-container{width:100%;aspect-ratio:2/3}