/* Single-row desktop navigation; products and content stay visible on mobile. */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:#fff;border-bottom:1px solid #e1eaf0;box-shadow:0 3px 16px #214a6508;font-family:'Home Noto Sans JP',Meiryo,sans-serif;color:#143951}
.site-header *{box-sizing:border-box}
.site-header-inner{width:calc(100% - 80px);max-width:1280px;height:76px;margin:auto;display:flex;align-items:center;gap:24px}
.site-brand{display:block;flex-shrink:0;line-height:0;margin-right:auto}
.site-brand img{width:183px;height:44px;object-fit:contain}
.site-navigation,.site-knowledge-nav{display:flex;align-items:center;flex-shrink:0}
.site-knowledge-inner{display:flex;align-items:center;gap:10px}
.site-knowledge-inner a{display:flex;align-items:center;gap:5px;min-height:44px;color:#31566f;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.5}
.site-header .site-nav-icon{display:block;flex-shrink:0;width:16px;height:16px}
.site-knowledge-inner a:hover{color:#22759e;text-decoration:underline;text-underline-offset:5px}
.site-knowledge-inner .site-content-link{justify-content:center;min-height:44px;padding:8px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-knowledge-inner .site-content-link:hover{color:#22759e;text-decoration:underline;text-underline-offset:6px}
.site-knowledge-inner .site-content-link[aria-current=page]{background:transparent;color:#22759e;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.site-products{display:flex;align-items:center;gap:9px;padding-left:24px;border-left:1px solid #dce7ef}
.site-product{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:11px 13px;border:1px solid #b1cbdc;border-radius:7px;color:#174665;background:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1.6}
.site-product span{font-size:21px;line-height:1}
.site-product--primary{background:#286580;border-color:#286580;color:#fff}
.site-product--course{background:#e3f1e8;border-color:#bad5c5;color:#32664d}
.site-product--community{background:#edf3f7;border-color:#c9dbe6;color:#254f68}
.site-product--community:hover{background:#dceaf2;border-color:#a6c4d6}
.site-product--course:hover{background:#d1e8da;border-color:#9fc2ae}
.site-product--primary:hover{background:#1d506a;border-color:#1d506a}
.site-header :is(a,button):focus-visible{outline:3px solid #6a9fbe;outline-offset:4px}
.site-menu-toggle{display:none}
body[data-site-mode=community] .css-1e5fqad,body[data-site-mode=community] .content-page{padding-top:77px}
/* html already provides 60px scroll padding; add header clearance plus 20px. */
body[data-site-mode=community] section[id],body[data-site-mode=community] #community{scroll-margin-top:37px}
.home-hero-button{font-family:'Home Noto Sans JP',Meiryo,sans-serif}
@media(min-width:1051px) and (max-width:1199px){
 .site-header-inner{width:calc(100% - 40px);gap:12px}.site-brand img{width:150px;height:auto}
 .site-knowledge-inner{gap:6px}.site-knowledge-inner a{font-size:12px;gap:4px}.site-knowledge-inner .site-content-link{padding:8px 3px}
 .site-products{gap:7px;padding-left:14px}.site-product{padding:11px 9px;gap:5px;font-size:12px}
 .site-header .site-nav-icon{width:14px;height:14px}
}
@media(max-width:1050px){
 .site-header-inner{width:calc(100% - 40px);height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:64px 40px;gap:0}
 .site-brand{grid-column:1;grid-row:1;margin:0}.site-brand img{width:160px;height:auto}
 .site-navigation{grid-column:2;grid-row:1;display:flex;position:static;padding:0;max-height:none;overflow:visible;border:0;box-shadow:none}
 .site-products{gap:7px;padding:0;border:0}.site-product{padding:10px 12px;gap:8px;font-size:13px;min-height:44px}
 .site-knowledge-nav{grid-column:1/-1;grid-row:2;width:calc(100% + 40px);height:40px;margin:0 -20px;background:#f6fafd;border-top:1px solid #edf2f6;padding:0 20px}
 .site-knowledge-inner{width:100%;justify-content:center;gap:22px}.site-knowledge-inner a{font-size:12px;font-weight:700;min-height:40px}
 .site-knowledge-inner .site-content-link{min-height:33px;padding:5px 8px;font-weight:700}
 body[data-site-mode=community] .css-1e5fqad,body[data-site-mode=community] .content-page{padding-top:105px}
 body[data-site-mode=community] section[id],body[data-site-mode=community] #community{scroll-margin-top:65px}
}
@media(max-width:650px){
 .site-header-inner{width:calc(100% - 16px);height:82px;grid-template-columns:74px minmax(0,1fr);grid-template-rows:48px 34px;column-gap:8px}
 .site-brand{justify-self:start}.site-brand img{width:74px;height:auto}
 .site-navigation{grid-column:2;grid-row:1;width:100%;align-self:center}
 .site-products{display:grid;grid-template-columns:1fr .85fr 1fr;gap:4px;width:100%}
 .site-product{min-width:0;min-height:36px;padding:7px 3px;font-size:11px;gap:3px;border-radius:5px}
 .site-header .site-product .site-nav-icon{width:12px;height:12px}
 .site-product span{display:none}
 .site-knowledge-nav{grid-row:2;width:calc(100% + 16px);height:34px;margin:0 -8px;padding:0 8px}
 .site-knowledge-inner{justify-content:space-between;gap:3px}.site-knowledge-inner a{font-size:11px;min-height:34px;gap:3px}
 .site-knowledge-inner .site-content-link{min-height:34px;padding:4px 0}
 .site-header .site-knowledge-inner .site-nav-icon{width:13px;height:13px}
 body[data-site-mode=community] .css-1e5fqad,body[data-site-mode=community] .content-page{padding-top:83px}
 body[data-site-mode=community] section[id],body[data-site-mode=community] #community{scroll-margin-top:43px}
}
@media(max-width:359px){
 .site-header-inner{grid-template-columns:56px minmax(0,1fr);column-gap:5px}.site-brand img{width:56px}
 .site-product{font-size:10px;padding-inline:1px;gap:2px}.site-products{gap:3px}
 .site-header .site-product .site-nav-icon{width:10px;height:10px}
 .site-knowledge-inner a{font-size:10px;gap:2px}.site-header .site-knowledge-inner .site-nav-icon{width:11px;height:11px}
}