.reading-progress{z-index:200;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{transform-origin:0;background-color:var(--sc-color-accent);width:100%;height:100%;transform:scaleX(0)}.article{font-size:var(--sc-text-base);line-height:var(--sc-leading-normal);color:var(--sc-color-text);max-width:var(--sc-measure);word-wrap:break-word;flex-direction:column;margin:0 auto;padding-bottom:3em;position:relative}.article p,.article li{color:var(--sc-color-text)}.article a{text-decoration:underline;-webkit-text-decoration-color:var(--sc-color-border-strong);text-decoration-color:var(--sc-color-border-strong);text-underline-offset:2px;color:var(--sc-color-accent)}.article h1{letter-spacing:-.02em;font-weight:800;line-height:var(--sc-leading-tight);font-size:var(--sc-text-2xl);margin:.2em 0 .4em}@media (max-width:780px){.article h1{font-weight:800;line-height:1.15}}.article h2,.article h3,.article h4{letter-spacing:-.01em;scroll-margin-top:calc(var(--sc-header-height) + var(--sc-space-4));font-weight:700}.article h2{font-size:var(--sc-text-xl)}.article h3{font-size:var(--sc-text-lg)}.article h4{font-size:var(--sc-text-md)}.article img:not(.code-block img){border-radius:var(--sc-radius-md);max-width:100%;height:auto}.article ul,.article ol{margin:.75em 0 1.25em;padding-left:1.4em}.article ul li,.article ol li{line-height:var(--sc-leading-normal);margin:.4em 0}.article blockquote{border-left:3px solid var(--sc-color-border-strong);color:var(--sc-color-text-muted);margin:1.5em 0;padding:.25em 0 .25em 1.25em}.article blockquote p{color:inherit;margin:0}.article blockquote cite{font-size:var(--sc-text-sm);color:var(--sc-color-text-muted);margin-top:.5em;font-style:normal;display:block}.article blockquote.pullquote{border-left:4px solid var(--sc-color-accent-icon);color:var(--sc-color-text);margin:2em 0;padding:.25em 0 .25em 1.25em}.article blockquote.pullquote p{font-size:var(--sc-text-xl);line-height:var(--sc-leading-snug);letter-spacing:-.01em;font-weight:700}.article a{margin:-.5em 0;padding:.5em 0}.article .metadata{justify-content:space-between;align-items:center;gap:var(--sc-space-4);flex-flow:wrap;display:flex}.article .metadata a{font-weight:700;text-decoration:none}@media (max-width:780px){.article .metadata{padding:1em 0}}.article ul.info{font-family:var(--sc-font-mono);font-size:var(--sc-text-sm);color:var(--sc-color-text-muted);margin:0;padding:0;display:inline-flex}.article ul.info li{align-items:center;padding:0 .75em;display:flex;position:relative}.article ul.info li .likeBtn{cursor:pointer;color:var(--sc-color-accent);border:1px solid var(--sc-color-accent);border-radius:var(--sc-radius-sm);background:0 0;min-height:44px;padding:0 .9em;font-weight:700}.article ul.info li .likeBtn:hover{color:var(--sc-color-accent-contrast);background-color:var(--sc-color-accent)}.article ul.info li a{color:var(--sc-color-text-muted);align-items:center;margin:-.7em 0;padding:.7em 0;text-decoration:none;display:inline-flex}.article ul.info li a:hover{color:var(--sc-color-accent)}.article ul.info li:not(:first-of-type):before{content:"•";color:var(--sc-color-border-strong);font-size:.8em;line-height:1;position:absolute;top:50%;left:-.15em;transform:translateY(-50%)}.article ul.info li:first-of-type{padding-left:0}@media (max-width:780px){.article ul.info{flex-direction:column}.article ul.info li{padding:0}.article ul.info li:not(:first-of-type):before{content:""}}.article .share-row{align-items:center;gap:var(--sc-space-2);margin:0;padding:0;list-style:none;display:flex}.article .share-row a,.article .share-row button{border-radius:var(--sc-radius-full);width:32px;height:32px;color:var(--sc-color-text-muted);border:1px solid var(--sc-color-border);cursor:pointer;font:inherit;transition:color var(--sc-duration-fast) var(--sc-ease),border-color var(--sc-duration-fast) var(--sc-ease);background:0 0;justify-content:center;align-items:center;gap:.4em;display:flex}.article .share-row a:hover,.article .share-row button:hover{color:var(--sc-color-accent);border-color:var(--sc-color-accent)}.article .share-row button{width:auto;padding:0 .9em}.article .share-row .copy-label{font-family:var(--sc-font-mono);font-size:var(--sc-text-xs)}.article .category{color:var(--sc-color-accent);font-family:var(--sc-font-mono);font-size:var(--sc-text-sm);text-transform:uppercase;letter-spacing:.04em;padding:.5em 0;font-weight:600;text-decoration:none;display:flex}@media (max-width:780px){.article .category{padding-top:0}}.article .img{border-radius:var(--sc-radius-md);aspect-ratio:16/9;max-width:100%;display:flex;position:relative;overflow:hidden}@media (min-width:780px){.article .img{margin-right:1em}}@media (max-width:780px){.article img{max-width:100%}}.article hr{border:none;border-top:1px solid var(--sc-color-border);margin:2em 0}.article figure{margin:1.5em 0}.article figure img{height:auto;margin:0 auto;display:block}.article figure figcaption{font-size:var(--sc-text-sm);color:var(--sc-color-text-muted);text-align:center;margin-top:.5em}.article figure.w-wide{width:min(var(--sc-measure)*1.4,100%);margin-left:50%;transform:translate(-50%)}.article figure.w-wide img{width:100%}.article figure.w-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.article figure.w-full img{border-radius:0;width:100%}.article .table-of-contents{border:1px solid var(--sc-color-border);border-radius:var(--sc-radius-md);margin:1.5em 0;padding:1em 1.25em}.article .table-of-contents .title{font-family:var(--sc-font-mono);font-size:var(--sc-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--sc-color-text-muted);margin:0 0 .5em;font-weight:500}.article .table-of-contents ul{margin:0;padding:0;list-style:none}.article .table-of-contents li{margin:.35em 0}.article .table-of-contents li a{color:var(--sc-color-accent);align-items:center;margin:-.55em 0;padding:.55em 0;text-decoration:none;display:inline-flex}.article .table-of-contents li a:hover{text-decoration:underline}.article .table-of-contents li.level-3{margin-left:1em;font-size:.9em}.article .code-block{margin:1.5em 0;position:relative}.article .code-block .code-copy{z-index:1;font-family:var(--sc-font-mono);font-size:var(--sc-text-xs);color:var(--sc-color-text-muted);background-color:var(--sc-color-surface);border:1px solid var(--sc-color-border);border-radius:var(--sc-radius-sm);cursor:pointer;opacity:0;min-height:44px;transition:opacity var(--sc-duration-fast) var(--sc-ease),color var(--sc-duration-fast) var(--sc-ease);align-items:center;padding:.25em .6em;display:inline-flex;position:absolute;top:.6em;right:.6em}@media (hover:none){.article .code-block .code-copy{opacity:1}}.article .code-block .code-copy:hover{color:var(--sc-color-accent)}.article .code-block:hover .code-copy,.article .code-block:focus-within .code-copy{opacity:1}.article .code-block pre.shiki{border-radius:var(--sc-radius-md);border:1px solid var(--sc-code-border);color:var(--shiki-light);margin:0;padding:1.25em;font-size:.9em;line-height:1.6;overflow-x:auto;background-color:var(--shiki-light-bg)!important}.article .code-block pre.shiki code{font-family:var(--sc-font-mono)}.article .code-block pre.shiki .line span{color:var(--shiki-light)}.article pre:not(.shiki){white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--sc-color-surface);border:1px solid var(--sc-color-border);border-radius:var(--sc-radius-md);max-width:100%;font-family:var(--sc-font-mono);padding:1em;overflow-x:auto}.article .callout{margin:var(--sc-space-5) 0;padding:var(--sc-space-3) var(--sc-space-4);background-color:var(--sc-color-surface);border:1px solid var(--sc-color-border);border-left:4px solid var(--sc-color-accent-icon);border-radius:var(--sc-radius-md)}.article .callout>:first-child{margin-top:0}.article .callout>:last-child{margin-bottom:0}.article .callout.callout-tip{border-left-color:var(--sc-color-success)}.article .callout.callout-warning{border-left-color:var(--sc-color-danger)}.article #article-body table{max-width:100%;margin:var(--sc-space-5) 0;border-collapse:collapse;font-size:.95em;display:block;overflow-x:auto}.article #article-body table th,.article #article-body table td{padding:var(--sc-space-2) var(--sc-space-3);border:1px solid var(--sc-color-border);text-align:left;vertical-align:top}.article #article-body table th{background-color:var(--sc-color-surface);font-weight:600}.article .article-cta{border-top:1px solid var(--sc-color-border);border-bottom:1px solid var(--sc-color-border);margin:2em 0;padding:1.5em 0}.article .article-cta .newsletter h3{margin:0 0 .25em}.article .article-cta .newsletter p{color:var(--sc-color-text-muted);margin:0 0 .75em}.article .article-cta .book-card{margin:0 0 1.5em}.article .article-cta .newsletter+.book-card{margin:1.5em 0 0}.article .related-reading{margin:2em 0}.article .related-reading h3{font-family:var(--sc-font-mono);font-size:var(--sc-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--sc-color-text-muted);margin-bottom:.75em;font-weight:500}.article .related-reading ul{margin:0;padding:0;list-style:none}.article .related-reading li{border-bottom:1px solid var(--sc-color-border);padding:.75em 0}.article .related-reading li:last-of-type{border-bottom:none}.article .related-reading li a{color:var(--sc-color-text);justify-content:space-between;align-items:baseline;gap:1em;text-decoration:none;display:flex}.article .related-reading li a .title{font-weight:600}.article .related-reading li a .meta{white-space:nowrap;font-family:var(--sc-font-mono);color:var(--sc-color-text-muted);font-size:.8em}.article .related-reading li a:hover .title{color:var(--sc-color-accent)}[data-theme=dark] .article .code-block pre.shiki{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)!important}[data-theme=dark] .article .code-block pre.shiki .line span{color:var(--shiki-dark)}