:root{--h:265;--primary:oklch(.48 .14 var(--h));--tertiary:oklch(.5 .12 calc(var(--h) + 70));--surface:oklch(.985 .005 var(--h));--surface-c-low:oklch(.965 .009 var(--h));--surface-c:oklch(.95 .011 var(--h));--on-surface:oklch(.23 .015 var(--h));--on-surface-var:oklch(.46 .02 var(--h));--outline-var:oklch(.88 .012 var(--h));--f-display:"Newsreader", Georgia, "Times New Roman", serif;--f-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary:oklch(.8 .1 var(--h));--tertiary:oklch(.8 .09 calc(var(--h) + 70));--surface:oklch(.17 .01 var(--h));--surface-c-low:oklch(.2 .012 var(--h));--surface-c:oklch(.22 .013 var(--h));--on-surface:oklch(.92 .01 var(--h));--on-surface-var:oklch(.76 .02 var(--h));--outline-var:oklch(.33 .015 var(--h));color-scheme:dark}}:root[data-theme=dark]{--primary:oklch(.8 .1 var(--h));--tertiary:oklch(.8 .09 calc(var(--h) + 70));--surface:oklch(.17 .01 var(--h));--surface-c-low:oklch(.2 .012 var(--h));--surface-c:oklch(.22 .013 var(--h));--on-surface:oklch(.92 .01 var(--h));--on-surface-var:oklch(.76 .02 var(--h));--outline-var:oklch(.33 .015 var(--h));color-scheme:dark}:root[data-theme=reading]{--primary:oklch(.44 .12 var(--h));--tertiary:oklch(46% .11 40);--surface:oklch(95.5% .022 85);--surface-c-low:oklch(93.5% .026 85);--surface-c:oklch(91.5% .03 85);--on-surface:oklch(27% .025 60);--on-surface-var:oklch(41% .03 65);--outline-var:oklch(84% .03 80);color-scheme:light}:root[data-theme=reading] .prose :is(p,li):not(astro-island *){font-size:19.5px;line-height:1.8}:root[data-theme=reading] body{background-color:var(--surface);background-blend-mode:multiply;background-image:url(/textures/paper-001.webp);background-size:1344px 450px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--surface);color:var(--on-surface);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto}[hidden]{display:none!important}a{color:var(--primary);text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}h1,h2,h3{text-wrap:balance}.skip{z-index:10;background:var(--primary);color:var(--surface);border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-64px;left:16px}.skip:focus{top:16px}.main:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.utility{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;margin:0 0 8px;display:flex}.seg{border:1px solid var(--outline-var);background:var(--surface-c-low);border-radius:10px;margin:0;padding:2px;display:inline-flex}.seg legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.seg label{min-height:32px;font:500 13px/1 var(--f-body);color:var(--on-surface-var);cursor:pointer;border-radius:8px;align-items:center;padding:0 12px;display:inline-flex;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg label:has(input:checked){background:var(--surface);color:var(--on-surface);box-shadow:0 1px 2px oklch(0% 0 0/.12)}.seg label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:1px}.page{--gutter:clamp(16px, 3vw, 48px);padding-inline:var(--gutter);padding-block:clamp(12px,1.5vw,20px) 40px}.wrap{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:28px clamp(32px,5vw,88px);display:grid}.top-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.top-slot{grid-template-columns:minmax(0, 1fr) var(--rail-col);column-gap:var(--rail-gap);min-width:0;display:grid}@media (width<=1199px){.top-slot{grid-template-columns:minmax(0,1fr)}}.main{align-content:start;gap:48px;min-width:0;display:grid}.side{align-self:start;gap:20px;display:grid;position:sticky;top:24px}.name{font:400 38px/1.02 var(--f-display);letter-spacing:-.02em;margin:0}.name a{color:inherit;text-decoration:none}.name em{color:var(--primary);font-style:italic}.bio{color:var(--on-surface-var);margin:0;font-size:15px;line-height:1.55}.nav{gap:2px;display:grid}.nav a{color:var(--on-surface-var);align-items:center;gap:10px;padding:4px 0;font-size:15px;text-decoration:none;display:flex}.nav a:before{content:"";background:0 0;border-radius:50%;width:6px;height:6px}.nav a[aria-current=page]{color:var(--on-surface);font-weight:600}.nav a[aria-current=page]:before{background:var(--primary)}.nav a:hover{color:var(--on-surface)}.work-cta{background:var(--primary);min-height:40px;color:var(--surface);font:600 14px/1 var(--f-body);border-radius:999px;justify-self:start;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.work-cta:hover{filter:brightness(1.08)}.series-group{gap:0;display:grid}.series-head{color:var(--on-surface-var);margin:0 0 2px;font-size:14px}.series-head strong{color:var(--on-surface)}.work-cta.secondary{background:var(--surface-c);color:var(--on-surface)}.about-page.railed{grid-template-areas:"body rail"}@media (width<=1199px){.about-page.railed{grid-template-areas:"body""rail"}.about-page .talk{margin-top:40px}}.talk{gap:12px}.talk-intro{color:var(--on-surface-var);margin:0;font-size:15px}#talk-form{gap:6px;display:grid}#talk-form label{margin-top:6px;font-size:14px;font-weight:600}#talk-form label span{color:var(--on-surface-var);font-weight:400}#talk-form input,#talk-form textarea{box-sizing:border-box;border:1px solid var(--outline-var);background:var(--surface);width:100%;color:var(--on-surface);font:400 15px/1.45 var(--f-body);border-radius:10px;padding:9px 12px}#talk-form textarea{resize:vertical;min-height:120px}#talk-form .work-cta{cursor:pointer;border:0;margin-top:10px}#talk-form .work-cta:disabled{opacity:.6;cursor:wait}.talk-msg{min-height:1.4em;margin:0;font-size:14px}.talk-note{color:var(--on-surface-var);margin:0;font-size:12.5px}.about-bio>p:first-of-type{margin-top:0}.about-bio .portrait{float:right;shape-outside:url(/portrait.webp);shape-margin:12px;width:clamp(180px,22vw,260px);height:auto;margin:0 0 12px 28px}.about-bio:after{content:"";clear:both;display:block}@media (width<=760px){.about-bio .portrait{float:none;shape-outside:none;width:min(220px,60%);margin:0 auto 16px;display:block}}.about .secondary-creds{color:var(--on-surface-var);margin-top:6px;font-size:15px}.elsewhere{gap:4px;font-size:14px;display:grid}.elsewhere a,.rl-rail .more a{justify-self:start;padding-block:3px;display:inline-block}.label{font:600 14px/1.3 var(--f-body);color:var(--on-surface-var);margin:0}.label .when{font-weight:400}.page-title{font:500 clamp(34px, 5vw, 48px)/1.08 var(--f-display);letter-spacing:-.02em;margin:0}.count{color:var(--on-surface-var);margin:4px 0 20px}.quote{box-sizing:border-box;width:100%;height:var(--top-h);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;margin:0;display:flex;container-type:inline-size}.quote blockquote{margin:0}.top-search{align-self:center;min-width:0}.search{position:relative}.search input{box-sizing:border-box;border:1px solid var(--outline-var);background:var(--surface-c-low) no-repeat 14px 50% / 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");width:100%;height:44px;color:var(--on-surface);font:400 15px/1 var(--f-body);border-radius:12px;padding:0 14px 0 40px}.search input::placeholder{color:var(--on-surface-var)}.search input:focus{outline:2px solid var(--primary);outline-offset:1px;background-color:var(--surface)}.search-results{z-index:5;background:var(--surface);border:1px solid var(--outline-var);border-radius:12px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px oklch(0% 0 0/.12)}.search-results a{color:var(--on-surface);border-radius:8px;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.search-results a:hover,.search-results a:focus-visible{background:var(--surface-c);outline:none}.search-results .t{font-size:15px;font-weight:600;line-height:1.35}.search-results .m{color:var(--on-surface-var);font-size:13px}.search-results .none{color:var(--on-surface-var);padding:10px 12px;font-size:14px}@media (width<=1199px){.top-search{margin-top:8px}}.quote p{font:300 clamp(18px, 4cqi, 26px)/1.25 var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.quote figcaption{color:var(--on-surface-var);font-size:15px}.quote figcaption:before{content:"~ ";content:"~ " / ""}.now{gap:12px;display:grid}.now .label{color:var(--primary)}.now p:not(.label){font:300 clamp(26px, 3.4vw, 38px)/1.28 var(--f-display);letter-spacing:-.012em;max-width:28ch;margin:0}.sec{gap:8px;display:grid}.sec>.label{margin-bottom:0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.post-row{color:inherit;grid-template-columns:76px minmax(0,1fr);gap:16px;padding-block:10px;text-decoration:none;display:grid}.post-row .d{font:400 14px/2 var(--f-body);color:var(--on-surface-var);font-variant-numeric:tabular-nums}.post-row .t{font:500 26px/1.2 var(--f-display);letter-spacing:-.01em;display:block}.post-row:hover .t{color:var(--primary);text-underline-offset:5px;text-decoration:underline 1px}.post-row .x{color:var(--on-surface-var);max-width:60ch;margin-top:6px;display:block}.entry{grid-template-columns:76px minmax(0,1fr);gap:16px;padding-block:12px;scroll-margin-top:24px;display:grid}.entry .d{font:400 14px/1.8 var(--f-body);color:var(--on-surface-var);font-variant-numeric:tabular-nums;text-decoration:none}.entry .d:hover{color:var(--primary)}.entry .body{max-width:62ch;font-size:17px}.entry .body>:first-child{margin-top:0}.entry .body>:last-child{margin-bottom:0}.entry .body p{margin:0 0 .6em}.entry .lead+p{display:inline}.entry .lead+p+*{margin-top:.6em}.entry .k{font-family:var(--f-display);color:var(--on-surface-var);margin-right:.3em;font-style:italic}.entry .k.building{color:var(--tertiary)}.empty{color:var(--on-surface-var);font-family:var(--f-display);margin:0;font-size:18px;font-style:italic}.more{margin-left:92px;font-size:15px;text-decoration:none}.more:hover{text-decoration:underline}.year{font:600 14px/1 var(--f-body);color:var(--on-surface-var);font-variant-numeric:tabular-nums;margin:28px 0 4px 92px}.article{max-width:68ch}.article h1{font:500 clamp(34px, 5vw, 54px)/1.08 var(--f-display);letter-spacing:-.015em;margin:12px 0 16px}.article .dek{color:var(--on-surface-var);margin:0 0 20px;font-size:20px;line-height:1.5}.article .byline{color:var(--on-surface-var);border-bottom:1px solid var(--outline-var);flex-wrap:wrap;gap:8px 16px;margin-bottom:28px;padding-bottom:28px;font-size:14px;display:flex}.prose :is(p,li):not(astro-island *){font-size:18px;line-height:1.72}.prose h2{font:500 26px/1.25 var(--f-display);margin:40px 0 8px}.prose h3{font:600 20px/1.3 var(--f-display);margin:32px 0 6px}.prose pre{font:400 14px/1.6 var(--f-mono);border-radius:12px;padding:16px 20px;overflow-x:auto;background:var(--surface-c)!important}.prose code{font-family:var(--f-mono);font-size:.88em}.prose :not(pre)>code{background:var(--surface-c);border-radius:4px;padding:.1em .35em}.prose blockquote{border-left:3px solid var(--primary);font:italic 400 22px/1.45 var(--f-display);margin:28px 0;padding:4px 0 4px 20px}.prose blockquote p{font:inherit;margin:0}.prose img{border-radius:12px}.prose table{border-collapse:collapse;margin:28px 0;font-size:15px;line-height:1.5;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--outline-var);min-width:160px;padding:10px 14px 10px 0}.prose th{font:600 14px/1.3 var(--f-body);color:var(--on-surface-var)}.prose td:first-child{font-weight:600}.prose ol li::marker{color:var(--on-surface-var);font-variant-numeric:tabular-nums}.tags{color:var(--on-surface);margin:0;padding:0;font-size:15px;line-height:1.6;list-style:none}.tags li{display:inline}.tags li:not(:last-child):after{content:", "}:root{--rail-col:minmax(240px, 300px);--rail-gap:clamp(32px, 4vw, 72px);--measure:46rem;--top-h:6.75rem}@media (width<=760px){:root{--top-h:8rem}}.railed{grid-template-columns:minmax(0, 1fr) var(--rail-col);column-gap:var(--rail-gap);grid-template-areas:"head rail""body rail""foot rail";align-items:start;display:grid}.rl-head{grid-area:head}.rl-body{grid-area:body;min-width:0}.rl-foot{grid-area:foot}.rl-rail{grid-area:rail;gap:20px;padding-top:8px;display:grid;position:sticky;top:24px}.rl-rail section{gap:10px;display:grid}.rl-rail h2{margin:0}.rl-rail p{color:var(--on-surface-var);margin:0;font-size:15px;line-height:1.6}.rl-rail .lede{color:var(--on-surface);font-size:16px}.rl-rail .facts{gap:2px;margin:4px 0 0;font-size:14px;display:grid}.rl-rail .facts dt{color:var(--on-surface-var)}.rl-rail .facts dd{margin:0 0 6px}.rl-rail .facts dd:last-child{margin-bottom:0}.rl-rail .plain{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.rl-rail .more{margin:0}@media (width<=1199px){.railed{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""rail""body""foot"}.rl-rail{background:var(--surface-c-low);border-radius:16px;gap:20px;width:100%;padding:20px 24px;position:static}}.home.railed,.list-page.railed{grid-template-areas:"body rail"}.rl-rail{padding-top:0}.home .rl-body{gap:40px;display:grid}@media (width<=1199px){.home .rail-extra{display:none}.home.railed,.list-page.railed{grid-template-areas:"body""rail"}.home .rl-rail,.list-page .rl-rail{margin-top:40px}}.list-page .rl-body>.year:first-child,.list-page .rl-body>.empty:first-child{margin-top:0}.post-head,.post-foot{justify-self:start;width:100%}.post .post-head{max-width:none}.post .post-head .dek{margin-bottom:8px;font-size:18px}.post .post-head .byline{margin-bottom:20px;padding-bottom:14px}.byline .infographic-link{font-weight:600;text-decoration:none}.byline .infographic-link:after{content:" ↗";content:" ↗" / ""}.byline .infographic-link:hover{text-decoration:underline}.byline .notes-link{margin-left:auto;font-weight:600;text-decoration:none}.byline .notes-link:hover{text-decoration:underline}.article.post-title{max-width:none}.post-title{box-sizing:border-box;height:var(--top-h);flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex;overflow:hidden}.post-title .top-sub{color:var(--on-surface-var);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;line-height:1.4;display:none;overflow:hidden}.post-title .label{margin:0}.article.post-title h1{margin:0;font-size:clamp(28px,3.4vw,42px)}.post .post-body>*{max-width:none;margin-inline:0}.post .post-body>:first-child{margin-top:0}.post .post-body>astro-island{display:block}@media (width<=1199px){.post.railed{grid-template-areas:"head""body""foot""rail"}.post .rl-rail{justify-self:stretch;margin-top:40px}}.prose a.explore{background:var(--primary);height:40px;color:var(--surface);font:500 15px/1 var(--f-body);border-radius:999px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.prose a.explore:after{content:"↗"}.prose a.explore:hover{filter:brightness(1.08)}.figure-page{gap:20px;min-width:0;display:grid}.figure-page .intro{max-width:46rem;color:var(--on-surface-var);margin:0;font-size:17px}.figure-page .back{font-size:15px}.series-box .series-name{font:500 17px/1.3 var(--f-display);color:var(--on-surface);margin:0}.series-box ol{gap:2px;margin:4px 0 0;padding:0;list-style:none;display:grid}.series-box li{border-radius:8px;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:6px 8px;font-size:14px;line-height:1.4;display:grid}.series-box li .n{color:var(--on-surface-var);font-variant-numeric:tabular-nums;font-weight:600}.series-box li a{color:var(--on-surface);text-decoration:none}.series-box li a:hover{color:var(--primary);text-decoration:underline}.series-box li.current{background:var(--surface-c);font-weight:600}.series-box li.current .n{color:var(--primary)}.series-box li.upcoming{color:var(--on-surface-var)}.series-box li.upcoming em{font-size:12px;font-style:normal;display:block}.post-row .part{color:var(--primary);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.series-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:48px;display:grid}.series-nav .next{margin-top:0}.series-nav .fwd{text-align:right}.series-nav .upcoming{border:1px dashed var(--outline-var);color:var(--on-surface-var);background:0 0}@media (width<=600px){.series-nav{grid-template-columns:minmax(0,1fr)}.series-nav .fwd{text-align:left}}.next{background:var(--surface-c-low);color:inherit;border-radius:16px;gap:4px;margin-top:48px;padding:20px 24px;text-decoration:none;display:grid}.next:hover{background:var(--surface-c)}.next .t{font:500 20px/1.3 var(--f-display)}.about{gap:28px;display:grid}.about-page .about{max-width:none}.about h1{font:500 clamp(34px, 5vw, 52px)/1.08 var(--f-display);letter-spacing:-.02em;margin:0}.about h2{font:700 20px/1.3 var(--f-body);margin:0 0 6px}.about p{margin:0;font-size:18px;line-height:1.65}.about .prose>*+*{margin-top:1em}.about .prose h2{margin-top:28px}.footer{color:var(--on-surface-var);flex-wrap:wrap;gap:8px 20px;padding-top:24px;font-size:13px;display:flex}.footer .sep{flex:1}.footer a{color:inherit}.footer-links{gap:20px;display:none}@media (width<=760px){.wrap{grid-template-columns:minmax(0,1fr);gap:40px}.side{position:static}.nav{flex-wrap:wrap;gap:0 20px;display:flex}.wrap{row-gap:20px}.top-row{gap:16px}.nav a{min-height:44px}.elsewhere{display:none}.footer-links{display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.post-row,.entry{grid-template-columns:minmax(0,1fr);gap:2px}.more,.year{margin-left:0}.top-row{display:contents}.top-row .name{order:0}.side{order:1;gap:8px}.top-slot{order:2}.main{order:3}.nav{margin-top:-4px}.page:not([data-section=home]) .side .bio{display:none}.post-title,.quote{height:auto}.top-search{margin-top:12px}.wrap:has(.search.compact){grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.wrap:has(.search.compact)>*{grid-column:1/-1}.wrap:has(.search.compact) .top-slot{display:contents}.wrap:has(.search.compact) .side{grid-area:2/1}.wrap:has(.search.compact) .nav{gap:0 16px}.wrap:has(.search.compact) .top-search{grid-area:2/2;align-self:center;margin:0}.wrap:has(.search.compact) .name{grid-column:1/-1}.wrap:has(.search.compact) .post-title{grid-area:3/1/auto/-1}.wrap:has(.search.compact) .main{grid-row:4}.search.compact:not(:focus-within) input{color:#0000;cursor:pointer;background-position:50%;border-radius:999px;width:44px;padding:0}.search.compact:not(:focus-within) input::placeholder{color:#0000}.search.compact:not(:focus-within) .search-results{display:none}.search.compact:focus-within{z-index:10;top:calc(12px + env(safe-area-inset-top,0px));left:var(--gutter,16px);right:var(--gutter,16px);position:fixed}.search.compact:focus-within input{box-shadow:0 8px 24px oklch(0% 0 0/.16)}}@media (width>=761px){.top-row{z-index:4;min-height:var(--top-h);position:sticky;top:0}.top-row:before{content:"";inset:0 calc(-1 * var(--gutter));z-index:-1;background:var(--surface);border-bottom:1px solid #0000;transition:border-color .2s;position:absolute}html.scrolled .top-row:before{border-bottom-color:var(--outline-var)}:root[data-theme=reading] .top-row:before{background:var(--surface) url(/textures/paper-001.webp) 0 0 / 1344px 450px;background-blend-mode:multiply;background-attachment:fixed}:root[data-theme=reading] body{background-attachment:fixed}.side{top:calc(var(--top-row-h,var(--top-h)) + 20px);max-height:calc(100vh - var(--top-row-h,var(--top-h)) - 40px);overscroll-behavior:contain;scrollbar-width:thin;position:sticky;overflow-y:auto}.article.post-title h1{transition:font-size .2s}html.scrolled .post-title .label{display:none}html.scrolled .article.post-title h1{font-size:26px}html.scrolled .post-title .top-sub{display:block}}@media (width>=1200px){.rl-rail{top:calc(var(--top-row-h,var(--top-h)) + 20px);max-height:calc(100vh - var(--top-row-h,var(--top-h)) - 40px);overscroll-behavior:contain;scrollbar-width:thin;position:sticky;overflow-y:auto}}@media (width<=1199px){.rl-rail{max-height:none;position:static}}@media (width>=761px) and (prefers-reduced-motion:reduce){.article.post-title h1,.top-row:before{transition:none}}.engage-bar{z-index:6;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--outline-var);background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 16px oklch(0% 0 0/.12)}.engage-bar button{min-height:40px;color:var(--on-surface);font:600 14px/1 var(--f-body);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.engage-bar button:hover{background:var(--surface-c)}.engage-bar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:20px;height:20px}#like-btn[aria-pressed=true]{color:oklch(55% .19 20)}#like-btn[aria-pressed=true] svg{fill:currentColor}@media (width<=760px){.engage-bar{padding:4px 16px calc(4px + env(safe-area-inset-bottom,0px));box-shadow:none;border-width:1px 0 0;border-radius:0;justify-content:space-around;bottom:0;left:0;right:0}.engage-bar button{flex:1;justify-content:center}.page:has(.engage-bar){padding-bottom:64px}}.select-comment{z-index:7;background:var(--on-surface);height:34px;color:var(--surface);font:600 13px/1 var(--f-body);cursor:pointer;border:0;border-radius:999px;padding:0 14px;position:absolute;box-shadow:0 4px 12px oklch(0% 0 0/.2)}mark.anno{background:color-mix(in oklch, var(--primary) 18%, transparent);color:inherit;border-bottom:2px solid color-mix(in oklch, var(--primary) 55%, transparent);cursor:pointer;border-radius:2px}mark.anno:hover,mark.anno.flash{background:color-mix(in oklch, var(--primary) 32%, transparent)}.drawer-backdrop{z-index:8;background:oklch(0% 0 0/.25);position:fixed;inset:0}.drawer{z-index:9;overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--outline-var);width:min(440px,100vw);padding:20px 24px 32px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px oklch(0% 0 0/.12)}:root[data-theme=reading] .drawer{background:var(--surface) url(/textures/paper-001.webp) 0 0 / 1344px 450px;background-blend-mode:multiply}.drawer header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawer h2{font:600 20px/1.2 var(--f-display);margin:0}.drawer h3{font:700 16px/1.3 var(--f-body);margin:24px 0 4px}#drawer-close{width:40px;height:40px;color:var(--on-surface);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:26px;line-height:1}#drawer-close:hover{background:var(--surface-c)}.comment-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.comment-list li{border-bottom:1px solid var(--outline-var);gap:6px;padding:12px 0;display:grid}.comment-list .meta{color:var(--on-surface-var);margin:0;font-size:13px}.comment-list .meta strong{color:var(--on-surface)}.comment-list blockquote,.quoting blockquote{border-left:3px solid var(--primary);font:italic 400 15px/1.5 var(--f-display);color:var(--on-surface-var);margin:0;padding-left:10px}.comment-list blockquote{cursor:pointer}.comment-list .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px}.drawer .empty{font-size:15px}#comment-form{gap:8px;display:grid}#comment-form label{font-size:14px;font-weight:600}#comment-form label span{color:var(--on-surface-var);font-weight:400}#comment-form input,#comment-form textarea{box-sizing:border-box;border:1px solid var(--outline-var);background:var(--surface);width:100%;color:var(--on-surface);font:400 15px/1.5 var(--f-body);border-radius:10px;padding:10px 12px}#comment-form textarea{resize:vertical;min-height:110px}#comment-form .submit{background:var(--primary);height:40px;color:var(--surface);font:600 14px/1 var(--f-body);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:0 18px}#comment-form .submit:disabled{opacity:.6;cursor:wait}.quoting{gap:6px;display:grid}#quoting-clear{color:var(--primary);font:500 13px/1.4 var(--f-body);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.form-msg{min-height:1.4em;color:var(--on-surface);margin:0;font-size:14px}.drawer .note{color:var(--on-surface-var);margin:0;font-size:12.5px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.entry .note-title{font-weight:600}a.note-title:after{content:" ↗";content:" ↗" / "";font-weight:400}.entry .discuss{margin-top:4px;font-size:14px;display:inline-block}.note-page .note-body{font-size:18px}.back-link{margin-top:32px;font-size:15px}