:root{color:#242424;background:#faf9f6;font:18px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;padding:8px 16px}header{display:flex;justify-content:flex-end;height:36px;align-items:center}header a{font-size:14px;font-weight:700;color:#163e74;text-decoration:underline;text-underline-offset:3px}a{color:#163e74}button{font:inherit;cursor:pointer;background:transparent;border:1px solid #d9d8d5;border-radius:7px;padding:4px 8px;font-size:13px;line-height:22px;color:#444}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #306e63;outline-offset:2px}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px;height:calc(100dvh - 100px);min-height:400px}.index{border-right:1px solid #ddd;padding-right:16px;overflow-y:auto;overscroll-behavior:contain}.index h2{font-size:18px;margin:0;line-height:26px}.intro{font-size:14px;margin:2px 0 8px}.controls{display:flex;gap:6px;margin-bottom:8px}details{margin-bottom:10px}details details{padding-left:21px;margin:0}summary{cursor:pointer;list-style:none;min-height:32px;line-height:23px;font-size:16px;font-weight:600;display:flex;gap:8px;align-items:center}summary::before{content:'›';font-size:23px;transform:rotate(0deg)}details[open]>summary::before{transform:rotate(90deg)}details details summary{font-size:15px;color:#555}.index ul{list-style:none;padding:0 0 0 21px;margin:0}.index a{display:block;font-size:15px;line-height:22px;min-height:30px;padding:4px 0;text-decoration:none;color:#242424}.index a:hover,.index a[aria-current=page]{color:#306e63;text-decoration:underline}.reader{overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 24px 0}.context{font-size:15px;line-height:23px;color:#666;margin:0 0 14px}.reader h1{font-size:21px;line-height:29px;margin:0 0 12px}.reader p{margin:0 0 20px}.mobile-index{display:none}footer{font-size:15px;padding-top:8px;color:#555}.about{max-width:1000px;margin:10px 0 40px}.about h1{font-family:Georgia,serif;font-size:38px;font-weight:400}.about h2{font-family:Georgia,serif;font-weight:400;font-size:27px}.about p{margin:0 0 20px}.about a{overflow-wrap:anywhere}@media(max-width:999px){body{padding:4px 18px;font-size:17px;line-height:1.6}header{height:44px}header a{display:inline-flex;align-items:center;min-height:44px}.mobile-index{display:block;border-radius:24px;background:#242424;color:white;font-size:16px;font-weight:600;min-height:44px;padding:8px 18px;margin:0 0 8px}.layout{display:block;position:relative;height:calc(100dvh - 160px);min-height:300px}.index{display:none}.layout.open .index{display:block;position:absolute;inset:0;z-index:2;background:#faf9f6;border:1px solid #ddd;border-radius:12px;padding:12px}.reader{height:100%;padding-right:0}.index a,summary,.controls button{min-height:44px}.index a{display:flex;align-items:center}.reader h1{font-size:20px;line-height:27px}.about{margin-top:4px}footer{font-size:14px}}
@media(min-width:1000px){body{padding-left:28px;padding-right:24px}}
.index a{font-size:17px;line-height:24px}summary{font-size:18px;line-height:25px}details details summary{font-size:17px;line-height:24px}
header a{font-size:16px;line-height:24px}
header{justify-content:space-between;gap:12px}.notebook-name{font-size:18px;line-height:24px;font-weight:600;margin:0}@media(max-width:599px){.notebook-name{font-size:16px;line-height:22px}}

.notebook-name{color:#163e74;text-decoration:underline;text-underline-offset:3px}

.updated-stamp{font-size:12px;line-height:16px;color:#666;margin:3px 0 0}.notebook-titleblock{min-width:0}header>a{flex-shrink:0}

header{height:auto;min-height:48px;margin-bottom:10px}