.project-page:where(.astro-ma6ewwev){flex-direction:column;width:min(100% - 2rem,1120px);min-height:100vh;margin-inline:auto;padding-top:22px;display:flex}main:where(.astro-ma6ewwev){flex:1;padding-bottom:4rem}.project-back:where(.astro-ma6ewwev){color:var(--text-light);align-items:center;gap:.55rem;margin:0 0 1.5rem;font-size:.9rem;display:inline-flex}.project-hero:where(.astro-ma6ewwev){border:1px solid var(--border);background:var(--card);box-shadow:0 18px 48px var(--shadow);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,3.5rem);display:grid}.project-hero:where(.astro-ma6ewwev) h1:where(.astro-ma6ewwev){color:var(--text);margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.project-hero:where(.astro-ma6ewwev) p:where(.astro-ma6ewwev){color:var(--text-light);margin:1rem 0 0;font-size:1.05rem}.project-hero:where(.astro-ma6ewwev) img:where(.astro-ma6ewwev){border:1px solid var(--border);background:var(--bg);object-fit:contain;border-radius:12px;width:100%;max-height:230px}.project-links:where(.astro-ma6ewwev){flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;display:flex}.project-links:where(.astro-ma6ewwev) a:where(.astro-ma6ewwev){border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-weight:600;display:inline-flex}.project-links:where(.astro-ma6ewwev) a:where(.astro-ma6ewwev):hover{border-color:var(--primary);background:var(--primary-light)}.project-content:where(.astro-ma6ewwev){border:1px solid var(--border);background:var(--card);overflow-wrap:anywhere;border-radius:16px;max-width:820px;margin:2.5rem auto 0;padding:clamp(1.25rem,4vw,2.5rem)}.external-project-note:where(.astro-ma6ewwev){max-width:820px;color:var(--text-light);margin:1.5rem auto -1.5rem}.project-page:where(.astro-ma6ewwev) footer:where(.astro-ma6ewwev){border-top:1px solid var(--border);color:var(--text-light);margin-top:2rem;padding:1.5rem 0 2rem;font-size:.85rem}.project-content:where(.astro-ma6ewwev) h1,.project-content:where(.astro-ma6ewwev) h2,.project-content:where(.astro-ma6ewwev) h3,.project-content:where(.astro-ma6ewwev) h4{color:var(--text);margin:1.8em 0 .65em;line-height:1.3}.project-content:where(.astro-ma6ewwev) h1:first-child,.project-content:where(.astro-ma6ewwev) h2:first-child,.project-content:where(.astro-ma6ewwev) h3:first-child{margin-top:0}.project-content:where(.astro-ma6ewwev) h1:first-child{display:none}.project-content:where(.astro-ma6ewwev) p,.project-content:where(.astro-ma6ewwev) li{color:var(--text-light);line-height:1.75}.project-content:where(.astro-ma6ewwev) p,.project-content:where(.astro-ma6ewwev) ul,.project-content:where(.astro-ma6ewwev) ol,.project-content:where(.astro-ma6ewwev) blockquote,.project-content:where(.astro-ma6ewwev) pre,.project-content:where(.astro-ma6ewwev) table{margin-block:1rem}.project-content:where(.astro-ma6ewwev) a{text-underline-offset:3px;text-decoration:underline}.project-content:where(.astro-ma6ewwev) img{border-radius:8px;max-width:100%;height:auto}.project-content:where(.astro-ma6ewwev) pre{border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:10px;padding:1rem;overflow-x:auto}.project-content:where(.astro-ma6ewwev) code{font-family:var(--font-code);font-size:.9em}.project-content:where(.astro-ma6ewwev) :not(pre)>code{background:var(--primary-light);border-radius:4px;padding:.15em .35em}.project-content:where(.astro-ma6ewwev) blockquote{border-left:3px solid var(--primary);padding-left:1rem}.project-content:where(.astro-ma6ewwev) table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.project-content:where(.astro-ma6ewwev) th,.project-content:where(.astro-ma6ewwev) td{border:1px solid var(--border);text-align:left;padding:.6rem .8rem}.project-content:where(.astro-ma6ewwev) th{color:var(--text);background:var(--bg)}@media (width<=700px){.project-page:where(.astro-ma6ewwev){width:min(100% - 1rem,1120px);padding-top:12px}main:where(.astro-ma6ewwev){padding-bottom:2.5rem}.project-hero:where(.astro-ma6ewwev){grid-template-columns:1fr}.project-hero:where(.astro-ma6ewwev) img:where(.astro-ma6ewwev){max-height:200px}}