.header,body,html{box-sizing:border-box}.header{z-index:100;position:fixed;padding:0 .5em;width:100%;top:0;display:flex;flex:1;align-items:center;height:var(--sc-header-height);overflow:hidden;justify-content:space-between;background-color:var(--sc-color-bg);border-bottom:1px solid var(--sc-color-border);color:var(--sc-color-text);transition:background-color var(--sc-duration-base) var(--sc-ease),border-color var(--sc-duration-base) var(--sc-ease)}.header .MuiCircularProgress-circle{stroke:linear-gradient(90deg,red,red);animation:custom-spin 1.5s linear infinite}.header svg{color:var(--sc-color-text-muted)}@media(min-width:780px){.header{padding:0 1em}}a.profile-link{text-decoration:none!important;color:var(--sc-color-text)!important}.logo,a.profile-link{display:flex;align-items:center}.logo{padding:.75em 0;gap:.6em;color:var(--sc-color-text);text-decoration:none;font-weight:800;font-size:var(--sc-text-md);letter-spacing:-.01em}.logo .img{display:block}.login{display:flex;align-items:center;gap:.4em;padding:.7em 0;margin:-.7em 0;background:none;border:0;font-family:inherit;font-size:inherit;cursor:pointer}.login,.login svg{color:var(--sc-color-text)}.login:hover{color:var(--sc-color-accent)}.login:hover svg{color:var(--sc-color-accent-icon)}.searchbar{border:1px solid var(--sc-color-border-strong)!important;flex:1;min-height:44px;color:var(--sc-color-text)!important;border-radius:0;transition:all .3s ease-in-out;background-color:transparent!important}.searchbar input::placeholder{color:var(--sc-color-text-muted);opacity:1}.searchbar button{min-width:44px;min-height:44px}.searchbar input{min-height:44px;box-sizing:border-box}.searchbar.open{opacity:1;transform:translateY(0)}@media(min-width:780px){.searchbar{background-color:transparent!important;margin:0 2em}}.result{background-color:var(--sc-color-accent)!important}ul.creator-toolbar{position:absolute;right:0;top:.5em;margin:0;list-style-type:none;z-index:1;display:flex}ul.creator-toolbar li a{margin-left:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;border:.1rem solid var(--sc-color-text)}ul.creator-toolbar li a,ul.creator-toolbar li a svg{color:var(--sc-color-text)}ul.creator-toolbar li a:hover{border:.1rem solid var(--sc-color-accent);color:var(--sc-color-accent)}ul.creator-toolbar li a:hover svg{color:var(--sc-color-accent)}.marketplace{box-sizing:border-box;margin:1.5em 0}.marketplace .book-promo{display:flex;align-items:center;gap:1.25em;text-decoration:none;color:var(--sc-color-text);padding:1.25em;border:1px solid var(--sc-color-border);border-radius:8px;transition:border-color .15s ease}.marketplace .book-promo:hover{border-color:var(--sc-color-accent)}.marketplace .book-promo:hover .copy{color:var(--sc-color-accent-icon)}.marketplace .book-promo .cover{flex:0 0 auto;width:80px;height:auto;border-radius:4px}.marketplace .book-promo .copy{font-weight:600;font-size:1.1rem;line-height:1.35}.trending{margin:2em 0}.trending h2{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-color-text-muted);margin:0 0 1em}.trending .trending-row{display:flex;gap:1em;overflow-x:auto;padding-bottom:.25em}.trending .trending-item{flex:0 0 auto;width:260px;text-decoration:none;color:var(--sc-color-text);padding:1em;border:1px solid var(--sc-color-border);border-radius:8px;transition:border-color .15s ease}.trending .trending-item:hover{border-color:var(--sc-color-accent)}.trending .trending-item .title{display:block;font-weight:600;line-height:1.3;margin-bottom:.75em}.trending .trending-item ul.meta{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 .6em;font-family:var(--sc-font-mono);font-size:.75rem;color:var(--sc-color-text-muted)}.trending .trending-item ul.meta li{display:flex;align-items:center;gap:.25em}.trending .trending-item ul.meta svg{width:.9rem;height:.9rem}.landing{display:flex;flex-direction:column}.landing .site-intro h1{font-family:var(--sc-font-mono);font-size:var(--sc-text-sm);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--sc-color-text-muted);margin:0 0 .75em}.landing .featured{color:var(--sc-color-text);flex:2;display:flex;text-decoration:none;flex-direction:column!important}.landing .featured .img{position:relative;overflow:hidden;flex:1;width:100%}@media(max-width:780px){.landing .featured .img{padding-left:1em;min-height:100px;max-width:100%}}.landing .featured .author{font-size:1rem;margin:.5em 0;color:var(--sc-color-text);text-decoration:none;font-weight:500}.landing .featured :hover,.landing .featured h2{color:var(--sc-color-text)}.landing .featured h2{margin:0;word-wrap:break-word;line-height:var(--sc-leading-tight);font-weight:800;letter-spacing:-.02em;font-size:var(--sc-text-2xl)}.landing .featured:hover{transition:color var(--sc-duration-base) var(--sc-ease)}.landing .featured:hover h2{color:var(--sc-color-accent)!important}.landing .links{flex:1;flex-direction:column}@media(min-width:780px){.landing .links{margin-left:2em;margin-top:0}}.landing .links h3.title{margin-top:0;font-size:var(--sc-text-md);color:var(--sc-color-text);margin-bottom:0;font-weight:800}.landing .links .author{font-weight:400;text-decoration:none;font-size:1rem;color:var(--sc-color-text);padding-bottom:2em;border-bottom:1px solid var(--sc-color-border-strong);transition:border-color var(--sc-duration-base) var(--sc-ease)}.landing .links .author:not(:first-of-type){margin-top:1em}@media(min-width:780px){.landing .links .author{margin-left:1em}}.landing .links .author:hover{border-bottom:1px solid var(--sc-color-accent)!important}.landing .links .author:hover .author,.landing .links .author:hover .title,.landing .links .author:hover p{color:var(--sc-color-accent)!important;transition:color var(--sc-duration-base) var(--sc-ease)}.landing .links .category{color:var(--sc-color-accent)}@media(min-width:780px){.landing{flex-direction:row;padding-top:1em}}.search-page h1{font-weight:800;letter-spacing:-.02em}.search-page .search-results-form{display:flex;align-items:center;gap:.6em;border:1px solid var(--sc-color-border);border-radius:var(--sc-radius-md);padding:.6em .9em;margin-bottom:var(--sc-space-5);background-color:var(--sc-color-surface)}.search-page .search-results-form svg{color:var(--sc-color-text-muted);flex:0 0 auto}.search-page .search-results-form input{flex:1;border:0;background:transparent;color:var(--sc-color-text);font-family:var(--sc-font-sans);font-size:var(--sc-text-base);min-height:44px;box-sizing:border-box}.search-page .search-results-form input:focus{outline:none}.search-page .search-results-form button{flex:0 0 auto;border:1px solid var(--sc-color-border);background:var(--sc-color-bg);color:var(--sc-color-text);border-radius:var(--sc-radius-sm);padding:.4em .9em;min-height:44px;font-family:var(--sc-font-sans);font-weight:600;cursor:pointer}.search-page .search-results-form button:hover{border-color:var(--sc-color-accent);color:var(--sc-color-accent)}.search-page .search-summary{font-family:var(--sc-font-mono);font-size:var(--sc-text-sm);color:var(--sc-color-text-muted);margin-bottom:var(--sc-space-4)}.search-page .search-results,.user-card{display:flex;flex-direction:column}.user-card{background-color:var(--sc-color-surface);border:1px solid var(--sc-color-border);border-radius:var(--sc-radius-lg);padding:var(--sc-space-6);margin-bottom:var(--sc-space-6)}.user-card .profile{flex-direction:row;display:flex}.user-card .profile h1{margin:0;padding:0;font-size:var(--sc-text-xl);font-weight:800;letter-spacing:-.02em;color:var(--sc-color-text)}.user-card .profile img{border-radius:var(--sc-radius-full);max-width:100%;width:100px;height:100px;object-fit:cover;border:1px solid var(--sc-color-border)}.user-card .profile .meta{margin-left:var(--sc-space-4)}.user-card .profile .about{color:var(--sc-color-text-muted);margin-top:.35em}.user-card .actions{margin-top:var(--sc-space-4);width:50%}.user-card ul.stats{display:flex;margin:var(--sc-space-4) 0 0;padding:0;font-family:var(--sc-font-mono);font-size:var(--sc-text-sm);color:var(--sc-color-text-muted)}.user-card ul.stats li{align-items:center;display:flex;gap:.4em;padding:0 1em}.user-card ul.stats li:not(:first-of-type){border-left:1px solid var(--sc-color-border)}.user-card ul.stats li:first-of-type{padding-left:0}@media(max-width:780px){.user-card{min-width:auto}.user-card .profile{align-items:center;flex-direction:column;text-align:center}.user-card .about{justify-content:center;display:flex}.user-card .actions{width:100%}.user-card ul.stats{margin:var(--sc-space-4) auto 0}.user-card ul.stats li{flex-direction:column;gap:.15em}}.edit-input{display:flex;align-items:center}.user{display:flex;flex-direction:column}.user .meta img{max-width:100%;border-radius:100%}@media(min-width:780px){.user .profile-info{margin-left:1em;min-width:30%}}.newsletter-form{display:flex;gap:.5em;align-items:center}.newsletter-form input{border-radius:var(--sc-radius-sm);padding:.5em .75em;min-height:44px;box-sizing:border-box;border:1px solid var(--sc-color-border-strong);font-size:14px}.newsletter-form button{white-space:nowrap;min-height:44px}.newsletter-form.done p{margin:0;font-size:14px;color:var(--sc-color-success)}.newsletter-form.compact{max-width:320px}.side-nav-backdrop{inset:0;z-index:89;background-color:rgba(17,24,39,.25)}.side-nav,.side-nav-backdrop{position:fixed;top:var(--sc-header-height)}.side-nav{height:calc(100vh - var(--sc-header-height));z-index:90;background-color:var(--sc-color-bg);left:calc(-1*var(--sc-drawer-width));width:var(--sc-drawer-width);font-weight:500;border-right:1px solid var(--sc-color-border);box-shadow:var(--sc-shadow-overlay);transition:left .2s ease;overflow-y:auto}.side-nav ul{padding:.5em;margin:0;width:100%;box-sizing:border-box}.side-nav ul li{padding:0;display:flex;align-items:center;transition:background-color .15s ease,color .15s ease}.side-nav ul li:hover{background-color:var(--sc-color-surface);border-radius:6px}.side-nav ul li a{display:flex;align-items:center;text-decoration:none;color:var(--sc-color-text);width:100%;padding:.75em;box-sizing:border-box;border-radius:6px;transition:background-color .15s ease,color .15s ease}.side-nav ul li a .fa-icon{width:1em;height:1em;margin-right:1em}.side-nav ul li a:hover{color:var(--sc-color-accent);background-color:var(--sc-color-surface)}.side-nav.open{left:0}@media(max-width:780px){.side-nav{width:85vw;max-width:var(--sc-drawer-width)}}.create{overflow:scroll;width:80%}@media(max-width:780px){.create{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border-radius:0}}.create .tabs{display:flex;align-items:center;margin-bottom:1rem}.create .tabs a{font-weight:600;padding:1em 2em;position:relative}.create .tabs a.selected:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--sc-color-accent);animation:slide-in .3s ease-in-out forwards}.create .tabs a:last-child{padding:.5rem;margin-left:auto}.create .tabs a:hover{background-color:var(--sc-color-surface)}@media(max-width:780px){.create .tabs{display:flex;justify-content:space-between}.create .tabs a{padding:0 .5rem}}.create .form{display:flex;flex-direction:column}.create .form .editor-wrap{margin-bottom:1rem}.create .form .actions{margin-left:auto}.create .form .actions button{cursor:pointer;border:none;margin-left:1rem;padding:.75rem 1.25rem;font-weight:600;border-radius:1rem}.create .form .actions button:hover{background-color:var(--sc-color-border-strong)}.create .form .actions button.submit{color:#fff;background-color:var(--sc-color-accent)}.create .form .actions button.submit:hover{background-color:var(--sc-color-accent-icon);color:#fff}@media(max-width:780px){.create .form .actions{display:flex;margin-left:0;flex-direction:column-reverse}.create .form .actions button{margin-left:0;flex:1;border-radius:.5rem;margin-bottom:.25rem;padding:1rem}}.create input,.create select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;width:100%;padding:1em 1.25em;margin-bottom:1rem}.create .select-wrapper{position:relative;display:inline-block;width:100%}.create select{width:100%;padding:.75em 2.5em .75em 1em;border:1px solid #ccc;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;font-size:1rem}.create select option[disabled]{color:#fff!important}.create .select-wrapper:after{content:"▼";position:absolute;top:35%;right:1em;transform:translateY(-35%);pointer-events:none;font-size:.75em}@keyframes slide-in{0%{width:0}to{width:100%}}.editor{border:1px solid var(--sc-color-border-strong);border-radius:5px;position:relative;min-height:150px;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.editor .ql-toolbar{border:none;border-bottom:1px solid var(--sc-color-border-strong);background-color:#fff}.editor .actions{display:flex;flex-direction:row-reverse;padding:.25em;border-top:none}.editor .actions button{padding:.15em 1.5em;margin-left:.25em}.editor .actions .cancel{background-color:#fff;color:var(--sc-color-border-strong);border:1px solid var(--sc-color-border-strong)}.editor .actions .submit{background-color:var(--sc-color-accent)}.editor .ql-container{flex-grow:1;overflow-y:auto;border:none;background-color:#fff}.editor .ql-editor{height:300px;overflow:scroll;border:none;background-color:#fff;font-family:Arial,sans-serif}.loading-spinner{position:absolute;top:0;flex-direction:column;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:5px}.spinner{width:50px;height:50px;border:6px solid #e8e8e8;border-top:6px solid var(--sc-color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-uploader{border:2px dashed var(--sc-color-border-strong);background-color:var(--sc-color-surface);min-height:250px;display:flex}.media-uploader div{display:flex;margin:auto}.dragging{background-color:var(--sc-color-border-strong)}.media-preview{display:flex}.media-preview img{margin:auto}.signin button{background-color:var(--sc-color-accent);color:#fff}:root{color-scheme:light;--sc-color-brand:#e07b39;--sc-color-bg:#fff;--sc-color-surface:#faf9f7;--sc-color-surface-raised:#fff;--sc-color-border:#e7e3dc;--sc-color-border-strong:#d6d0c4;--sc-color-text:#16151a;--sc-color-text-muted:#6b6862;--sc-color-text-faint:#8a867f;--sc-color-accent:#a34a12;--sc-color-accent-icon:#c25f16;--sc-color-accent-contrast:#fff;--sc-color-danger:#b3261e;--sc-color-success:#1e7b45;--sc-font-sans:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sc-font-mono:var(--font-mono),"SFMono-Regular",Consolas,monospace;--sc-text-xs:0.8125rem;--sc-text-sm:0.9375rem;--sc-text-base:1.125rem;--sc-text-md:1.25rem;--sc-text-lg:1.5rem;--sc-text-xl:clamp(1.75rem,1.55rem + 1vw,2.25rem);--sc-text-2xl:clamp(2.25rem,1.85rem + 2vw,3.25rem);--sc-text-display:clamp(2.75rem,2rem + 3.5vw,4.5rem);--sc-leading-tight:1.2;--sc-leading-snug:1.35;--sc-leading-normal:1.6;--sc-space-1:0.25rem;--sc-space-2:0.5rem;--sc-space-3:0.75rem;--sc-space-4:1rem;--sc-space-5:1.5rem;--sc-space-6:2rem;--sc-space-7:3rem;--sc-space-8:4rem;--sc-space-9:6rem;--sc-radius-sm:4px;--sc-radius-md:8px;--sc-radius-lg:12px;--sc-radius-full:999px;--sc-shadow-xs:0 1px 2px rgba(22,21,26,.04);--sc-shadow-sm:0 1px 3px rgba(22,21,26,.06);--sc-shadow-md:0 4px 12px rgba(22,21,26,.08);--sc-shadow-overlay:0 12px 32px rgba(22,21,26,.16);--sc-ease:cubic-bezier(0.2,0.8,0.2,1);--sc-duration-fast:120ms;--sc-duration-base:200ms;--sc-duration-slow:320ms;--sc-measure:68ch;--sc-header-height:64px;--sc-drawer-width:280px;--sc-content-max:1080px;--sc-code-bg:#f4f1ea;--sc-code-border:var(--sc-color-border)}[data-theme=dark]{color-scheme:dark;--sc-color-bg:#0e0e10;--sc-color-surface:#17171a;--sc-color-surface-raised:#1d1d21;--sc-color-border:#2c2a28;--sc-color-border-strong:#3c3936;--sc-color-text:#edebe8;--sc-color-text-muted:#a3a09a;--sc-color-text-faint:#7d7a74;--sc-color-accent:#f0a05a;--sc-color-accent-icon:#e07b39;--sc-color-accent-contrast:#16151a;--sc-color-danger:#f87171;--sc-color-success:#4ade80;--sc-shadow-xs:0 1px 2px rgba(0,0,0,.24);--sc-shadow-sm:0 1px 3px rgba(0,0,0,.32);--sc-shadow-md:0 4px 12px rgba(0,0,0,.4);--sc-shadow-overlay:0 12px 32px rgba(0,0,0,.5);--sc-code-bg:#1b1a1d}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,:focus{outline:none}:focus-visible{outline:2px solid var(--sc-color-accent);outline-offset:2px;border-radius:var(--sc-radius-sm)}body,html{background-color:var(--sc-color-bg)}body{margin:0;padding:0;color:var(--sc-color-text);font-family:var(--sc-font-sans);font-size:var(--sc-text-base);line-height:var(--sc-leading-normal);transition:background-color var(--sc-duration-base) var(--sc-ease),color var(--sc-duration-base) var(--sc-ease)}a{cursor:pointer;color:var(--sc-color-accent)}.btn{background-color:var(--sc-color-accent);display:flex;align-items:center;color:var(--sc-color-accent-contrast);border:0;border-radius:var(--sc-radius-md);justify-content:center;width:100%;padding:.6em 1em;font-weight:500;transition:background-color var(--sc-duration-base) var(--sc-ease)}.btn:hover{background-color:var(--sc-color-accent-icon);cursor:pointer}.wrapper{overflow:hidden}.main{padding:1em;margin-top:var(--sc-header-height)}.main .content{max-width:720px}.main .content,.main .content-wide{width:100%;margin:0 auto;box-sizing:border-box}.main .content-wide{max-width:1080px}.main h1{margin-top:0}.main .category-description{color:var(--sc-color-text-muted);margin-top:-.5em;margin-bottom:1.5em}.main .hub-newsletter{background:var(--sc-color-surface);border:1px solid var(--sc-color-border);border-radius:6px;padding:1em 1.25em;margin-bottom:1.5em;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75em}.main .hub-newsletter p{margin:0;font-weight:500}@media(min-width:780px){.main{padding:0 2em}}.footer{border-top:1px solid var(--sc-color-border);display:flex;position:absolute;bottom:0;z-index:90;width:100%;background-color:var(--sc-color-bg);align-items:center;padding:.5em 1em;flex-wrap:wrap;transition:background-color var(--sc-duration-base) var(--sc-ease),border-color var(--sc-duration-base) var(--sc-ease)}.footer img{width:20px;height:20px;border-radius:var(--sc-radius-full);opacity:.6;object-fit:cover}@media(max-width:780px){.footer{position:relative}}.footer ul{list-style-type:none;margin:0;padding:0;align-items:center;display:flex;flex-wrap:wrap;gap:0 1em;font-size:var(--sc-text-sm);color:var(--sc-color-text-muted)}@media(max-width:780px){.footer ul{padding:1em 0}}.footer ul li{display:flex}.footer ul li a{text-decoration:none;color:var(--sc-color-text-muted);padding:.7em 0;margin:-.7em 0;display:flex;align-items:center}.footer ul li a:hover{color:var(--sc-color-accent)}.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{max-width:var(--sc-measure);margin:0 auto;padding-bottom:3em;position:relative;word-wrap:break-word;font-size:var(--sc-text-base);line-height:var(--sc-leading-normal);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);padding:.5em 0;margin:-.5em 0}.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 .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 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 .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 .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;overflow-x:auto;padding:1em;background-color:var(--sc-color-surface);border:1px solid var(--sc-color-border);font-family:var(--sc-font-mono)}.article img:not(.code-block img),.article pre:not(.shiki){max-width:100%;border-radius:var(--sc-radius-md)}.article .article-cta{display:flex;flex-wrap:wrap;gap:1.5em;align-items:center;justify-content:space-between;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{flex:2;min-width:240px}.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{flex:1;min-width:160px;display:flex;align-items:center;gap:.75em;text-decoration:none;color:var(--sc-color-text)}.article .article-cta .book img{width:60px;height:auto;border-radius:var(--sc-radius-sm)}.article .article-cta .book span{font-weight:600}.article .article-cta .book:hover span{color:var(--sc-color-accent)}.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)}