:root{--project-h2-margin-top: 3rem;--project-h2-margin-bottom: 1.17rem;--project-h2-content-margin-top: 1.17rem;--project-h3-margin-top: 2.5rem;--project-h3-margin-bottom: 1rem;--project-h3-content-margin-top: 1rem;--project-h4-margin-top: 2rem;--project-h4-margin-bottom: .83rem;--project-h4-content-margin-top: .83rem}.project-detail-page{min-height:100vh;padding-top:160px;padding-bottom:4rem;background:#222}.project-detail-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.project-header-card{background:#aaa;border-radius:20px;padding:2.5rem 2rem;margin-bottom:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid #424242;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.project-header-main{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.prohect-header-division{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:.5rem;flex-wrap:wrap}.project-detail-title{font-size:2rem;font-weight:800;background:#292929;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1.2;margin:0;text-wrap:balance;text-align:left;width:100%;display:block}.project-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.project-detail-tag{padding:.4rem 1rem;font-size:.9rem;font-weight:500;border:2px solid #292929;border-radius:20px;background-color:#29292913;color:#292929}.project-detail-meta{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:10px}.project-detail-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #76cfc5;flex-shrink:0;display:block;vertical-align:middle;margin:0}.project-back-button{color:#003530;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.project-back-button:hover{color:#0f887c}.project-detail-meta-info{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-left:auto}.project-detail-author{font-size:1rem;font-weight:600;color:#333;line-height:1.2}.project-detail-date{font-size:1.2rem;color:#292929;line-height:1.2;display:flex;flex-wrap:wrap;gap:.5rem;margin-left:.2rem}.project-content{background:#a7a7a7;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 8px 32px #0000001a;border:1px solid #424242;width:100%;box-sizing:border-box;text-align:left!important}.project-content p{font-size:1.1rem;max-width:none!important;text-align:left!important;margin-top:0!important;margin-bottom:2rem!important}.project-content h2{font-size:1.75rem!important;font-weight:700!important;margin-top:2rem!important;margin-bottom:1.5rem!important;margin-left:0!important;margin-right:0!important;color:#333!important;line-height:1.3!important;text-align:left!important;display:block!important}.project-content h2:first-child{margin-top:0!important;margin-bottom:1.5rem!important}.project-content h2+p,.project-content h2+ul,.project-content h2+ol{margin-top:1.5rem!important}.project-content h3{font-size:1.5rem!important;font-weight:700!important;margin-top:2.5rem!important;margin-bottom:1rem!important;margin-left:0!important;margin-right:0!important;color:#333!important;line-height:1.3!important;text-align:left!important;display:block!important}.project-content h3+p,.project-content h3+ul,.project-content h3+ol{margin-top:1rem!important}.project-content h4{font-size:1.25rem!important;font-weight:600!important;margin-top:2rem!important;margin-bottom:2.5rem!important;margin-left:0!important;margin-right:0!important;color:#333!important;line-height:1.3!important;text-align:left!important;display:block!important}.project-content h4+p,.project-content h4+ul,.project-content h4+ol,.project-content h4+pre{margin-top:2.5rem!important}.project-content h5{margin-top:0rem!important;text-align:center!important}.project-content ul,.project-content ol{margin-top:1rem!important;text-align:left!important}.project-content ul:first-child,.project-content ol:first-child{margin-top:0!important}.project-content li{margin-bottom:calc(var(--space-4)),24px / 2!important;text-align:left!important}.project-content li strong{font-weight:700;color:#333}.project-content li p{margin-bottom:12px!important}.project-content li ul,.project-content li ol{margin-bottom:12px!important;margin-left:24px!important;margin-top:12px!important}.project-content li :last-child{margin-bottom:0!important}.project-content li:last-child{margin-bottom:0!important}.project-content strong,.project-content b,.project-content dt,.project-content th{font-weight:700}.project-content code,.project-content kbd,.project-content samp,.project-content tt{background-color:#1d1d1d;border-radius:4px;color:#3cb847;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;padding:.2em .4em;word-break:normal}.project-content code:after,.project-content code:before,.project-content tt:after,.project-content tt:before{content:" ";letter-spacing:-.2em}.project-content pre,.project-content pre.astro-code,.project-content pre[class*=astro-code],.project-content pre[style*=background-color]{background:#1d1d1d!important;border-radius:8px!important;font-size:.875rem!important;line-height:1.5!important;margin:0 0 24px!important;padding:24px!important;overflow-x:auto!important;word-wrap:normal!important}.project-content pre code,.project-content pre.astro-code code,.project-content pre[class*=astro-code] code,.project-content pre[style*=background-color] code{background:transparent!important;color:#3cb847!important;padding:0!important;font-size:inherit!important}.project-content pre code span,.project-content pre.astro-code code span,.project-content pre[class*=astro-code] code span,.project-content pre code span[style],.project-content pre.astro-code code span[style]{color:#3cb847!important}.project-content pre code:after,.project-content pre code:before,.project-content pre tt:after,.project-content pre tt:before{content:none}.project-content blockquote{border-left:4px solid #76cfc5;padding-left:1rem;margin:24px 0!important;color:#666;font-style:italic;text-align:left!important}.project-content blockquote :last-child{margin-bottom:0}.project-content hr{background:#0003;border:none;box-sizing:content-box;height:1px;margin:24px 0!important;overflow:visible;padding:0}.project-content img{display:block!important;max-width:90%!important;height:auto!important;margin:2rem auto!important;border-radius:12px;box-shadow:0 10px 30px #0000001a;border:1px solid #424242}.project-content a{background-color:transparent;color:#7026b9;font-weight:500;text-decoration:none;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.project-content a:active,.project-content a:hover{outline-width:0;text-decoration:none}.project-content .code-example{background:#0000000a;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.project-content .code-example h4{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.project-content .highlight{background:#76cfc51a;border-left:4px solid #76cfc5;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:4px}.project-content .highlight p{margin-bottom:0}@media(max-width:768px){.project-detail-page{padding-top:140px;padding-bottom:2rem}.project-detail-container{padding:0 1rem}.project-header-card,.project-content{padding:2rem 1.5rem}.project-detail-title{font-size:1.75rem}.project-content h2{font-size:1.5rem}.project-content h3{font-size:1.25rem}}