.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none}.topbar>div{gap:2rem}.topbar nav{display:flex;align-items:center;gap:.3rem}.topbar nav a{color:var(--muted);text-decoration:none;padding:.48rem .7rem;border-radius:8px;font-weight:650}.topbar nav a:hover,.topbar nav a.active{background:#e5e6df;color:var(--ink)}.page-intro{margin:12px 0 34px}.page-intro h1{font:700 clamp(2.5rem,5vw,4.5rem)/1 Georgia,serif;letter-spacing:-.035em;margin:.35rem 0 .7rem}.page-intro p{color:var(--muted);font-size:1.05rem;margin:0}.project-links a{text-decoration:none;color:inherit}.project-chip.selected{background:var(--ink);color:#fff}.project-chip.selected small{color:var(--lime)}.project-add{margin-bottom:12px}.project-add>div{max-width:760px}@media(max-width:700px){.topbar{height:auto;align-items:flex-start;padding-top:12px;padding-bottom:12px}.topbar>div{align-items:flex-start;flex-direction:column;gap:.5rem}.topbar nav{flex-wrap:wrap}.topbar nav a{padding:.35rem .5rem}.brand .mark{width:30px;height:30px}.page-intro{margin-top:4px}}