:root{--bg: #fffcea;--fg: #000000;--rule: #d8d4c2;--accent: #3075ff;--accent-hover: #0044d6}:root[data-theme=dark]{--bg: #121212;--fg: #e8e6dc;--rule: #2a2a2a;--accent: #7aa7ff;--accent-hover: #b9d1ff}body{font-family:Georgia,Times New Roman,serif;max-width:720px;margin:0 auto;padding:2rem 1.5rem;background:var(--bg);color:var(--fg);line-height:1.5}.note>*{max-width:700px;margin-left:auto;margin-right:auto}.note>.img-row,.note>.img-text,.note>.img-full,.note>.img-center{position:relative;left:50%;transform:translate(-50%);margin-left:0;margin-right:0}.note>.img-row{width:min(70vw,1100px);max-width:none}.note>.img-text{width:min(80vw,1280px);max-width:none}.note>.img-full{width:min(80vw,1400px);max-width:none}.note>.img-center{width:min(45vw,500px);max-width:none}.note .img-row{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem auto;justify-content:center;align-items:center}.note .img-row p{margin:0}.note .img-row img{height:var(--row-h, 320px);width:auto;max-width:100%;display:block}.note .img-text{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:2.5rem;align-items:start;margin:3rem auto}.note .img-text>div:first-child img{width:100%;height:auto;display:block;position:sticky;top:1rem}.note .img-text>div>:first-child{margin-top:0}.note .img-text>div>:last-child{margin-bottom:0}.note .img-center{display:flex;justify-content:center;margin:2rem auto}.note .img-center img{width:100%;height:auto;display:block}.note .img-full p{margin:0}.note .img-full img{width:100%;height:auto;display:block;margin:0 auto}.note .img-full p:not(:has(img)){font-size:.9rem;opacity:.75;max-width:800px;margin:.75rem auto 0;text-align:left}.note .note-title{font-size:2.25rem;font-weight:400;margin:1rem auto .25rem;text-align:center}.note .note-date{text-align:center;opacity:.65;margin:0 auto 2rem;font-size:.9rem}.note .format-hint{opacity:.5;font-size:.9rem;margin:.25rem auto 1.5rem}details.further{margin:.5rem auto 1rem}details.further>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4rem;font-style:italic;opacity:.85;user-select:none}details.further>summary::-webkit-details-marker{display:none}details.further>summary:before{content:"›";display:inline-block;font-size:1.2em;line-height:1;transition:transform .2s ease;transform-origin:50% 55%}details.further[open]>summary:before{transform:rotate(90deg)}details.further>summary:hover{color:var(--accent-hover)}.note details.further em{opacity:.85}.timeline{position:relative;padding-left:1.5rem;margin:1.5rem 0}.timeline:before{content:"";position:absolute;left:2.5px;top:.5rem;bottom:.5rem;width:1px;background:currentColor;opacity:.2}.timeline>.t-item{position:relative;margin:1rem 0;font-size:.95rem;font-weight:350;opacity:.85}.timeline>.t-item:before{content:"";position:absolute;left:-1.5rem;top:.5em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.timeline>.t-item>:first-child{margin-top:0}.timeline>.t-item>:last-child{margin-bottom:0}.timeline>.t-item ul{padding-left:1.25rem;margin:.4rem 0 0}.timeline>.t-item li{margin:.2rem 0}.note img{cursor:zoom-in}#zoom{position:fixed;inset:0;background:#000000eb;display:none;align-items:center;justify-content:center;flex-direction:column;padding:2rem;z-index:1000;cursor:zoom-out}#zoom.open{display:flex}#zoom img{max-width:95vw;max-height:85vh;object-fit:contain;cursor:zoom-out}#zoom .cap{color:#eee;max-width:800px;margin-top:1rem;text-align:center;font-size:.9rem;line-height:1.5}@media(max-width:720px){.note>.img-row,.note>.img-text,.note>.img-full,.note>.img-center{width:100%;left:auto;transform:none;position:static}.note .img-text{grid-template-columns:1fr}.note .img-text>div:first-child img{position:static}.note .img-row img{height:auto;width:100%}}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='720' height='720'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='2 0 0 0 -0.5  2 0 0 0 -0.5  2 0 0 0 -0.5  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='2 0 0 0 -0.5  2 0 0 0 -0.5  2 0 0 0 -0.5  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}:root[data-theme=dark] body:before{opacity:.3;mix-blend-mode:overlay}header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}h1{font-weight:400;font-size:2rem;margin:0}header h1 a,header h1 a:visited{color:var(--fg);text-decoration:none}h1 .notes-link{font-size:.9rem;font-weight:400;color:var(--accent);margin-left:1.2rem;vertical-align:baseline}html{scroll-behavior:smooth}hr{border:none;border-top:1px solid var(--rule);margin:2.5rem 0 1.5rem}#theme-toggle{background:none;border:none;cursor:pointer;color:var(--fg);font:inherit;font-size:.95rem;padding:0;text-decoration:underline;text-underline-offset:3px}a,a:visited{color:var(--accent);transition:color .15s ease}a:hover{color:var(--accent-hover)}ul{padding-left:1.5rem}