.demo-navigation{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:14px}
.demo-navigation a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:5px}
.demo-navigation a:hover{color:var(--orange)}
.demo-navigation [aria-current]{color:var(--muted)}
.demo-navigation a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:600px){.demo-navigation{gap:8px 16px;font-size:13px;padding-block:16px}.demo-navigation>a:first-child{flex-basis:100%}}
.site-body .project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:24px 0 14px}
.site-body .project-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:14px;line-height:1.5;white-space:normal;text-align:center}
.site-body .project-actions .project-demo-button{padding:13px 21px;background:linear-gradient(115deg,#ffac69,#ff7d32);border:1px solid #ff9a55;border-radius:8px;color:#17120e;font-weight:700}
.site-body .project-actions .project-demo-button:hover{background:#ffc58d}
.site-body .project-actions .project-present-button{padding:13px 21px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:transparent;font-weight:600}
.site-body .project-actions .project-present-button:hover{border-color:var(--orange);color:var(--orange)}
.site-body .project-actions .project-contact-link{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.site-body .project-demo-note{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 26px;max-width:65ch}
@media(max-width:600px){.site-body .project-actions{gap:10px;margin-top:20px}.site-body .project-actions .project-demo-button,.site-body .project-actions .project-present-button{width:100%}.site-body .project-actions .project-contact-link{justify-content:flex-start}.site-body .project-demo-note{font-size:12px}}