@layer components{.sample-viewer_list{flex-direction:column;gap:3rem;width:100%;max-width:47rem;margin:0 auto;padding:0;list-style:none;display:flex}.sample-viewer_page{flex-direction:column;gap:1rem;scroll-margin-top:2rem;display:flex}.sample-viewer_number{color:var(--text-2);font-size:.875rem}.sample-viewer_image{border-radius:.25rem;width:100%;height:auto;box-shadow:0 1.25rem 2.5rem -1rem #20384640}.sample-viewer_text{border-top:1px solid var(--colour-line);padding-top:.75rem}.sample-viewer_text summary{cursor:pointer;text-underline-offset:.2em;align-items:center;width:fit-content;min-height:2.75rem;text-decoration:underline;display:flex}.sample-viewer_text-body{flex-direction:column;gap:.75rem;max-width:40rem;padding-block:1rem;display:flex}.sample-viewer_heading{font-family:var(--font-heading);margin-top:.5rem;font-size:1.25rem;line-height:1.3}.sample-viewer_label{letter-spacing:.1em;color:var(--text-2);font-size:.75rem}}