diff --git a/docs/architecture/index.html b/docs/architecture/index.html index ce0c7c4..461f6bd 100644 --- a/docs/architecture/index.html +++ b/docs/architecture/index.html @@ -61,13 +61,19 @@ :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px} .wrap{max-width:1080px;margin:0 auto;padding:0 24px} -/* ---------- nav ---------- */ +/* ---------- shared cross-page nav ---------- */ nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb, var(--bg) 86%, transparent); backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)} -nav .wrap{display:flex;align-items:baseline;gap:22px;padding-top:11px;padding-bottom:11px;overflow-x:auto} -nav .brand{font-family:var(--serif);font-weight:700;font-size:16px;white-space:nowrap;color:var(--ink);text-decoration:none} +nav .wrap{display:flex;align-items:center;gap:8px 16px;padding-top:10px;padding-bottom:10px;overflow-x:auto} +nav .brand{font-family:var(--serif);font-weight:700;font-size:16px;white-space:nowrap;color:var(--ink);text-decoration:none;flex:none} nav .brand .kn{color:var(--accent)} -nav a.sec{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;text-decoration:none; +nav .sitenav{display:flex;gap:6px;flex:none} +nav a.site{font-family:var(--sans);font-size:12.5px;letter-spacing:.01em;text-decoration:none; + color:var(--ink-soft);white-space:nowrap;padding:5px 11px;border-radius:99px;border:1px solid transparent} +nav a.site:hover{color:var(--accent);border-color:var(--line)} +nav a.site[aria-current="page"]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:600} +nav .secs{display:flex;gap:16px;margin-left:auto;flex:none;padding-left:8px} +nav a.sec{font-family:var(--sans);font-size:12px;letter-spacing:.03em;text-decoration:none; color:var(--ink-soft);white-space:nowrap} nav a.sec:hover{color:var(--accent)} @@ -268,14 +274,21 @@ } -