.public-nav { width:min(1440px,calc(100% - 48px)); margin:auto; padding:24px 0 0; display:flex; justify-content:space-between; gap:24px; align-items:center; }
.public-nav a, footer a { color:var(--muted); text-decoration:none; font-size:.85rem; }
.public-nav a:hover, footer a:hover { color:var(--acid); }
.public-nav .brand { color:var(--acid); font-family:var(--mono); font-weight:700; }
.brand span { color:var(--ink); font-family:var(--sans); margin-left:12px; }
.public-nav > div { display:flex; gap:24px; }
.masthead { padding-top:48px; align-items:flex-end; }
.public-intro { max-width:680px; margin-bottom:0; color:var(--muted); font-size:1rem; }
.public-badge { color:var(--acid); border:1px solid var(--line-strong); border-radius:30px; padding:9px 16px; white-space:nowrap; font-family:var(--mono); font-size:.75rem; }
.public-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid var(--line); background:var(--line); margin:28px 0; border-radius:var(--radius); overflow:hidden; }
.public-metrics article { display:flex; flex-direction:column; padding:24px; background:var(--surface); }
.public-metrics span { color:var(--muted); font-size:.82rem; }
.public-metrics strong { font-size:2.1rem; font-weight:550; color:var(--acid); margin:8px 0; }
.public-metrics small { color:var(--muted); line-height:1.5; }
.public-metrics .is-stale { color:var(--amber); }
.public-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.public-project { padding:24px; background:var(--surface-raised); border:1px solid var(--line); border-radius:var(--radius); display:flex; flex-direction:column; }
.public-project[hidden] { display:none; }
.public-project h3 { font-size:1.12rem; margin-bottom:12px; }
.public-project p { color:var(--muted); font-size:.9rem; line-height:1.65; flex:1; }
.public-project a { color:var(--acid); font-size:.8rem; text-decoration:none; display:flex; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid var(--line); }
.public-project a:hover { text-decoration:underline; }
.public-search { display:flex; flex-direction:column; gap:6px; min-width:260px; font-size:.75rem; color:var(--muted); }
.public-scope { max-width:820px; margin-top:18px; }
footer { display:flex; justify-content:space-between; gap:24px; align-items:baseline; }
footer p { max-width:760px; }
a:focus-visible, input:focus-visible { outline:2px solid var(--acid); outline-offset:5px; }
@media(max-width:950px) { .public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .public-badge { display:none; } }
@media(max-width:620px) { .public-grid, .public-metrics { grid-template-columns:1fr; } .public-nav { width:calc(100% - 32px); align-items:flex-start; } .brand span { display:none; } .public-nav > div { gap:16px; } .public-search { width:100%; min-width:0; } .section-heading-controls, footer { flex-direction:column; align-items:stretch; } .public-metrics article { padding:18px; } .public-metrics strong { font-size:1.75rem; margin:4px 0; } }