.project-page-wrapper.svelte-16w6qt2{grid-column:1 / -1;margin:-2rem;padding:0;background-color:var(--bg-color)}.project-page.svelte-16w6qt2{max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh}.back-nav.svelte-16w6qt2{margin-bottom:2rem}.back-nav.svelte-16w6qt2 a:where(.svelte-16w6qt2){color:var(--accent-color);text-decoration:none;font-size:1.1rem;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}.back-nav.svelte-16w6qt2 a:where(.svelte-16w6qt2):hover{background-color:#ff6b6b1a;text-decoration:none}article.svelte-16w6qt2{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 8px 25px #00000014;margin-bottom:2rem}article.centered.svelte-16w6qt2{text-align:center}article.centered.svelte-16w6qt2 ul{display:inline-block;text-align:left}.project-title.svelte-16w6qt2{font-size:3rem;margin-bottom:2rem;color:var(--text-color);border-bottom:3px solid var(--accent-color);padding-bottom:1rem;line-height:1.2}.project-page p{margin-bottom:1.2rem;font-size:1.15rem;max-width:100%;line-height:1.7}.project-page h2{font-size:2rem;margin:2.5rem 0 1.5rem;color:var(--text-color);border-left:4px solid var(--accent-color);padding-left:1rem}.project-page h3{font-size:1.6rem;margin:2rem 0 1rem;color:var(--text-color);font-weight:600}.project-page h4{font-size:1.3rem;margin:1.5rem 0 .8rem;color:var(--text-color);font-weight:500}.project-page ul{margin:1.2rem 0;padding-left:2.5rem;max-width:100%}.project-page li{margin-bottom:.7rem;line-height:1.6}.project-page a{color:var(--accent-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all .2s ease}.project-page a:hover{color:#e55555;text-decoration-thickness:2px}.project-page .iframe-content-box-16-9{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.25%;margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.project-page .iframe-content-box-16-10{position:relative;width:100%;max-width:100%;height:0;padding-bottom:62.5%;margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.project-page .iframe-box{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.project-page img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 15px #0000001a}.project-page blockquote{background-color:#f8f9fa;border-left:4px solid var(--accent-color);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 4px 4px 0;font-style:italic}.project-page code{background-color:#f1f3f4;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}@media (max-width: 1024px){.project-page.svelte-16w6qt2{max-width:900px;padding:1.5rem}article.svelte-16w6qt2{padding:2.5rem}.project-title.svelte-16w6qt2{font-size:2.5rem}.project-page p{font-size:1.1rem}}@media (max-width: 768px){.project-page-wrapper.svelte-16w6qt2{margin:0}.project-page.svelte-16w6qt2{padding:1rem;max-width:100%}article.svelte-16w6qt2{padding:1.5rem;margin:0;border-radius:8px}.project-title.svelte-16w6qt2{font-size:2rem;margin-bottom:1.5rem;padding-bottom:.75rem}.project-page p{font-size:1rem;max-width:none}.project-page h2{font-size:1.6rem;margin:2rem 0 1rem}.project-page h3{font-size:1.4rem;margin:1.5rem 0 .8rem}.project-page h4{font-size:1.2rem}.project-page ul{padding-left:1.5rem;max-width:none}.project-page .iframe-content-box-16-9,.project-page .iframe-content-box-16-10{margin:1.5rem 0}.back-nav.svelte-16w6qt2 a:where(.svelte-16w6qt2){font-size:1rem;padding:.4rem .8rem}}@media (max-width: 480px){.project-page-wrapper.svelte-16w6qt2{margin:0}.project-page.svelte-16w6qt2{padding:.5rem}article.svelte-16w6qt2{padding:1rem}.project-title.svelte-16w6qt2{font-size:1.6rem}.project-page p{font-size:.95rem}.project-page h3{font-size:1.3rem}}@media (min-width: 1400px){.project-page.svelte-16w6qt2{max-width:1400px;padding:3rem}article.svelte-16w6qt2{padding:4rem}.project-title.svelte-16w6qt2{font-size:3.5rem}.project-page p{font-size:1.2rem;max-width:100%}}
