:root{--color-background:#f3f4f6;--color-text:#1e2f4d;--color-primary:#2f6db5;--color-accent:#36b5b0;--color-label:#d9534f;--color-paper:#fffdf8;--color-rule:#c9d8ea;--color-highlight:#fff4c2;--shadow-page:drop-shadow(0 .25rem .75rem #1e2f4d1f);--shadow-spine-left:inset -1rem 0 1rem -1rem #1e2f4d1f;--shadow-spine-right:inset 1rem 0 1rem -1rem #1e2f4d1f;--font-family-base:Georgia, "Noto Serif", serif;--font-size-base:16px;--font-handwriting:"Patrick Hand", cursive;--color-ink-handwriting:#1e2f4d;--size-entry-handwriting:calc(var(--font-size-base) * 1.15);--page-rows:30;--page-width:38rem;--line-height-rule:1.75rem;--rule-width:1px;--column-split:50%;--radius-page:.75rem;--entry-baseline-shift:calc(var(--line-height-rule) / 2 - .65em);--space-m:1rem;--space-l:2rem;--space-xl:4rem}*,:before,:after{box-sizing:border-box}html{font-size:var(--font-size-base)}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);margin:0}main{padding:var(--space-xl) var(--space-m);text-align:center}h1{color:var(--color-text);font-family:var(--font-family-base);margin:0}.notebook{margin-top:var(--space-l);filter:var(--shadow-page);justify-content:center;display:flex}.page{max-width:var(--page-width);padding-bottom:var(--space-m);background-color:var(--color-paper);border-radius:var(--radius-page);text-align:start;flex:1 1 0;position:relative}.page:before{content:"";top:0;bottom:0;left:var(--column-split);width:var(--rule-width);background-color:var(--color-rule);position:absolute}.row{grid-template-columns:var(--column-split) minmax(0, 1fr);height:var(--line-height-rule);border-bottom:var(--rule-width) solid var(--color-rule);display:grid}.page__entries{margin:0}.cell{top:var(--entry-baseline-shift);min-width:0;padding-inline:var(--space-m);font-weight:400;line-height:var(--line-height-rule);white-space:nowrap;text-overflow:ellipsis;margin:0;position:relative;overflow:hidden}.page__number{grid-column:2;justify-self:end}.page--right{display:none}@media (width>=56rem){.page--left{border-radius:var(--radius-page) 0 0 var(--radius-page);box-shadow:var(--shadow-spine-left)}.page--left .page__number{grid-column:1;justify-self:start}.page--right{border-radius:0 var(--radius-page) var(--radius-page) 0;box-shadow:var(--shadow-spine-right);display:block}}