.hb-book{--margin-col:4.25rem;background:var(--paper);position:relative}@media (min-width:64rem){.hb-book{--margin-col:clamp(11rem, 17vw, 16rem)}}.hb-book:before,.hb-book:after{content:"";background:var(--margin);opacity:.55;pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0}.hb-book:before{left:var(--margin-col)}.hb-book:after{left:calc(var(--margin-col) + 4px)}.hb-spread{grid-template-columns:var(--margin-col) minmax(0, 1fr);display:grid}.hb-margin-cell{padding-left:1rem;padding-right:.75rem}.hb-page-cell{padding-left:1.5rem;padding-right:1.25rem}@media (min-width:64rem){.hb-margin-cell{padding-left:2.5rem;padding-right:1.5rem}.hb-page-cell{padding-left:3.25rem;padding-right:3rem}}.hb-ruled{line-height:var(--row)}.hb-entries{border-collapse:collapse;table-layout:fixed;width:100%}.hb-entries th{text-align:left;height:var(--row);background-image:linear-gradient(to bottom, transparent calc(var(--row) * .74), var(--rule-strong) calc(var(--row) * .74), var(--rule-strong) calc(var(--row) * .74 + 1px), transparent calc(var(--row) * .74 + 1px));padding-top:0;padding-bottom:0;font-weight:500}.hb-entry td{vertical-align:top;padding-top:0;padding-bottom:var(--row)}.hb-col-mark{width:var(--margin-col)}.hb-col-time{width:7.5rem}@media (min-width:64rem){.hb-col-time{width:10rem}}.hb-mark-line{height:var(--row);align-items:center;gap:.5rem;display:flex}.hb-request-mark .hb-open{opacity:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.hb-ledger .hb-write{clip-path:inset(0 100% 0 0)}.hb-ledger.hb-live .hb-write{animation:hb-write .9s var(--ease-out-expo) forwards;animation-delay:calc(.15s + var(--i) * .42s)}.hb-ledger.hb-live .hb-write-late{animation-delay:calc(.27s + var(--i) * .42s)}.hb-ledger .hb-mark-in{opacity:0;transform:scale(.6)}.hb-ledger.hb-live .hb-mark-in{animation:hb-mark-in .5s var(--ease-out-expo) forwards;animation-delay:calc(.7s + var(--i) * .42s)}.hb-ledger .hb-pencil{color:var(--pencil)}.hb-ledger.hb-live .hb-pencil{animation:hb-ink .9s var(--ease-out-quart) forwards;animation-delay:3.2s}.hb-ledger .hb-staff-note{opacity:0;transform:translateY(.35rem)}.hb-ledger.hb-live .hb-staff-note{animation:hb-note-in .7s var(--ease-out-expo) forwards;animation-delay:3.5s}.hb-ledger .hb-request-mark .hb-open{opacity:1}.hb-ledger.hb-live .hb-request-mark .hb-open{animation:hb-fade-out .4s var(--ease-out-quart) forwards;animation-delay:3.3s}.hb-ledger .hb-request-mark .hb-done{opacity:0}.hb-ledger.hb-live .hb-request-mark .hb-done{animation:hb-mark-in .5s var(--ease-out-expo) forwards;animation-delay:3.4s}.hb-ledger:not(.hb-live) .hb-write{animation:hb-write .9s var(--ease-out-expo) 5s forwards}.hb-ledger:not(.hb-live) .hb-mark-in,.hb-ledger:not(.hb-live) .hb-staff-note,.hb-ledger:not(.hb-live) .hb-request-mark .hb-done{animation:hb-mark-in .5s var(--ease-out-expo) 5s forwards}.hb-ledger:not(.hb-live) .hb-request-mark .hb-open{animation:hb-fade-out .3s var(--ease-out-quart) 5s forwards}.hb-ledger:not(.hb-live) .hb-pencil{animation:hb-ink .6s var(--ease-out-quart) 5s forwards}}@keyframes hb-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hb-mark-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes hb-ink{0%{color:var(--pencil)}to{color:var(--ink)}}@keyframes hb-note-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}@keyframes hb-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width:47.99rem){.hb-entries,.hb-entries tbody,.hb-entries tr{display:block}.hb-head-row{display:none!important}.hb-entry{grid-template-columns:var(--margin-col) minmax(0, 1fr);display:grid!important}.hb-entry td{padding-top:0;padding-bottom:0;display:block}.hb-entry td:not(:first-child){padding-left:1.25rem;padding-right:1.25rem}.hb-entry td:first-child{grid-row:span 3}.hb-entry td:last-child{padding-bottom:var(--row)}}.hb-slip{background:var(--paper-raised);box-shadow:inset 0 0 0 1px var(--paper-edge);padding:calc(var(--row) / 2) 1rem;border-radius:3px}@media (min-width:48rem){.hb-slip{padding:calc(var(--row) / 2) 1.75rem}}.hb-sep{font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0}.hb-strike{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-soft);text-decoration-color:var(--ink-soft);text-decoration-thickness:1.5px}.hb-leader{border-bottom:1.5px dotted var(--pencil-soft);flex:1;min-width:1rem;margin:0 .5rem;transform:translateY(-.3em)}
