/* Page-specific layout over the shared agentfiles terminal/article theme. */
.topbar{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:4px}
.topbar a,.topbar button{flex-shrink:0}
.intro{padding:40px 0 24px}
.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.04em}
h1{font-size:clamp(26px,4vw,40px);margin:18px 0;letter-spacing:-.04em}
.intro p{color:var(--muted)}
.project-contents{margin-top:32px}
.project-contents h2{margin:0;scroll-margin-top:80px}
.project-contents>p{margin:8px 0 16px;font-size:12px}
.project-contents ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.project-contents li{border-bottom:1px solid var(--line)}
.project-contents li>a{display:grid;grid-template-columns:24px 190px minmax(0,1fr) 16px;gap:12px;align-items:baseline;padding:14px 8px;text-decoration:none}
.project-contents li>a:hover{background:var(--hover)}
.project-contents li>a:hover strong{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.contents-number,.contents-arrow{color:var(--muted);font-size:12px}
.contents-description{color:var(--muted);font-size:12px}
.back-to-contents{display:inline-block;margin-top:18px;font-size:12px}
@media(max-width:700px){.project-contents li>a{grid-template-columns:24px minmax(0,1fr) 16px;gap:4px 10px}.contents-description{grid-column:2;grid-row:2}.contents-arrow{grid-column:3;grid-row:1}.project-contents{margin-top:26px}}
.project-list{list-style:none;padding:0;margin:0}
.project-list>li{border-top:1px solid var(--line);padding:28px 0 32px}
.project-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-bottom:22px}
.project-heading h2{margin:0;scroll-margin-top:80px}
.project-heading h2 a{color:var(--strong)}
.project-heading h2 a:hover{color:var(--link)}
.project-heading h2 span{font-size:.8em;color:var(--muted)}
.project-date{color:var(--muted);font-size:12px;white-space:nowrap}
.project-media{display:block;width:100%;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel)}
.app-screens{display:flex;justify-content:center;align-items:center;gap:28px;padding:28px}
.app-screens img{display:block;width:min(42%,230px);height:auto;aspect-ratio:393 / 852;object-fit:contain;border-radius:4px}
.gameplay-image img{display:block;width:100%;height:auto;border:0}
.gameplay-video{aspect-ratio:720 / 494;background:var(--media)}
.project-description{margin:0 0 22px;max-width:760px}
.project-code{white-space:nowrap}
footer{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:12px}
footer p{margin:0}
:focus-visible{outline:2px solid var(--link);outline-offset:4px}
@media(max-width:600px){body{padding:0 18px 36px}.topbar .prompt{display:none}.topbar a{padding:4px 6px}.intro{padding-top:26px}.app-screens{gap:12px;padding:16px 12px}.app-screens img{width:46%}.project-heading h2{font-size:1.1rem}}