.header {background:#fff; border-bottom:2px solid #e2e4d9; padding:0 24px; height:56px; display:flex; align-items:center; position:sticky; top:0; z-index:1000; box-shadow:0 2px 8px #0000000a; font-family:-apple-system,BlinkMacSystemFont,"BIZ UDPGothic",sans-serif;}
.header-logo {display:flex;align-items:center;flex-shrink:0;} .header-logo img {height:28px;width:auto;max-width:55vw;object-fit:contain;}
.header-nav {display:flex;align-items:center;gap:4px;flex:1;}
.header-nav a {display:inline-flex;align-items:center;gap:6px;color:#333;font-size:15px;padding:8px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;position:relative;}
.header-nav a:hover,.header-nav a.active {background:#eff3e9;color:#1a1a1a;}
.header-nav a.active {border-bottom:2px solid #5b8c2a;}
.header-nav-step::before {content:attr(data-step);position:absolute;left:-2px;top:50%;transform:translateY(-50%);font-size:2rem;font-weight:800;opacity:.1;}
.mobile-menu-panel {display:contents;} .hamburger-btn {display:none;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto;}
.header a:focus-visible,.hamburger-btn:focus-visible {outline:3px solid #4abaa4;outline-offset:3px;}
html {scroll-padding-top:76px;} a.step-card {display:block;color:inherit;text-decoration:none;} .step-card:focus-visible {outline:3px solid #4abaa4;outline-offset:4px;} .step-detail-link {font-size:12px;color:#456d60;display:block;margin-top:12px;}
@media(max-width:768px){.header{padding:0 16px}.hamburger-btn{display:flex}.mobile-menu-panel{display:none;position:absolute;top:42px;left:-16px;right:-16px;background:white;border-bottom:2px solid #e2e4d9;box-shadow:0 6px 18px #0000001a}.mobile-menu-panel.mobile-menu-open{display:block}.header-nav{display:flex;flex-direction:column;align-items:stretch;padding:8px 16px}.header-nav a{padding:12px 16px}.header-user{display:none}}