@layer components{.spiciness{--pepper:var(--spicy);align-items:center;gap:.4em;display:inline-flex}.spiciness[data-level=low]{--pepper:var(--lightningcss-light,#a37800)var(--lightningcss-dark,#facc15)}.spiciness[data-level=high]{--pepper:var(--lightningcss-light,#c42828)var(--lightningcss-dark,#f87171)}.spiciness-peppers{font-size:1.2em;display:inline-flex}.spiciness-peppers svg{color:color-mix(in oklab, var(--color-ink-soft) 45%, transparent)}.spiciness-peppers [data-lit]{color:var(--pepper)}@media (prefers-reduced-motion:no-preference){.spiciness:hover [data-lit]{animation:spiciness-wiggle .5s var(--ease-move)}.spiciness:hover [data-lit]:nth-child(2){animation-delay:60ms}.spiciness:hover [data-lit]:nth-child(3){animation-delay:.12s}}@keyframes spiciness-wiggle{25%{rotate:-14deg}60%{rotate:10deg}}.post-header{grid-template-columns:subgrid;font-family:var(--font-display);grid-column:full;row-gap:.75rem;padding-block-end:1rlh;display:grid}.post-header>*{grid-column:content}.post-header h1{grid-column:content-start/wide-end}.post-header-takeaway{border-radius:var(--card-radius);background:var(--color-paper-raised);box-shadow:var(--card-shadow);font-family:var(--font-body);text-wrap:pretty;margin-block-start:1.25rem;padding:1.1em 2.4em 1em 1.2em;font-size:1.15em;font-weight:450;line-height:1.4;position:relative}@media (width<34rem){.post-header-takeaway{padding-inline-end:1.8em;font-size:1.05em}}.post-header-takeaway>.copy-link{--accent-a:var(--lightningcss-light,var(--brand-row))var(--lightningcss-dark,color-mix(in oklab, var(--brand-row) 45%, white));font-size:var(--text-sm);opacity:.6;position:absolute;inset-block-start:.5em;inset-inline-end:.5em}.post-header-takeaway:is(:hover,:focus-within)>.copy-link{opacity:1}.post-header-takeaway-label{background:color-mix(in oklab, var(--brand-row) 60%, transparent);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;padding:.15em .8em;font-weight:700;position:absolute;inset-block-start:0;inset-inline-start:1em;translate:0 -55%;rotate:-2deg}.post-header-meta{border-block-end:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:.35em 1.25em;padding-block-end:.75rem;display:flex}.post-header-meta>:is(time,span){align-items:center;gap:.4em;display:inline-flex}.post-header-meta>:is(time,span)>svg{font-size:1.2em}.post-header-calendar{color:var(--lightningcss-light,#3d6f9e)var(--lightningcss-dark,var(--brand-mesh))}.post-header-clock{color:var(--accent-a)}@media (prefers-reduced-motion:no-preference){.post-header-meta>:hover>.post-header-calendar{animation:post-header-page .6s var(--ease-move)}.post-header-meta>:hover>.post-header-clock{animation:post-header-tick .7s var(--ease-move)}}@keyframes post-header-page{to{rotate:x 360deg}}@keyframes post-header-tick{to{rotate:360deg}}.prose>.post-header+*{margin-block-start:0}.series-nav{border-inline-start:2px solid var(--color-rule);color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-sm);padding-inline-start:1em;line-height:1.4}.series-nav ol{margin:.4em 0 0;padding-inline-start:1.4em}.series-nav li+li{margin-block-start:.2em}.series-nav li::marker{font-variant-numeric:tabular-nums}.series-nav a{color:var(--color-ink)}.series-nav-title{flex-wrap:wrap;align-items:center;gap:.2em .6em;display:flex}.series-nav-title svg{color:var(--color-ink);font-size:1.4em}.series-nav-name{color:var(--color-ink);font-size:1.3em;font-weight:700}.series-nav [aria-current]{color:var(--color-ink);font-weight:700}.series-nav [aria-current]::marker{color:var(--lightningcss-light,#6f7718)var(--lightningcss-dark,var(--brand-key))}.series-nav-soon{font-style:italic}.post{padding-block:var(--gutter)}.post>.series-nav+*{margin-block-start:1.5rlh}.post-end{--rebus-height:1.4rem;align-items:center;gap:1rem;margin-block-start:var(--space-block);display:flex}.post-end:before,.post-end:after{content:"";border-block-start:1px solid var(--color-rule);flex:1}.post-tags{font-family:var(--font-display);font-size:var(--text-sm);flex-wrap:wrap;gap:.25em 1em;padding:0;list-style:none;display:flex}.post-tags li{margin:0}.post-tags a{color:var(--color-ink-soft);font-weight:600}.post-tags a:before{content:"#";color:var(--accent-a);margin-inline-end:.1em}.post-tags a:is(:hover,:focus-visible){color:var(--color-ink)}@supports (position-area:top){@media (width>=56rem){.post{position:relative}.post-header{anchor-name:--post-header}.post-tags{position-anchor:--post-header;top:anchor(bottom);flex-direction:column;grid-column:content-end/wide-end;margin:0;padding-inline-start:2rem;position:absolute}}}:root[data-mode=agent] .post{display:none}.post-notes{border-block-start:1px solid var(--color-rule);font-size:var(--text-sm);margin-block-start:var(--space-block);padding-block-start:1em}@media not print{.post-notes{display:none}}.post-feedback{color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-sm);flex-wrap:wrap;grid-column:content;justify-content:flex-end;align-items:center;gap:.75rem 1.25rem;margin-block-start:1rem;font-weight:600;display:flex}.post-feedback-fill{color:var(--color-paper);animation:post-feedback-fade 1.8s var(--ease-move) both;place-items:center;display:grid;position:absolute;inset:0}.post-feedback-fill:before,.post-feedback-fill:after{content:"";border-radius:50%;position:absolute;inset:0}.post-feedback-fill:before{background:var(--fill);animation:post-feedback-flood .45s var(--ease-snap) both}.post-feedback-fill:after{animation:post-feedback-ring .7s var(--ease-move) both}.post-feedback-fill .post-feedback-fill-thumb{animation:post-feedback-pop .6s var(--ease-snap) both;position:relative}.post-feedback-thumbs{--thumb:2.75rem;--between:.5rem;gap:var(--between);display:flex;position:relative}.post-feedback-thumbs button{width:var(--thumb);aspect-ratio:1;background:var(--color-paper-raised);box-shadow:inset 0 0 0 1px var(--color-rule);color:var(--color-ink);cursor:pointer;transition:box-shadow var(--duration-quick) var(--ease-move);border:0;border-radius:50%;place-items:center;padding:0;font-size:1.4rem;display:grid;position:relative}.post-feedback-thumbs button:hover{box-shadow:inset 0 0 0 1.5px var(--accent-a)}.post-feedback-thumbs [value=up]{--lean:-14deg;--fill:var(--accent-a)}.post-feedback-thumbs [value=down]{--lean:14deg;--fill:var(--color-ink)}.post-feedback-thumbs button>svg{transition:rotate var(--duration-move) var(--ease-snap), scale var(--duration-quick) var(--ease-snap)}.post-feedback-thumbs button:active>svg{transition-duration:60ms;scale:.75}.post-feedback-thumbs button:hover>svg{rotate:var(--lean)}.post-feedback-thanks{pointer-events:none;height:0;position:absolute;inset:auto 0 calc(100% + .4rem)}.post-feedback-thanks>span,.post-feedback-thanks:target:empty:before{bottom:0;left:calc(var(--thumb) + var(--between) / 2);background:var(--color-ink);color:var(--color-paper);white-space:nowrap;opacity:0;animation:post-feedback-thanks 1.8s var(--ease-move);border-radius:999px;padding:.3em .75em;position:absolute;translate:-50%}.post-feedback-thanks>[data-vote=up]{left:calc(var(--thumb) / 2)}.post-feedback-thanks>[data-vote=down]{left:calc(var(--thumb) * 1.5 + var(--between))}.post-feedback-thanks:target:empty:before{content:"thanks!"}@keyframes post-feedback-flood{0%{scale:0}}@keyframes post-feedback-ring{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--fill) 60%, transparent)}to{box-shadow:0 0 0 .9rem #0000}}@keyframes post-feedback-pop{0%{scale:.3;rotate:calc(var(--lean) * -2)}60%{scale:1.2;rotate:var(--lean)}to{rotate:0deg;scale:1}}@keyframes post-feedback-thanks{0%{opacity:0;animation-timing-function:var(--ease-snap);translate:-50% .5em;scale:.6}15%{opacity:1;translate:-50%;scale:1}70%{opacity:1;translate:-50% -.3em}to{opacity:0;translate:-50% -.9em}}@keyframes post-feedback-fade{0%,to{opacity:0}8%,70%{opacity:1}}@media (prefers-reduced-motion:reduce){.post-feedback-fill:before,.post-feedback-fill:after,.post-feedback-fill-thumb{animation:none}.post-feedback-thumbs button>svg{transition:none}.post-feedback-thumbs :is(button:hover,button:active)>svg{rotate:none;scale:none}.post-feedback-thanks>span,.post-feedback-thanks:target:empty:before{animation-name:post-feedback-fade}}:root[data-mode=agent] .post-feedback{display:none}@media print{.post-feedback{display:none}}.search-prompt{width:min(var(--measure), 100% - 2 * var(--gutter));margin:0 auto var(--gutter);box-shadow:inset 0 0 0 1px var(--color-rule);background:var(--color-paper-raised);color:var(--color-ink-soft);font:inherit;font-family:var(--font-display);text-align:start;cursor:text;transition:box-shadow var(--duration-quick) var(--ease-move);border:0;border-radius:6px;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.search-prompt:hover{box-shadow:inset 0 0 0 1.5px var(--accent-a)}.search-prompt svg{flex:none}:root[data-platform=mac] .search-prompt-keys[data-platform=other],:root:not([data-platform=mac]) .search-prompt-keys[data-platform=mac]{display:none}@media (hover:none){.search-prompt-keys{display:none}}:root[data-mode=agent] .search-prompt{display:none}@media print{.search-prompt{display:none}}.unpublished-strip{--tape:var(--tape-draft);z-index:20;padding:.45rem var(--gutter);background:repeating-linear-gradient(-45deg, var(--tape-ink) 0 .7rem, var(--tape) 0 1.4rem);box-shadow:0 -.25rem 1rem var(--color-shadow);color:var(--tape-ink);font-family:var(--font-display);text-align:center;justify-content:center;margin:0;font-size:.9rem;line-height:1.3;display:flex;position:fixed;inset:auto 0 0}.unpublished-strip span{background:var(--tape);border-radius:.3em;padding:.3em 1em}.unpublished-strip strong{letter-spacing:.08em;text-transform:uppercase;font-weight:800}.unpublished-strip[data-status=scheduled]{--tape:var(--tape-scheduled)}body:has(.unpublished-strip){padding-block-end:3.5rem}@media print{.unpublished-strip{display:none}}}