.post{--post-margin:220px;--post-gap:var(--space-9);--post-measure:70ch}.post-head{padding-top:var(--space-8);padding-bottom:var(--space-6)}.post-head>*,.post-foot>*{margin-left:calc(var(--post-margin) + var(--post-gap));max-width:var(--post-measure)}.post-title{margin-top:var(--space-4);font-size:var(--type-page);letter-spacing:-.03em;max-width:20ch;line-height:1.04}.post-byline{margin-top:var(--space-5);color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 0;font-size:14px;line-height:20px;display:flex}.post-byline>span+span:before{content:"·";color:var(--color-border-strong);margin:0 10px}.post-byline time{color:var(--color-text-secondary)}.post-author{color:var(--color-text);font-weight:500}.post-grid{grid-template-columns:var(--post-margin) minmax(0, var(--post-measure));gap:var(--post-gap);align-items:start;display:grid}.post-toc{top:var(--space-6);max-height:calc(100vh - var(--space-7));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;position:sticky;overflow:auto}.post-toc .toc a{padding-block:5px;font-size:13px;line-height:18px}.post-body{margin-top:0;font-size:18px;line-height:1.7}.post-body h2,.post-body h3{scroll-margin-top:var(--space-6)}.post .content-cta{padding:var(--space-5) var(--space-6);background:var(--color-bg-inverse);color:var(--color-text-inverse)}.post .content-cta p{color:var(--color-text-inverse);font-size:17px}.post .content-cta .btn-primary{background:var(--color-bg);color:var(--color-text)}.post .content-cta .btn-primary:hover{background:var(--color-surface-subtle)}.post .content-cta :focus-visible{outline-color:var(--color-accent-on-dark)}.post .content-cta a:not(.btn){color:var(--color-accent-on-dark)}.post-foot{padding-bottom:var(--space-10)}.post-related{margin-top:var(--space-9);padding-top:var(--space-5);border-top:1px solid var(--color-text)}.post-related-title{margin:0 0 var(--space-3);font-size:var(--type-ui);color:var(--color-text);font-weight:600;line-height:18px}.post-related>:not(.post-related-title){font-size:16px;line-height:1.5}.post-related :is(ul,ol){gap:var(--space-2);padding:0;list-style:none;display:grid}.post-related li{padding-left:1.25em;position:relative}.post-related li:before{content:"";background:var(--color-text);width:6px;height:6px;position:absolute;top:calc(.75em - 3px);left:0}.post-foot a:not(.btn){color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-foot a:not(.btn):hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.post-next{margin-top:var(--space-6);font-size:16px;line-height:1.55}.post-author-box{margin-top:var(--space-6);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-ui);color:var(--color-text-secondary);font-size:15px;line-height:1.6}.post-author-box strong{color:var(--color-text);font-weight:600}.post-note{margin-top:var(--space-4);font-size:var(--type-ui);color:var(--color-text-muted);line-height:1.5}.tldr{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-ui);background:var(--color-bg)}.tldr>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-ui);font-size:15px;font-weight:600;list-style:none;display:flex}.tldr>summary::-webkit-details-marker{display:none}.tldr>summary:after{content:"";border-right:1.5px solid var(--color-text-secondary);border-bottom:1.5px solid var(--color-text-secondary);width:7px;height:7px;transition:transform var(--dur) var(--ease-out);flex:none;margin:-4px 2px 0 0;transform:rotate(45deg)}.tldr[open]>summary:after{transform:translateY(4px)rotate(-135deg)}.tldr>summary:hover:after{border-color:var(--color-text)}.tldr-body{padding:0 var(--space-5) var(--space-5);font-size:16px;line-height:1.6}.tldr-body ul{gap:var(--space-2);padding:var(--space-4) 0 0 1.25em;border-top:1px solid var(--color-border);margin:0;list-style:none;display:grid}.tldr-body li{position:relative}.tldr-body li:before{content:"";background:var(--color-text);width:6px;height:6px;position:absolute;top:calc(.8em - 3px);left:-1.25em}.reading-progress{z-index:30;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.reading-progress-bar{background:var(--color-accent);transform-origin:0;height:100%;transform:scaleX(var(--progress,0))}@media (max-width:1000px){.post-head>*,.post-foot>*{margin-left:0}.post-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.post-toc{max-height:none;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-ui);position:static}.post-toc .toc a{padding-block:7px}.post-toc:empty{display:none}}@media (max-width:640px){.post-head{padding-top:var(--space-6);padding-bottom:var(--space-6)}.post-body{font-size:17px}.post .content-cta{padding:var(--space-5)}.post-related{margin-top:var(--space-8)}}@media (prefers-reduced-motion:reduce){.tldr>summary:after{transition:none}}.post .content-cta:not(:has(>p)){padding:var(--space-4);background:var(--color-bg-secondary)}.post .content-cta:not(:has(>p)) .btn-primary{background:var(--color-action);color:var(--color-action-text)}.post .content-cta:not(:has(>p)) .btn-primary:hover{background:var(--color-action-hover)}.post .content-cta:not(:has(>p)) :focus-visible{outline-color:var(--color-accent)}