.lesboek-module__N8WSyG__boek{--page-line:color-mix(in srgb, var(--blue) 11%, transparent);--page-margin:color-mix(in srgb, var(--blue) 24%, transparent);margin-top:2.25rem}.lesboek-module__N8WSyG__tabs{z-index:1;position:relative}.lesboek-module__N8WSyG__tabList{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.lesboek-module__N8WSyG__tabList>li+li .lesboek-module__N8WSyG__tab{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--blue) 18%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--blue) 18%, transparent)}.lesboek-module__N8WSyG__tab{background:color-mix(in srgb, var(--sky) 70%, var(--paper));min-height:2.75rem;font-family:var(--font-archivo), sans-serif;text-align:center;color:var(--ink);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--blue) 18%, transparent);transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:0;justify-content:center;align-items:center;padding:.4rem .75rem;font-size:.8125rem;font-weight:800;line-height:1.15;text-decoration:none;display:flex}.lesboek-module__N8WSyG__tab:hover{background:var(--sky)}.lesboek-module__N8WSyG__tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.lesboek-module__N8WSyG__tab[data-active],.lesboek-module__N8WSyG__tabList>li+li .lesboek-module__N8WSyG__tab[data-active]{background:var(--blue);color:var(--on-accent);box-shadow:none}.lesboek-module__N8WSyG__tabList>li:first-child .lesboek-module__N8WSyG__tab{border-top-left-radius:.6rem}.lesboek-module__N8WSyG__tabList>li:last-child .lesboek-module__N8WSyG__tab{border-top-right-radius:.6rem}.lesboek-module__N8WSyG__spreads{gap:1.5rem;display:grid}.lesboek-module__N8WSyG__spread{background:var(--paper);scroll-margin-top:calc(var(--sticky-offset) + 1rem);box-shadow:0 0 0 1px color-mix(in srgb, var(--blue) 14%, transparent), 0 24px 48px -32px #20345d73;border-radius:.35rem .35rem 1.25rem 1.25rem;display:grid;position:relative;overflow:hidden}.lesboek-module__N8WSyG__spreads>.lesboek-module__N8WSyG__spread:first-child{border-top-left-radius:0;border-top-right-radius:0}.lesboek-module__N8WSyG__left{background-color:var(--paper);background-image:linear-gradient(to right, transparent 2.25rem, var(--page-margin) 2.25rem calc(2.25rem + 1.5px), transparent calc(2.25rem + 1.5px)), repeating-linear-gradient(to bottom, transparent 0 35px, var(--page-line) 35px 36px);place-items:center;padding:1.75rem 1.25rem 1.5rem 3rem;display:grid;position:relative}.lesboek-module__N8WSyG__screen{background:var(--paper);width:min(100%,17rem);box-shadow:var(--shadow-object);border-radius:1.1rem;padding:.45rem;position:relative}.lesboek-module__N8WSyG__screen:before{z-index:1;background:color-mix(in srgb, var(--butter) 90%, transparent);content:"";width:5rem;height:1.4rem;position:absolute;top:-.7rem;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #20345d1f}.lesboek-module__N8WSyG__turnLeft{rotate:-1.5deg}.lesboek-module__N8WSyG__turnRight{rotate:1.5deg}.lesboek-module__N8WSyG__screenImage{border-radius:.8rem;width:100%;height:auto;display:block}.lesboek-module__N8WSyG__right{border-top:var(--seam-width) dashed color-mix(in srgb, var(--ink) 16%, transparent);flex-direction:column;justify-content:center;gap:.75rem;padding:1.5rem 1.5rem 2rem;display:flex;position:relative}.lesboek-module__N8WSyG__folio{font-family:var(--font-archivo), sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--blue) 35%, transparent);font-size:2.5rem;font-weight:800;line-height:1}@media (min-width:48rem){.lesboek-module__N8WSyG__folio{color:#0000;-webkit-text-stroke:1.5px var(--blue);font-size:4rem}}.lesboek-module__N8WSyG__title{max-width:14ch;color:var(--ink)}.lesboek-module__N8WSyG__text{max-width:34ch;color:var(--slate)}.lesboek-module__N8WSyG__sketch{aspect-ratio:400/280;background-color:var(--blue);display:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width:640px){.lesboek-module__N8WSyG__tabList{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.lesboek-module__N8WSyG__spreads{gap:0}.lesboek-module__N8WSyG__spread{box-shadow:0 0 0 1px color-mix(in srgb, var(--blue) 14%, transparent);border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lesboek-module__N8WSyG__spreads>.lesboek-module__N8WSyG__spread+.lesboek-module__N8WSyG__spread{margin-top:-1px}.lesboek-module__N8WSyG__spreads>.lesboek-module__N8WSyG__spread:last-child{box-shadow:0 0 0 1px color-mix(in srgb, var(--blue) 14%, transparent), 0 30px 60px -36px #20345d80;border-radius:0 0 1.25rem 1.25rem}.lesboek-module__N8WSyG__spread:after{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--ink) 9%, transparent) 50%, transparent);content:"";pointer-events:none;width:2.5rem;position:absolute;inset:0 auto 0 50%;translate:-50%}.lesboek-module__N8WSyG__left{min-height:24rem;padding:2.5rem 2.5rem 2.5rem 4.5rem}.lesboek-module__N8WSyG__right{border-top:0;justify-content:flex-start;padding:2.5rem 3rem 2.5rem 4rem}.lesboek-module__N8WSyG__sketch{align-self:flex-start;height:10rem;margin-top:auto;display:block}}@media (min-width:1024px){.lesboek-module__N8WSyG__tabs{top:var(--sticky-offset);position:sticky}.lesboek-module__N8WSyG__left{min-height:28rem}.lesboek-module__N8WSyG__screen{width:min(100%,19rem)}}@media (prefers-reduced-motion:reduce){.lesboek-module__N8WSyG__tab{transition:none}}