@layer reset,base,tokens,bits;@layer components{.reading-layout{--reading-gutter:var(--nw-space-8);max-width:var(--reading-width,54rem);padding:var(--nw-space-8) var(--nw-space-6) var(--nw-space-12);margin:0 auto}.reading-layout--with-contents{max-width:var(--reading-width,72rem);grid-template-columns:var(--reading-sidebar-width,11rem) minmax(0, 1fr);align-items:start;gap:var(--nw-space-8);display:grid}.reading-sheet{min-width:0;padding:var(--nw-space-8);background:var(--nw-bg-surface);border:1px solid var(--nw-border-default);border-radius:var(--nw-radius-l)}.reading-header{max-width:none;margin-bottom:var(--nw-space-8)}.reading-layout .reading-header h1{font-family:var(--nw-font-accent);font-size:2.5rem;font-weight:var(--nw-font-normal);-webkit-hyphens:auto;hyphens:auto}.reading-layout .reading-body{max-width:none}.reading-sidebar{top:var(--nw-space-20);max-height:calc(100dvh - var(--nw-space-20) - var(--nw-space-4));padding:var(--nw-space-2);font-size:var(--nw-text-14);background:var(--nw-bg-page);box-shadow:0 0 var(--nw-space-6) var(--nw-space-2) var(--nw-bg-page);position:sticky;overflow-y:auto}.reading-sidebar__title{margin:0 0 var(--nw-space-4);color:var(--nw-text-primary);font-weight:var(--nw-font-semibold)}:is(.reading-sidebar,.reading-mobile-contents) nav :is(ul,ol){margin:0;padding:0;list-style:none}:is(.reading-sidebar,.reading-mobile-contents) nav a{padding-block:var(--nw-space-2);color:var(--nw-text-secondary);overflow-wrap:anywhere;text-decoration:none;display:block}:is(.reading-sidebar,.reading-mobile-contents) nav a:hover{color:var(--nw-accent-readable)}.reading-mobile-contents{display:none}.reading-layout[data-variant=document] :where(.reading-sheet){padding:0}.reading-layout[data-variant=document] :where(.reading-header){padding:var(--nw-space-10) var(--reading-gutter);border-radius:var(--nw-radius-l) var(--nw-radius-l) 0 0;border-bottom:1px solid var(--nw-border-default);background:linear-gradient(120deg, color-mix(in oklch, var(--nw-accent) 8%, var(--nw-bg-surface)), var(--nw-bg-surface) 85%);margin:0}.reading-layout[data-variant=document] :where(.reading-header) h1{font-size:clamp(2.5rem,4.5vw,3.5rem)}.reading-layout[data-variant=document] :where(.reading-body){color:var(--nw-text-secondary)}.reading-layout :is(p,li){text-wrap:pretty}.reading-layout [id]{scroll-margin-top:var(--nw-space-20)}.reading-layout[data-variant=document] :where(a,summary):focus-visible{outline:2px solid var(--nw-accent);outline-offset:4px;border-radius:var(--nw-radius-s)}@media (width<=800px){.reading-layout{--reading-gutter:var(--nw-space-5);margin:0;padding:0;display:block}.reading-sidebar{display:none}.reading-sheet{padding:var(--nw-space-8) var(--nw-space-5) var(--nw-space-12);border:0;border-radius:0}.reading-header{margin-bottom:var(--nw-space-6)}.reading-layout .reading-header h1{font-size:var(--nw-text-32)}.reading-mobile-contents{margin-bottom:var(--nw-space-8);border-block:1px solid var(--nw-border-default);font-size:var(--nw-text-14);display:block}.reading-mobile-contents summary{padding-block:var(--nw-space-4);cursor:pointer;font-weight:var(--nw-font-medium)}.reading-mobile-contents nav{padding-bottom:var(--nw-space-4)}.reading-layout[data-variant=document] :where(.reading-header){padding-block:var(--nw-space-8);border-radius:0}.reading-layout[data-variant=document] :where(.reading-mobile-contents){padding-inline:var(--reading-gutter);border-bottom:0;margin:0}}}@layer utilities;