.nav__inner{background:var(--nav-bg-scrolled);border-color:var(--border-inverse);box-shadow:var(--shadow-dark);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav__inner{background:var(--nav-bg-fallback)}}.post__section{background:var(--bg-surface);padding-block:calc(var(--nav-height) + var(--space-8)) var(--section-y)}.post__layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:var(--space-11);align-items:start}.post__meta{display:flex;align-items:center;gap:var(--space-2)}.post__meta-sep{opacity:.4}.post__meta a{color:inherit}.post__meta a:hover{color:var(--color-primary)}.post__date{color:var(--text-muted)}.post__title{margin-top:var(--space-4);max-width:32ch;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-display);text-wrap:balance}.post__standfirst{margin-top:var(--space-5);max-width:62ch;color:var(--text-body);font-size:var(--fs-lg);line-height:var(--lh-body)}.post__byline{margin-top:var(--space-7);padding-block:var(--space-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);border-block:1px solid var(--border)}.post__avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.post__author{display:block;color:var(--text-title);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.post__role{display:block;color:var(--text-muted);font-size:var(--fs-xs);line-height:var(--lh-snug)}.post__read{margin-left:auto;color:var(--text-muted)}.post__cover{position:relative;height:clamp(220px,30vw,400px);margin-block:var(--space-7);margin-inline:0;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border)}.post__caption{margin-top:calc(var(--space-5) * -1);margin-bottom:var(--space-7);color:var(--text-muted);font-size:var(--fs-xs);line-height:var(--lh-snug)}.post__aside{position:sticky;top:calc(var(--nav-height) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-4)}.sidecard{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-surface);background-image:radial-gradient(135% 100% at 100% 0%,color-mix(in srgb,var(--color-primary) 7%,transparent) 0%,transparent 58%)}.toc__list{margin:var(--space-4) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;border-left:2px solid var(--border)}.toc__link{display:block;padding:var(--space-2) var(--space-4);margin-left:-2px;border-left:2px solid transparent;color:var(--text-body);font-size:var(--fs-sm);line-height:var(--lh-snug);transition:color var(--dur) ease,border-color var(--dur) ease}.toc__link:hover{color:var(--color-primary)}.toc__link.is-current{color:var(--color-primary);font-weight:var(--fw-semibold);border-left-color:var(--color-primary)}.share__row{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.share__btn{display:grid;place-items:center;width:40px;height:40px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-body);transition:background-color var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease,transform var(--dur) var(--ease)}.share__btn:hover{transform:translateY(-2px);border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.share__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.share__note{margin-top:var(--space-3);min-height:1.2em;color:var(--color-primary);font-size:var(--fs-xs);opacity:0;transition:opacity var(--dur) ease}.share__note.is-shown{opacity:1}.minilist{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.minilist__item{display:flex;align-items:flex-start;gap:var(--space-4);color:inherit}.minilist__thumb{position:relative;flex:none;width:64px;height:64px;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border)}.minilist__thumb .media-photo{transition:transform .5s var(--ease)}.minilist__item:hover .minilist__thumb .media-photo{transform:scale(1.08)}.minilist__body{min-width:0}.minilist__title{display:block;color:var(--text-title);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-snug);transition:color var(--dur) ease}.minilist__item:hover .minilist__title{color:var(--color-primary)}.minilist__date{display:block;margin-top:var(--space-2);color:var(--text-muted)}.sidecard__more{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.sidecard__more span{transition:transform .3s var(--ease)}.sidecard__more:hover span{transform:translate(4px)}.prose{max-width:70ch;color:var(--text-body);font-size:var(--fs-md);line-height:var(--lh-loose)}.prose>*+*{margin-top:var(--space-5)}.prose h2{margin-top:var(--space-10);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-display);scroll-margin-top:calc(var(--nav-height) + var(--space-6))}.prose h3{margin-top:var(--space-8);font-size:var(--fs-h3);scroll-margin-top:calc(var(--nav-height) + var(--space-6))}.prose h2+p,.prose h3+p{margin-top:var(--space-4)}.prose strong{color:var(--text-title);font-weight:var(--fw-semibold)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{margin-left:0;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.prose li::marker{color:var(--color-primary)}.prose blockquote{margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:3px solid var(--color-primary);color:var(--text-title);font-size:var(--fs-lg);line-height:var(--lh-body)}.prose figure{margin:var(--space-8) 0}.prose figure img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border)}.prose figcaption{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--fs-xs);line-height:var(--lh-snug)}.prose code{padding:2px 6px;border-radius:var(--radius-xs);background:var(--bg-subtle);border:1px solid var(--border);font-family:var(--font-mono);font-size:.92em;color:var(--text-title)}.prose hr{margin:var(--space-9) 0;height:1px;border:0;background:var(--border)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-lg)}.prose__video{position:relative;aspect-ratio:16 / 9;margin:var(--space-8) 0;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-subtle)}.prose__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--fs-sm)}.prose th,.prose td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);text-align:left;vertical-align:top}.prose th{background:var(--bg-subtle);color:var(--text-title);font-weight:var(--fw-semibold)}.prose__note{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-primary-border);background:var(--color-primary-soft);color:var(--text-body);font-size:var(--fs-base);line-height:var(--lh-body)}.prose__note-label{display:block;margin-bottom:var(--space-2);color:var(--color-primary)}.post__tags{margin-top:var(--space-9);padding-top:var(--space-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);border-top:1px solid var(--border)}.post__tag{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-body);font-size:var(--fs-sm);line-height:var(--lh-none)}.related__section{padding-block:var(--section-y);border-block:1px solid var(--border)}@media(max-width:1000px){.post__layout{grid-template-columns:1fr;gap:var(--space-8)}.post__aside{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.toc{display:none}.prose{max-width:none}}@media(max-width:640px){.post__section{padding-block:calc(var(--nav-height) + var(--space-6)) var(--section-y)}.post__title{max-width:none}.post__read{margin-left:0;width:100%}.post__cover{height:210px}.post__aside{grid-template-columns:1fr}.prose h2{margin-top:var(--space-8)}.prose blockquote{padding-left:var(--space-5);font-size:var(--fs-md)}}
