.notebook-page{--nb-cols-base: 4;--nb-cols-md: 8;--nb-cols-lg: 12;--nb-container-max: 100%;--nb-col-w-max: 9999px;--nb-row-h: 6rem;--nb-line: oklch(var(--border));--nb-cell-gap: 1px}@media (min-width: 1280px){.notebook-page{--nb-container-max: 1280px;--nb-col-w-max: 120px}}@media (min-width: 1536px){.notebook-page{--nb-container-max: 1400px}}.notebook{--nb-cols: var(--nb-cols-base, 4);--nb-grid-frame-w: min(100%, var(--nb-container-max, 100%));--nb-col-w: min( calc(var(--nb-grid-frame-w) / var(--nb-cols)), var(--nb-col-w-max, 100px) );--nb-y-anchor: top;--nb-pad-quarter: 1.625rem;--nb-pad-half: 3.25rem;--nb-pad-1: 6.5rem;--nb-vline-step: 1;position:relative;width:100%}@media (min-width: 768px){.notebook--sparse-lines{--nb-vline-step: 2}}@media (min-width: 1280px){.notebook--sparse-lines{--nb-vline-step: 3}}@media (min-width: 768px){.notebook{--nb-cols: var(--nb-cols-md, 8)}}@media (min-width: 1280px){.notebook{--nb-cols: var(--nb-cols-lg, 12)}}.notebook--anchor-bottom{--nb-y-anchor: bottom}.notebook--lines-vertical>.notebook-inner{background-image:linear-gradient(to right,var(--nb-line, oklch(var(--border))) 1px,transparent 1px);background-size:calc(var(--nb-col-w) * var(--nb-vline-step, 1)) 100%;background-position:0 top;background-repeat:repeat;box-shadow:inset -1px 0 0 var(--nb-line, oklch(var(--border)))}.notebook--lines-horizontal>.notebook-inner{background-image:linear-gradient(to bottom,var(--nb-line, oklch(var(--border))) 1px,transparent 1px);background-size:100% var(--nb-row-h, 6rem);background-position:0 var(--nb-y-anchor);background-repeat:repeat}.notebook--lines-both>.notebook-inner{background-image:linear-gradient(to right,var(--nb-line, oklch(var(--border))) 1px,transparent 1px),linear-gradient(to bottom,var(--nb-line, oklch(var(--border))) 1px,transparent 1px);background-size:calc(var(--nb-col-w) * var(--nb-vline-step, 1)) 100%,100% var(--nb-row-h, 6rem);background-position:0 top,0 var(--nb-y-anchor);background-repeat:repeat,repeat;box-shadow:inset -1px 0 0 var(--nb-line, oklch(var(--border)))}.notebook--lines-outer>.notebook-inner{background-image:linear-gradient(to right,var(--nb-line, oklch(var(--border))) 1px,transparent 1px);background-size:100% 100%;background-repeat:no-repeat;box-shadow:inset -1px 0 0 var(--nb-line, oklch(var(--border)))}@media (max-width: 767px){.notebook--lines-vertical:not(.notebook--mobile-lines)>.notebook-inner{background-image:none;box-shadow:none}.notebook--lines-both:not(.notebook--mobile-lines)>.notebook-inner{background-image:linear-gradient(to bottom,var(--nb-line, oklch(var(--border))) 1px,transparent 1px);background-size:100% var(--nb-row-h, 6rem);background-position:0 var(--nb-y-anchor);box-shadow:none}}.notebook-inner{width:min(calc(var(--nb-cols) * var(--nb-col-w)),var(--nb-grid-frame-w));max-width:100%;margin-inline:auto;display:grid;grid-template-columns:repeat(var(--nb-cols),var(--nb-col-w));grid-auto-rows:var(--nb-row-h, 6rem);position:relative;min-height:100%}.notebook--anchor-bottom>.notebook-inner{align-content:end}.nb-px-quarter{padding-left:var(--nb-pad-quarter);padding-right:var(--nb-pad-quarter)}.nb-py-quarter{padding-top:var(--nb-pad-quarter);padding-bottom:var(--nb-pad-quarter)}.nb-p-quarter{padding-left:var(--nb-pad-quarter);padding-right:var(--nb-pad-quarter)}.nb-px-half{padding-left:var(--nb-pad-half);padding-right:var(--nb-pad-half)}.nb-py-half{padding-top:var(--nb-pad-half);padding-bottom:var(--nb-pad-half)}.nb-p-half{padding:var(--nb-pad-half)}.nb-px-1{padding-left:var(--nb-pad-1);padding-right:var(--nb-pad-1)}.nb-py-1{padding-top:var(--nb-pad-1);padding-bottom:var(--nb-pad-1)}.nb-p-1{padding:var(--nb-pad-1)}.nb-pt-quarter{padding-top:var(--nb-pad-quarter)}.nb-pb-quarter{padding-bottom:var(--nb-pad-quarter)}.nb-pt-half{padding-top:var(--nb-pad-half)}.nb-pb-half{padding-bottom:var(--nb-pad-half)}.nb-pt-1{padding-top:var(--nb-pad-1)}.nb-pb-1{padding-bottom:var(--nb-pad-1)}.notebook--cell-separators .notebook-inner>*:not(.notebook-flush){--nb-cell-half: calc(var(--nb-cell-gap, 0px) / 2);border-style:solid;border-color:transparent;box-sizing:border-box;background-clip:padding-box}.notebook--cell-separators.notebook--lines-both .notebook-inner>*:not(.notebook-flush){border-width:var(--nb-cell-half)}.notebook--cell-separators.notebook--lines-vertical .notebook-inner>*:not(.notebook-flush){border-width:0 var(--nb-cell-half)}.notebook--cell-separators.notebook--lines-horizontal .notebook-inner>*:not(.notebook-flush){border-width:var(--nb-cell-half) 0}.notebook--cell-separators.notebook--lines-none .notebook-inner>*:not(.notebook-flush){border-width:0}