:root{--ring:rgba(91,124,250,.3)}
html{scroll-padding-top:5rem}
.navlink{padding:.5rem .25rem}.navlink:focus{outline:2px solid #5B7CFA;outline-offset:2px}
.btn-primary{background:#5B7CFA;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-weight:600}
.chip{border:1px solid rgba(148,163,184,.4);padding:.375rem .625rem;border-radius:9999px;font-size:.875rem}
.section{padding-top:3.5rem;padding-bottom:3.5rem}
.section-title{font-size:1.75rem;font-weight:800;letter-spacing:-.01em}
.card{background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:1.25rem}
.card-title{font-weight:700}
.badge{background:#0ea5e9;color:#fff;border-radius:.375rem;font-size:.625rem;padding:.125rem .375rem}
.link{color:#5B7CFA;text-decoration:underline;text-underline-offset:3px}
.timeline-dot{position:absolute;left:-.42rem;top:.3rem;width:.6rem;height:.6rem;border-radius:9999px;background:#5B7CFA;box-shadow:0 0 0 .2rem var(--ring)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important}html{font-size:12px}body{background:#fff}header,footer,#projects .link{display:none!important}.section{padding:0 0 1rem 0}.card,.chip,.badge{border:0;background:transparent;padding:0}a{text-decoration:none}.section-title{font-size:1.1rem;margin:.25rem 0}}