:root{--app-nav-ink:#1a1a1a;--app-nav-soft:#6f706b;--app-nav-line:#e4e2db;--app-nav-card:#fff}
.with-app-nav{padding-top:58px}
.app-nav{position:fixed;inset:0 0 auto;z-index:100;height:58px;padding:0 12px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--app-nav-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.app-nav-home{min-height:44px;display:inline-flex;align-items:center;padding:0 8px;color:var(--app-nav-ink);text-decoration:none;border-radius:8px;white-space:nowrap}
.app-nav-home:hover{background:#f4f3ee}
.app-nav-home:focus-visible,.app-nav-action:focus-visible{outline:2px solid #2244cc;outline-offset:2px}
.app-nav-logo{display:block;width:123px;height:auto}
.app-nav-symbol{display:none;width:30px;height:30px}
.app-nav-page{min-width:0;padding-left:12px;border-left:1px solid var(--app-nav-line);color:var(--app-nav-soft);font:500 12px/1.4 "IBM Plex Sans JP",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-nav-spacer{flex:1}
.app-nav-action{min-width:56px;min-height:44px;padding:0 12px;border:1px solid var(--app-nav-line);border-radius:8px;background:var(--app-nav-card);color:var(--app-nav-ink);font:500 12px/1.4 "IBM Plex Sans JP",sans-serif;cursor:pointer}
.app-nav-action:hover{border-color:var(--app-nav-ink)}
@media(max-width:520px){.app-nav{padding-left:8px;padding-right:8px;gap:6px}.app-nav-home{padding-left:4px;padding-right:6px}.app-nav-logo{display:none}.app-nav-symbol{display:block}.app-nav-page{padding-left:8px}.app-nav-action{padding-left:10px;padding-right:10px}}
@media(max-width:370px){.app-nav-page{display:none}}
@media print{.app-nav{display:none!important}.with-app-nav{padding-top:0!important}}