main.svelte-1x5t01h{position:relative;margin:auto;width:100%;padding-top:var(--h-column-top-margin);max-width:var(--w-max-column);min-width:var(--w-min-column)}main.svelte-1x5t01h .header:where(.svelte-1x5t01h){margin-bottom:var(--x8);width:100%}main.svelte-1x5t01h .header:where(.svelte-1x5t01h) .title:where(.svelte-1x5t01h){font-size:var(--h1);font-weight:400}main.svelte-1x5t01h .header:where(.svelte-1x5t01h) .subtitle:where(.svelte-1x5t01h){padding-top:var(--x1);font-family:var(--f-sans);color:oklch(from var(--ink) l c h/.6)}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .description:where(.svelte-1x5t01h){width:calc(100% - 300px)}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h){width:300px;font-size:var(--p-sub1);font-family:var(--f-sans);opacity:0;animation:svelte-1x5t01h-fadeIn .5s ease-out forwards}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h) .cover:where(.svelte-1x5t01h){background:var(--paper);width:250px;flex-grow:0;cursor:zoom-in}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h) .numberline:where(.svelte-1x5t01h){color:oklch(from var(--ink) l c h/.6)}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h) .badge:where(.svelte-1x5t01h){margin-top:var(--x1);display:inline-block;border-radius:8px;border:1px solid oklch(from var(--ink) l c h/.2);background-color:var(--box);padding:2px 10px;flex:0 0 1;transform:scale(.85);transform-origin:top left}@keyframes svelte-1x5t01h-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .description:where(.svelte-1x5t01h){width:calc(100% - 170px)}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h){width:170px}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h) .cover:where(.svelte-1x5t01h){width:160px}}@media (max-width: 750px){main.svelte-1x5t01h .header:where(.svelte-1x5t01h){width:100%}main.svelte-1x5t01h .content:where(.svelte-1x5t01h){flex-direction:column-reverse}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .description:where(.svelte-1x5t01h){width:100%}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h){width:100%}main.svelte-1x5t01h .content:where(.svelte-1x5t01h) .summary:where(.svelte-1x5t01h) .cover:where(.svelte-1x5t01h){width:250px}}