/* Reusable footer: scoped names avoid legacy SWELL/footer rules. */
#mermaid-site-footer{--mf-main:#00AFCC;--mf-ink:#163A43;--mf-bg:#F4FFFE;--mf-soft:#EAF8F7;position:relative;isolation:isolate;box-sizing:border-box;margin:0;padding:60px 24px 30px;background:linear-gradient(180deg,var(--mf-bg),var(--mf-soft));color:var(--mf-ink);font-family:'Noto Sans JP','Yu Gothic',sans-serif}
#mermaid-site-footer[hidden]{display:none}
#mermaid-site-footer *,#mermaid-site-footer *::before{box-sizing:border-box}
#mermaid-site-footer::before{content:"";position:absolute;left:0;right:0;top:-18px;height:19px;background:var(--mf-bg);clip-path:polygon(0 60%,10% 38%,20% 24%,30% 22%,40% 34%,50% 54%,60% 70%,70% 74%,80% 62%,90% 42%,100% 26%,100% 100%,0 100%);pointer-events:none}
#mermaid-site-footer .msf-inner{max-width:1160px;margin:0 auto}
#mermaid-site-footer .msf-top{display:flex;align-items:center;justify-content:space-between;gap:48px}
#mermaid-site-footer .msf-brand{display:block;flex:0 0 230px;width:230px;max-width:none;background:transparent;line-height:0}
#mermaid-site-footer .msf-brand img{display:block;width:230px;max-width:none;height:auto;max-height:none;margin:0;background:transparent}
#mermaid-site-footer .msf-nav{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;column-gap:26px;row-gap:4px;max-width:730px}
#mermaid-site-footer .msf-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--mf-ink);font-size:14px;font-weight:500;line-height:1.6;text-decoration:none;transition:color .2s}
#mermaid-site-footer .msf-nav a:hover{color:var(--mf-main);text-decoration:underline;text-underline-offset:5px}
#mermaid-site-footer a:focus-visible{outline:2px solid var(--mf-main);outline-offset:5px}
#mermaid-site-footer .msf-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(0,167,160,.16)}
#mermaid-site-footer .msf-copyright{margin:0;color:#557078;font-size:12px;font-weight:400;line-height:1.8}
#mermaid-site-footer .msf-toplink{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;background:#FFFFFF;color:var(--mf-main);border:1px solid rgba(0,167,160,.25);border-radius:50%;box-shadow:0 4px 14px rgba(22,58,67,.08);text-decoration:none}
#mermaid-site-footer .msf-toplink::before{content:"";width:9px;height:9px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:translateY(2px) rotate(45deg)}
@media(max-width:767px){
 #mermaid-site-footer{padding:40px 20px 24px}
 #mermaid-site-footer .msf-top{flex-direction:column;gap:20px}
 #mermaid-site-footer .msf-brand{flex-basis:auto;width:170px}
 #mermaid-site-footer .msf-brand img{width:170px}
 #mermaid-site-footer .msf-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:420px;column-gap:18px;row-gap:0}
 #mermaid-site-footer .msf-nav a{justify-content:center;text-align:center;font-size:13px}
 #mermaid-site-footer .msf-nav a:last-child{grid-column:1/-1}
 #mermaid-site-footer .msf-bottom{margin-top:22px;gap:12px}
 #mermaid-site-footer .msf-copyright{flex:1;text-align:center;font-size:11px}
}