:root{--color-text: #333;--color-text-light: #718096;--color-background: #f5f4ed;--color-link: #1b365d;--color-gray: #dadada;--color-accent: #fafafc;--note-width: 576px;color:var(--color-text);background:var(--color-background);font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Georgia,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-background)}a{color:var(--color-link);text-decoration:none}a:visited{color:var(--color-link)}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:inherit;font-weight:700;line-height:1.125}h1{margin:16px 0;font-size:32px}h2{font-size:24px}h3{font-size:20px}img{max-width:100%}pre{overflow-x:auto}code,pre{font-family:Menlo,monospace}.reader-shell{display:flex;flex-direction:column;min-height:100vh;height:100vh;background:var(--color-background)}.site-header{border-bottom:1px solid var(--color-gray);padding:8px 16px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-header a{color:var(--color-text);font-weight:700;text-decoration:none}.site-header-search{position:relative;min-width:220px;max-width:360px;width:100%}.site-header-search input{width:100%;border:1px solid var(--color-gray);border-radius:8px;background:#fff;color:var(--color-text);padding:8px 10px;font-size:14px}.site-header-search input:focus{outline:2px solid rgba(27,54,93,.25);outline-offset:1px}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;border:1px solid var(--color-gray);border-radius:8px;background:#fff;box-shadow:0 10px 20px #00000014;z-index:20}.search-results button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:var(--color-text);text-align:left;padding:8px;cursor:pointer}.search-results button:hover{background:var(--color-accent)}.notes-scroll{flex:1 1 auto;overflow-x:auto;overflow-y:hidden;background:var(--color-background)}.note-columns{display:flex;min-height:100%;transition:width .1s ease}.note-column{position:relative;display:flex;flex:0 0 var(--note-width);flex-direction:column;width:var(--note-width);max-width:100vw;min-height:100%;height:calc(100vh - 41px);overflow-y:auto;padding:0 16px;background:var(--color-background)}.note-column.is-overlay{box-shadow:0 0 8px #00000020;animation:note-column-enter .18s cubic-bezier(.2,.8,.2,1) both}.note-column-inner{display:flex;flex:1;flex-direction:column;min-height:100%;opacity:1;transition:opacity .1s ease}@keyframes note-column-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.note-column.is-overlay{animation:none}.note-columns,.note-column-inner{transition:none}}.note-body{flex:1 1 auto}.markdown a{margin-inline:-2px;padding-inline:2px;border-radius:4px;text-decoration:underline;text-underline-offset:.12em;text-decoration-thickness:.08em}.markdown a:hover,.markdown a:focus{background:var(--color-accent)}.empty-note{color:var(--color-text-light);font-style:italic}.note-footer{margin-bottom:8px;padding:16px;border-radius:8px;color:var(--color-text-light);background:var(--color-accent)}.note-footer p{margin:0;font-size:14px}.note-footer a{color:var(--color-text-light);text-decoration:underline}.references{margin-bottom:16px}.references h2{margin:0 0 8px;color:var(--color-text-light);font-size:16px}.reference{display:block;padding:8px 0;color:var(--color-text-light);text-decoration:none}.reference strong,.reference span{display:block}.reference span{margin-top:2px;font-size:14px}.popover{position:fixed;z-index:1000;max-height:min(420px,calc(100vh - 32px));overflow-y:auto;padding:16px;border-radius:8px;background:var(--color-background);box-shadow:0 0 8px #00000020}.popover h3{margin:16px 0}.popover p{margin:0}.popover-preview>:first-child{margin-top:0}.popover-preview>:last-child{margin-bottom:0}.popover-preview ul,.popover-preview ol{margin:0 0 8px;padding-left:20px}.popover-preview li{margin:4px 0}@media(max-width:767px){.notes-scroll{overflow-x:hidden;overflow-y:hidden}.note-columns{width:100%}.note-column{position:static;flex-basis:100%;width:100%;height:calc(100vh - 41px)}}