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