.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:50px;overflow:hidden;justify-content:space-between;background-color:#fff;color:#96151d}.header .MuiCircularProgress-circle{stroke:linear-gradient(90deg,red,red);animation:custom-spin 1.5s linear infinite}.header svg{color:#96151d}@media(min-width:780px){.header{padding:0 1em}}a.profile-link{text-decoration:none!important;color:#000!important}.logo,a.profile-link{display:flex;align-items:center}.logo{color:#96151d;text-decoration:none;font-weight:900}.login{display:flex}.login,.login svg{color:#000}.login:hover,.login:hover svg{color:#96151d}.searchbar{border:1px solid #c8c8c8!important;flex:1;color:#000!important;border-radius:0;transition:all .3s ease-in-out;background-color:transparent!important}.searchbar.open{opacity:1;transform:translateY(0)}@media(min-width:780px){.searchbar{background-color:transparent!important;margin:0 2em}}.result{background-color:#96151d!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 #000;color:#000}ul.creator-toolbar li a svg{color:#000}ul.creator-toolbar li a:hover{border:.1rem solid #96151d;color:#96151d}ul.creator-toolbar li a:hover svg{color:#96151d}.marketplace{box-sizing:border-box;margin:1.5em 0}.marketplace .book-promo{display:flex;align-items:center;gap:1.25em;text-decoration:none;color:#000;padding:1.25em;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .15s ease}.marketplace .book-promo:hover{border-color:#96151d}.marketplace .book-promo:hover .copy{color:#5a0c11}.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:#6b7280;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:#000;padding:1em;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .15s ease}.trending .trending-item:hover{border-color:#96151d}.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(--font-mono),monospace;font-size:.75rem;color:#6b7280}.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(--font-mono),monospace;font-size:.85rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#6b7280;margin:0 0 .75em}.landing .featured{color:#000;flex:2;display:flex;text-decoration:none;flex-direction:column!important}.landing .featured .img{background-repeat:no-repeat;background-position:50%;background-size:cover;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:#000;text-decoration:none;font-weight:500}.landing .featured :hover{color:#000}.landing .featured h2{margin:0;word-wrap:break-word;line-height:1.1;font-weight:800;letter-spacing:-.01em;color:#000}.landing .featured:hover{transition:transform .2s ease,filter .3s ease;filter:brightness(1.1) contrast(1.1)}.landing .featured:hover h2{color:#5a0c11!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:1em;color:#000;margin-bottom:0;font-weight:800}.landing .links .author{font-weight:400;text-decoration:none;font-size:1rem;color:#000;padding-bottom:2em;border-bottom:1px solid #c8c8c8}.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 #5a0c11!important}.landing .links .author:hover .author,.landing .links .author:hover .title,.landing .links .author:hover p{color:#5a0c11!important}.landing .links .category{color:#96151d}@media(min-width:780px){.landing{flex-direction:row;padding-top:1em}}.user-card{display:flex;background-color:#e9ebf2;padding:1em;flex-direction:column}.user-card .profile{flex-direction:row;display:flex}.user-card .profile h1{margin:0;padding:0}.user-card .profile img{border-radius:100%;max-width:100%;width:100px;height:100px}.user-card .profile .meta{margin-left:.5em}.user-card .actions{margin-top:1em;width:50%}.user-card ul.stats{display:flex;width:75%;padding:0;margin:1em 0 0;font-size:14px}.user-card ul.stats li{align-items:center;display:flex;padding:0 1em}.user-card ul.stats li:first-of-type,.user-card ul.stats li:last-of-type{border-right:1px solid #c8c8c8;border-left:1px solid #c8c8c8}@media(max-width:780px){.user-card{min-width:auto}.user-card .profile{align-items:center;flex-direction:column}.user-card .about{justify-content:center;display:flex}.user-card .actions{width:100%}.user-card ul.stats{margin:auto}.user-card ul.stats li{flex-direction:column}}.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:5px;padding:.5em .75em;border:1px solid #c8c8c8;font-size:14px}.newsletter-form button{white-space:nowrap}.newsletter-form.done p{margin:0;font-size:14px;color:#3cb371}.newsletter-form.compact{max-width:320px}.side-nav-backdrop{position:fixed;inset:0;top:50px;z-index:89;background-color:rgba(17,24,39,.25)}.side-nav{position:fixed;height:calc(100vh - 50px);top:50px;z-index:90;background-color:#fff;left:-200px;width:200px;font-weight:500;border-right:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(17,24,39,.1);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:#f1f2f5;border-radius:6px}.side-nav ul li a{display:flex;align-items:center;text-decoration:none;color:#1f2937;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:#96151d;background-color:#f1f2f5}.side-nav.open{left:0}@media(max-width:780px){.side-nav{width:85vw;max-width:200px}}.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:#96151d;animation:slide-in .3s ease-in-out forwards}.create .tabs a:last-child{padding:.5rem;margin-left:auto}.create .tabs a:hover{background-color:#e9ebf2}@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:#c8c8c8}.create .form .actions button.submit{color:#fff;background-color:#96151d}.create .form .actions button.submit:hover{background-color:#5a0c11;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 #c8c8c8;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 #c8c8c8;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:#c8c8c8;border:1px solid #c8c8c8}.editor .actions .submit{background-color:#96151d}.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-color:#96151d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-uploader{border:2px dashed #c8c8c8;background-color:#e9ebf2;min-height:250px;display:flex}.media-uploader div{display:flex;margin:auto}.dragging{background-color:#c8c8c8}.media-preview{display:flex}.media-preview img{margin:auto}.signin button{background-color:#96151d;color:#fff}*,:focus{outline:none}root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}*{-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{margin:0;padding:0;color:rgb(var(--foreground-rgb))}a{cursor:pointer}.btn{background-color:#96151d;display:flex;align-items:center;color:#fff;border:0;border-radius:6px;justify-content:center;width:100%;padding:.6em 1em;font-weight:500;transition:background-color .15s ease}.btn:hover{background-color:#5a0c11;cursor:pointer}.wrapper{overflow:hidden}.main{padding:1em;margin-top:50px}.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:#6b7280;margin-top:-.5em;margin-bottom:1.5em}.main .hub-newsletter{background:#f9fafb;border:1px solid #e5e7eb;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:2px solid #e9ebf2;display:flex;position:absolute;bottom:0;z-index:90;width:100%;background-color:#fff;align-items:center;padding:.5em}.footer img{transition:all .3s ease-in-out;width:20px;height:auto;border-radius:100%;opacity:.5}@media(max-width:780px){.footer{position:relative}}.footer ul{list-style-type:none;margin:0;padding:0;align-items:center;display:flex;color:#c8c8c8}@media(max-width:780px){.footer ul{flex-wrap:wrap;padding:1em}}.footer ul li{margin-right:1em;display:flex}.footer ul li a{text-decoration:none;color:#c8c8c8}.article{padding-bottom:3em;position:relative;cursor:pointer;flex-direction:column}.article,.article pre{word-wrap:break-word;overflow-x:auto}.article pre{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all;max-width:100%;padding:1em;background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px}.article a{text-decoration:none;color:#96151d}.article .metadata{display:flex;flex-direction:row}.article .metadata a{text-decoration:none;font-weight:900}@media(max-width:780px){.article .metadata{padding:1em 0}}.article ul.info{display:inline-flex;padding:0;font-family:var(--font-mono),monospace;font-size:.85rem;color:#6b7280}.article ul.info li{display:flex;align-items:center;padding:0 .75em;position:relative}.article ul.info li .likeBtn{cursor:pointer;color:#96151d;background:none;font-weight:700;border:1px solid #96151d}.article ul.info li .likeBtn:hover{color:#fff;background-color:#96151d}.article ul.info li a{color:#6b7280}.article ul.info li a:hover{color:#96151d}.article ul.info li:not(:first-of-type):before{content:"•";color:#d1d5db;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 .category{text-decoration:none;color:#96151d;display:flex;font-size:1.25em;padding:.5em 0;font-weight:800}@media(max-width:780px){.article .category{padding-top:0}}.article h1{font-weight:800;letter-spacing:-.01em;margin:0}@media(max-width:780px){.article h1{line-height:1.1;font-weight:800}}.article .img{display:flex;position:relative;max-width:100%;overflow:hidden;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 #e5e7eb;border-radius:8px;padding:1em 1.25em;margin:1.5em 0;max-width:420px}.article .table-of-contents .title{font-family:var(--font-mono),monospace;font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5em;color:#6b7280}.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:#96151d;text-decoration:none}.article .table-of-contents li a:hover{text-decoration:underline}.article .table-of-contents li.level-3{margin-left:1em;font-size:.9em}.article .article-cta{display:flex;flex-wrap:wrap;gap:1.5em;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;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:#6b7280}.article .article-cta .book{flex:1;min-width:160px;display:flex;align-items:center;gap:.75em;text-decoration:none;color:#000}.article .article-cta .book img{width:60px;height:auto;border-radius:4px}.article .article-cta .book span{font-weight:600}.article .article-cta .book:hover span{color:#5a0c11}.article .related-reading{margin:2em 0}.article .related-reading h3{font-family:var(--font-mono),monospace;font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:.75em}.article .related-reading ul{list-style:none;margin:0;padding:0}.article .related-reading li{border-bottom:1px solid #e5e7eb;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:#000}.article .related-reading li a .title{font-weight:600}.article .related-reading li a .meta{white-space:nowrap;font-family:var(--font-mono),monospace;color:#6b7280;font-size:.8em}.article .related-reading li a:hover .title{color:#5a0c11}