*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#eeece6;color:#34362f;font-family:Arial,sans-serif}header{max-width:780px;margin:auto;padding:28px 24px 20px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #d6d3ca}.title{font:26px Georgia,serif;color:inherit;text-decoration:none}header span{font-size:11px;color:#75776d}main{max-width:588px;margin:auto;padding:0 24px}.note{padding:24px 0 32px;font:14px/1.7 Georgia,serif;color:#64665c}.note p{margin:0}.page{margin:0 0 44px;scroll-margin-top:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font:11px Arial,sans-serif;color:#77796e;font-weight:400}.page-heading span{font-size:10px}.page img{width:100%;display:block;box-shadow:0 3px 12px #39382f1a}.page-tools{display:flex;justify-content:space-between;align-items:start;margin-top:14px;gap:20px;font-size:11px;color:#73766a}.page-tools>a{color:inherit;text-underline-offset:3px;white-space:nowrap}details{max-width:420px}summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}details p{font:15px/1.7 Georgia,serif;color:#45483d}.end{text-align:center;font:italic 16px Georgia,serif;color:#77796d;padding:10px 0 30px}footer{text-align:center;font-size:10px;color:#85867c;padding:0 0 110px}.page-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f9f8f3f5;border:1px solid #d6d4cb;box-shadow:0 4px 24px #00000010;border-radius:6px;padding:8px 12px;backdrop-filter:blur(10px);white-space:nowrap}.page-nav button{font:12px Arial,sans-serif;border:0;background:none;padding:10px 8px;color:#353a2d;cursor:pointer}.page-nav span{font-size:11px;color:#777a70;font-variant-numeric:tabular-nums}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #67734d;outline-offset:4px}@media(max-width:560px){header{margin:0 20px;padding:22px 0 18px}main{padding:0 16px}.note{padding:24px 5px 28px;font-size:13px}.page{margin-bottom:36px}.page-nav{bottom:14px;gap:24px}.page-tools{padding:0 4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.page img{height:auto}
.header-meta{display:flex;align-items:center;gap:18px}.header-meta button{background:none;border:0;padding:0;font:11px Arial,sans-serif;color:#75776d;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.end-space{height:100px}.transcript{min-width:0;flex:1}.transcript p{white-space:normal}dialog{width:min(420px,calc(100vw - 40px));padding:28px;border:1px solid #d6d3ca;border-radius:5px;background:#f9f8f3;color:#34362f}dialog::backdrop{background:#0005}dialog h2{font:24px Georgia,serif;margin:25px 0 20px}dialog p{font:14px/1.7 Arial,sans-serif}#about-close{display:block;margin-left:auto;background:none;border:0;font:12px Arial,sans-serif;color:#64665c;cursor:pointer}@media(max-width:560px){.header-meta{align-items:flex-end;flex-direction:column;gap:7px}.page-tools{gap:12px}.transcript p{font-size:15px}.page-tools:has(details[open]){flex-wrap:wrap}.page-tools details[open]{flex-basis:100%;max-width:none}}