/* One header for every page: same size, position and look as the homepage. */
.top{position:fixed;top:0;left:0;right:0;z-index:50;box-sizing:border-box;height:76px;display:flex;flex-direction:row;align-items:center;padding:0 clamp(18px,4vw,60px);background:#ffffffed;border-bottom:1px solid #e4e9f1;box-shadow:0 3px 16px #15274708;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.2;text-align:left}
.top a{text-decoration:none}
.top-av{flex:none;box-sizing:border-box;width:44px;height:44px;margin:0 12px 0 0;padding:0;border:3px solid #55a2ff;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px rgba(25,181,216,.18);background:none}
.top-av img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.top-nm{margin:0 36px 0 0;color:#101b32;font-weight:800;font-size:.85rem;line-height:1.15;white-space:nowrap}
.top nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(6px,2vw,30px);flex:1;height:100%;margin:0;padding:0;border:0;overflow-x:auto}
.top nav a{box-sizing:border-box;min-width:60px;padding:0 4px;border:0;border-bottom:3px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#25324a;font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;background:transparent}
.top nav svg{display:block;flex:none;width:17px;height:17px;color:#51627e}
.top nav a[aria-current]{color:#075ce5;border-bottom-color:#075ce5}
.top nav a[aria-current] svg{color:#075ce5}
.top nav a:hover{background:#f4f8ff}
body.pg{padding-top:76px}
@media(max-width:820px){.top{height:68px;padding:0 10px}.top-av,.top-nm{display:none}.top nav{gap:2px}.top nav a{min-width:46px;font-size:.64rem}body.pg{padding-top:68px}}
@media(max-width:480px){.top nav a{min-width:40px;padding:0 1px;font-size:.58rem}.top nav svg{width:15px;height:15px}}