/* Shared record navigation, matching the diary's page buttons. */
nav.page-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
nav.page-nav{--nav-ink:#2d2a26;--nav-bg:#eee8df;--nav-border:#ddd6cc;--nav-hover:#dfd7cb;--nav-active:#403b35;--nav-on-active:#fff}
nav.page-nav:has(a.current[href="請求書.html"]),nav.page-nav:has(a.current[href="納品管理.html"]){--nav-ink:#214d41;--nav-bg:#e3efeb;--nav-border:#a5bcb5;--nav-hover:#d2e7df;--nav-active:#176053}
nav.page-nav:has(a.current[href="お金の記録.html"]){--nav-ink:#336a5b;--nav-bg:#e5f0eb;--nav-border:#b8cec4;--nav-hover:#d4e7dd;--nav-active:#336a5b}
nav.page-nav:has(a.current[href="シャドバ対戦記録.html"]){--nav-ink:#eef4ff;--nav-bg:#252d49;--nav-border:#435070;--nav-hover:#354365;--nav-active:#74d3ff;--nav-on-active:#08101d}
nav.page-nav:has(a.current[href="東方イラスト記録.html"]){--nav-ink:#633047;--nav-bg:#f1eaf0;--nav-border:#d4b9c5;--nav-hover:#e9d9e2;--nav-active:#8e2440}
nav.page-nav a{display:inline-block;color:var(--nav-ink);background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:10px;padding:8px 11px;text-decoration:none;font-weight:700;font-size:13px;line-height:1.5;letter-spacing:normal;box-sizing:border-box}
nav.page-nav a:hover{background:var(--nav-hover)}
nav.page-nav a.current,nav.page-nav a[aria-current="page"]{color:var(--nav-on-active);background:var(--nav-active);border-color:var(--nav-active)}
nav.page-nav a:focus-visible{outline:3px solid #b66e13;outline-offset:3px}
/* The same viewport anchor on every page, independent of content width. */
html{scrollbar-gutter:stable}
nav.page-nav{position:fixed;z-index:100;top:0;left:0;right:0;width:100%;height:64px;margin:0;padding:12px max(18px,calc((100% - 1144px)/2));flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-sizing:border-box}
nav.page-nav a{flex:0 0 auto}
body{padding-top:64px}
.topbar{top:64px;backdrop-filter:none;-webkit-backdrop-filter:none}
@media print{nav.page-nav{display:none!important}body{padding-top:0!important}}
.record-backup{max-width:1144px;margin:24px auto;padding:16px 18px;border-top:1px solid #a5aaa8;font:14px/1.7 "Yu Gothic",Meiryo,sans-serif}.record-backup summary{cursor:pointer;font-weight:700}.record-backup button{font:inherit;padding:8px 12px;border:1px solid #9cafaa;border-radius:8px;background:#fff;color:#213833;cursor:pointer}.record-backup button:disabled{opacity:.5}.record-backup p{max-width:850px}.record-backup [role=status]{font-weight:bold}@media print{.record-backup{display:none!important}}
.all-records-backup{position:fixed;right:18px;top:12px;z-index:120;height:40px;padding:8px 12px;border-radius:10px;border:1px solid #a5bcb5;background:#fff;color:#214d41;font:700 13px/1.5 "Yu Gothic",Meiryo,sans-serif;cursor:pointer;box-shadow:0 2px 6px #0001}.all-records-backup:disabled{opacity:.6;cursor:wait}nav.page-nav{padding-right:200px}.all-backup-status{position:fixed;z-index:121;right:18px;top:60px;max-width:min(450px,90vw);padding:12px 16px;background:white;color:#213833;border:1px solid #a5bcb5;border-radius:8px;font:14px/1.6 "Yu Gothic",Meiryo,sans-serif;box-shadow:0 3px 12px #0002}@media print{.all-records-backup,.all-backup-status{display:none!important}}