.post-page{background:radial-gradient(ellipse 48rem 26rem at 88% 2%, #306ba721, transparent 74%), var(--color-canvas-deep);padding-block:clamp(6.5rem,12vw,10rem)}.post-header{max-width:var(--content)}.post-back{gap:var(--space-2);color:var(--color-moon);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em;transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.post-back:hover{color:var(--color-dawn-soft)}.post-kicker{gap:var(--space-3);margin-top:var(--space-6);color:var(--color-moon);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;flex-wrap:wrap;display:flex}.post-header h1{max-width:34ch;margin-top:var(--space-4);text-wrap:pretty;font-size:clamp(1.9rem,1.38rem + 2.05vw,3rem);line-height:1.22}.post-description{max-width:44rem;margin-top:var(--space-5);color:var(--color-muted);font-size:var(--step-0);line-height:1.8}.post-tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;list-style:none;display:flex}.post-tags li{border:1px solid var(--color-line-strong);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;padding:.22rem .55rem;font-size:.68rem}.post-cover{margin-top:clamp(2.5rem,6vw,4rem)}.post-cover img{border:1px solid var(--color-line-strong);object-fit:cover;background:#05101c8f;width:min(100%,62rem);max-height:min(68vh,48rem);margin-inline:auto;display:block}.post-layout{grid-template-columns:47rem 20rem;justify-content:start;gap:clamp(2rem,5vw,5rem);margin-top:clamp(3.5rem,8vw,6.5rem);display:grid}.post-reading{min-width:0}.post-body{max-width:47rem}.post-body.markdown-content{font-size:var(--step-0);line-height:1.92}.post-body.markdown-content h2{font-size:var(--step-2);line-height:1.36}.post-body.markdown-content h3{font-size:var(--step-1);line-height:1.45}.post-body.markdown-content :is(img,.youtube-embed){margin-top:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(2rem,5vw,3.5rem)}.post-toc{top:calc(var(--header-height) + var(--space-6));padding-left:var(--space-5);border-left:1px solid var(--color-line);align-self:start;position:sticky}.post-toc>p,.post-toc-mobile summary{color:var(--color-moon);font-family:var(--font-mono);letter-spacing:.09em;font-size:.67rem;font-weight:700}.post-toc ol,.post-toc-mobile ol{margin-top:var(--space-4);list-style:none}.post-toc ol.toc-sublist,.post-toc-mobile ol.toc-sublist{margin-top:var(--space-2);overflow:hidden}.post-toc li+li,.post-toc-mobile li+li{margin-top:var(--space-2)}.post-toc li.is-subheading,.post-toc-mobile li.is-subheading{padding-left:var(--space-3)}.post-toc a,.post-toc-mobile a{color:var(--color-muted);transition:color var(--transition-fast), text-shadow var(--transition-fast);font-size:.76rem;line-height:1.48;text-decoration:none}.post-toc a:hover,.post-toc-mobile a:hover{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.post-toc a.is-active,.post-toc-mobile a.is-active{color:var(--color-moon);text-shadow:0 0 .85rem #82aeff61;font-weight:500}.post-toc-mobile{margin-top:var(--space-7);padding-block:var(--space-4);border-block:1px solid var(--color-line);display:none}.post-toc-mobile summary{cursor:pointer}.post-toc-mobile nav{padding-top:var(--space-2)}.post-navigation{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-line-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(4.5rem,10vw,7rem);display:grid}.post-navigation__item{gap:var(--space-3);min-height:8.5rem;padding:var(--space-5);border:1px solid var(--color-line);color:var(--color-text);transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background:#08182961;text-decoration:none;display:grid}.post-navigation__item--older{text-align:right}.post-navigation__item:hover{color:var(--color-dawn-soft);background:#82aeff14;border-color:#b6ceff80}.post-navigation__label{color:var(--color-moon);font-family:var(--font-mono);letter-spacing:.08em;font-size:.65rem}.post-navigation__item>span:last-child{font-size:var(--step--1);align-self:end;line-height:1.5}.post-related{width:min(100% - (var(--gutter) * 2), 70rem);margin-top:clamp(5rem,12vw,9rem)}.post-related__heading{justify-content:space-between;align-items:end;gap:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line-strong);display:flex}.post-related__heading>p:first-child,.post-related time,.post-related li>div>p{color:var(--color-moon);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.075em}.post-related__heading>p:last-child{max-width:28rem;color:var(--color-muted);font-size:var(--step--1);line-height:1.65}.post-related ol{margin:0;list-style:none}.post-related li{gap:var(--space-5);padding-block:var(--space-5);border-bottom:1px solid var(--color-line);grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:start;display:grid}.post-related time{color:var(--color-muted);padding-top:.22rem;line-height:1.4}.post-related h3{margin-top:var(--space-2);font-size:var(--step-0);line-height:1.45}.post-related h3 a{color:var(--color-text);text-decoration:none}.post-related h3 a:hover{color:var(--color-dawn-soft);text-underline-offset:.2em;text-decoration:underline}.post-related li>a{aspect-ratio:1;border:1px solid var(--color-line);width:2.25rem;color:var(--color-moon);place-items:center;text-decoration:none;display:grid}.post-related li>a:hover{color:var(--color-dawn-soft);border-color:#ffb17d8f}@media (width<=74rem){.post-layout{grid-template-columns:minmax(0,47rem)}.post-toc{display:none}.post-toc-mobile{display:block}}@media (width<=44rem){.post-page{padding-top:6rem}.post-navigation{grid-template-columns:1fr}.post-navigation__item--older{text-align:left}.post-related__heading{align-items:start;gap:var(--space-3);flex-direction:column}.post-related li{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.post-related time,.post-related li>div{grid-column:1}.post-related li>a{grid-area:1/2/span 2}}