/* Shared navigation for the tools, About, and Contact pages. */
.site-navigation{--coral:#e36246;--coral-dark:#b9412b;--line:#e4dfd5;height:auto;min-height:82px;padding:0;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}
.site-navigation .nav{width:min(1160px,calc(100% - 48px));margin-inline:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
.site-navigation .brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none}
.site-navigation .brand img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}
.site-navigation .brand span{font-size:13px;font-weight:700;line-height:1.05;letter-spacing:-.4px}
.site-navigation .nav-links{display:flex;align-items:center;gap:30px;width:auto}
.site-navigation .tool-links,.site-navigation .secondary-links{display:flex;align-items:center;gap:22px}
.site-navigation .secondary-links{gap:18px}
.site-navigation .nav-links a{display:inline-flex;align-items:center;min-height:44px;padding:12px 0;border-bottom:2px solid transparent;color:var(--muted);font:500 13px/1.3 "DM Sans",sans-serif;text-decoration:none;white-space:nowrap;touch-action:manipulation}
.site-navigation .secondary-links a{font-size:12px;font-weight:400}
.site-navigation .nav-links a[aria-current="page"]{color:var(--coral-dark);border-bottom-color:var(--coral)}
.site-navigation .nav-links a:hover{color:var(--coral-dark)}
.site-navigation a:focus-visible{outline:3px solid #758bb2;outline-offset:4px;border-radius:2px}
@media(max-width:800px){
 .site-navigation .nav{flex-wrap:wrap;gap:4px;padding:12px 0 3px}
 .site-navigation .nav-links{width:100%;justify-content:space-between;gap:18px}
 .site-navigation .tool-links{gap:22px}
 .site-navigation .secondary-links{gap:16px}
}
@media(max-width:600px){
 .site-navigation .nav{width:calc(100% - 32px)}
 .site-navigation .nav-links{flex-direction:column;align-items:stretch;gap:0}
 .site-navigation .secondary-links{display:flex;width:100%;justify-content:space-between;gap:12px}
 .site-navigation .tool-links{width:100%;justify-content:space-between;gap:12px}
}