.sample-layout{gap:var(--s-8);display:grid}.sample-layout__rail{display:none}.sample-chapter-page{margin:var(--s-7) 0 0}.sample-chapter-page__picture{max-width:360px;display:block}.sample-chapter-page__picture img{border-radius:var(--r-md);border:1px solid var(--line-1);width:100%;height:auto;box-shadow:var(--e-2);display:block}@media (min-width:1024px){.sample-layout{gap:var(--s-9);grid-template-columns:300px minmax(0,1fr);align-items:start}.sample-layout__rail{align-self:start;display:block;position:sticky;top:6rem}.sample-chapter-page{display:none}.sample-rail{gap:var(--s-4);margin:0;display:grid}}.sample-rail__frame{aspect-ratio:210/297;border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--bg-2);box-shadow:var(--e-2);position:relative;overflow:hidden}.sample-rail__layer{margin:0;position:absolute;inset:0}.sample-rail__layer img{object-fit:contain;width:100%;height:100%;display:block}.sample-rail__caption{font-size:var(--fs-caption);color:var(--text-3);margin:0}@media (prefers-reduced-motion:no-preference){.sample-rail__layer--active[data-motion=fade]{animation:sample-rail-crossfade var(--dur-crossfade) var(--ease-out) both}}@keyframes sample-rail-crossfade{0%{opacity:0}to{opacity:1}}