.essay{--gut:clamp(20px, 3vw, 64px);--col:min(740px, calc(100vw - 2 * var(--gut)));--side:clamp(0px, calc((100vw - var(--col)) / 2 - var(--gut)), 320px);--bar:44px;font-family:var(--text);color:var(--ink);background:var(--ground);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:clip}.essay h1,.essay h2{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400}.essay p{text-wrap:pretty;margin:0}.essay a{color:inherit}.essay a:focus-visible,.essay button:focus-visible,.essay summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.essay.is-reading .top{transform:translateY(-101%)}.essay.is-reading .top:focus-within{transform:none}.piece{padding-top:65px}.bar{z-index:20;background:var(--ground);position:sticky;top:0}.bar-in{width:calc(var(--col) + 2 * var(--side));height:var(--bar);align-items:center;gap:16px;margin-inline:auto;font-size:15px;display:flex}.bar a{text-decoration:none}.bar-back{min-height:var(--bar);flex:none;align-items:center;gap:8px;display:inline-flex}.bar-back svg{color:var(--accent)}.bar-back:hover span{text-underline-offset:4px;text-decoration:underline 1px}.bar-title{min-width:0;font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s var(--ease);flex:1;font-size:17px;overflow:hidden}.bar-side{color:var(--muted);flex:none;align-items:center;gap:20px;margin-left:auto;display:flex}.bar-top{min-height:var(--bar);transition:opacity .2s var(--ease), color .14s var(--ease);align-items:center;gap:6px;display:inline-flex}.bar-top:hover{color:var(--ink)}html.js .bar:not(.is-past) .bar-title,html.js .bar:not(.is-past) .bar-top{opacity:0;visibility:hidden}.bar:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(to bottom, var(--ground), transparent);height:16px;position:absolute;top:100%;left:0;right:0}.bar.is-stuck:after{opacity:1}.progress{z-index:1;background:var(--accent);width:100%;height:2px;transform:scaleX(var(--read,0));transform-origin:0;pointer-events:none;transition:opacity .4s var(--ease);position:absolute;bottom:0;left:0}.bar.is-read .progress{opacity:0}html:not(.js) .progress{display:none}.parts{position:relative}.parts summary{min-height:var(--bar);cursor:pointer;transition:color .14s var(--ease);align-items:center;gap:6px;list-style:none;display:inline-flex}.parts summary::-webkit-details-marker{display:none}.parts summary:hover,.parts[open] summary{color:var(--ink)}.parts summary svg{transition:transform .2s var(--ease);margin-left:2px}.parts[open] summary svg{transform:rotate(180deg)}.parts-list{z-index:2;width:min(300px, calc(100vw - 2 * var(--gut)));background:var(--ground);border:1px solid var(--line);max-height:min(70svh,520px);color:var(--ink);gap:2px;padding:6px;display:grid;position:absolute;top:100%;right:0;overflow-y:auto}.parts-list a{min-height:44px;color:var(--muted);transition:background-color .12s var(--ease), color .12s var(--ease);align-items:center;padding:8px 12px;font-size:15px;line-height:1.3;display:flex}.parts-list a:hover{background:var(--line);color:var(--ink)}.parts-list a[aria-current=location]{color:var(--ink);text-decoration-line:underline;text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.frame{grid-template-columns:var(--side) var(--col) var(--side);justify-content:center;display:grid}.col{grid-column:2;min-width:0}.rail{display:none}@media (width>=1180px){.rail{top:calc(var(--bar) + 40px);width:calc(var(--side) - 48px);max-height:calc(100svh - var(--bar) - 56px);scrollbar-width:none;grid-area:1/1;align-self:start;gap:2px;margin-top:36px;font-size:15px;line-height:1.3;display:grid;position:sticky;overflow-y:auto}.rail-k{color:var(--muted);margin-bottom:8px;font-size:14px}.rail a{text-underline-offset:5px;color:var(--muted);transition:color .14s var(--ease), text-decoration-color .14s var(--ease);justify-self:start;padding-block:7px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:2px;display:inline-block}.rail a:hover{color:var(--ink)}.rail a[aria-current=location]{color:var(--ink);text-decoration-color:var(--accent)}}.head{gap:14px;padding-block:clamp(24px,4svh,40px) clamp(24px,4svh,36px);display:grid}.head h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(42px,5.2vw,72px);line-height:1}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 20px;font-size:15px;line-height:1.5;display:flex}.meta time{color:var(--ink)}.topic{align-items:center;gap:8px;display:inline-flex}.topic:before{content:"";background:var(--accent);flex:none;width:7px;height:7px}.note-tr{color:var(--muted);font-size:15px;line-height:1.5}.note-tr a{color:var(--ink);text-underline-offset:4px}.share{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 18px;font-size:15px;display:flex}.share-k{margin-right:2px}.essay .share-do{min-height:36px;color:var(--ink);font:inherit;text-underline-offset:4px;cursor:pointer;transition:text-decoration-color .14s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:0;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;display:inline-flex}.essay .share-do:hover{text-decoration-color:currentColor}.share-do:active{transform:scale(.98)}.share-do svg{flex:none}html:not(.js) [data-copy]{display:none}.copy-say{justify-items:start;display:inline-grid}.copy-say>*{grid-area:1/1}.copy-done,.is-copied .copy-idle{visibility:hidden}.is-copied .copy-done{visibility:visible}.is-copied svg.copy-idle,[data-copy]:not(.is-copied) svg.copy-done{display:none}.scene{aspect-ratio:5/2;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene .wash{mix-blend-mode:screen;pointer-events:none;opacity:.6}.scene img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;mask:url(/_astro/plate-cut.SnrPR9Y7.svg) 50%/100% 100% no-repeat}[data-theme=light] .scene img{mix-blend-mode:multiply;filter:contrast(.74)brightness(1.36)}.scene .real{opacity:.02;transition:opacity 1.8s var(--ease)}.scene.resolved .real{opacity:1}.scene.resolved canvas{opacity:0;transition:opacity 1.8s var(--ease)}.prose{scroll-margin-top:calc(var(--bar) + 8px);padding-top:clamp(32px,5svh,48px);font-size:20px;line-height:1.62}.prose>p{margin-bottom:24px}.prose>h2{letter-spacing:-.025em;scroll-margin-top:calc(var(--bar) + 32px);margin:64px 0 24px;font-size:40px;line-height:1.08}.prose>.lead{font-family:var(--display);letter-spacing:-.02em;margin-bottom:36px;font-size:36px;line-height:1.16}.prose em{font-family:var(--display);font-size:1.04em;font-style:normal}.prose strong{font-weight:500}.prose>.rule{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin-block:40px 44px;font-size:36px;line-height:1.14}.prose>.rule-last{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;color:var(--accent);filter:brightness(1.18);margin-block:48px 56px;font-size:clamp(44px,5.2vw,72px);line-height:1}[data-theme=light] .prose>.rule-last{filter:none}.prose>.closing{color:var(--muted);font-size:16px;line-height:1.6}.after{width:var(--col);gap:clamp(56px,9svh,88px);margin-inline:auto;padding-block:clamp(32px,5svh,48px) clamp(64px,10svh,112px);display:grid}.next{gap:12px;display:grid}.next-k{color:var(--muted);font-size:15px}.next h2{letter-spacing:-.025em;font-size:clamp(36px,4.4vw,56px);line-height:1.02}.next h2 a{text-underline-offset:8px;transition:text-decoration-color .14s var(--ease);text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:2px}.next h2 a:hover,.next:has(.next-plate:hover) h2 a{text-decoration-color:var(--accent)}.next-plate{margin-top:12px;display:block}.after-nav{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:16px;display:flex}.after-nav a{text-underline-offset:4px;min-height:44px;transition:text-decoration-color .14s var(--ease);align-items:center;gap:8px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;display:inline-flex}.after-nav a:hover{text-decoration-color:currentColor}.after-nav svg:first-child{color:var(--accent)}@media (width<=760px){.bar-in{gap:12px;font-size:14px}.bar-side{gap:14px}.bar-title{font-size:16px}.parts-word,.bar-top span{display:none}.bar-top{justify-content:center;min-width:32px}.parts summary{justify-content:flex-end;min-width:44px}.share-do{min-height:44px}.share{gap:0 16px}.share-k{display:none}.prose{font-size:18px;line-height:1.6}.prose>p{margin-bottom:20px}.prose>h2{margin:48px 0 18px;font-size:32px}.prose>.lead{margin-bottom:28px;font-size:29px}.prose>.rule{margin-block:32px;font-size:29px}}@media (prefers-reduced-motion:reduce){.essay *{transition:none!important}}html:not(.js) .scene canvas{display:none}
