/* Shared header matches the Tools homepage. Scoped to avoid calculator styles. */
#fc-site-header { box-sizing:border-box; display:block; background:#303432; color:#fff; border:0; border-bottom:3px solid #c1dfa8; padding:24px 32px; margin:0; position:relative; z-index:20; overflow:visible; font:400 16px/1.6 system-ui,sans-serif; text-align:left; }
#fc-site-header * { box-sizing:border-box; }
#fc-site-header > .container { width:100%; max-width:1200px; margin:0 auto; padding:0; }
#fc-site-header .site-nav { display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px 28px; margin:0; padding:0; }
#fc-site-header .site-brand { display:inline-flex; flex:0 0 auto; align-items:center; max-width:100%; margin:0; padding:0; line-height:1; text-decoration:none; }
#fc-site-header .site-brand img { display:block; width:250px!important; max-width:62vw!important; height:auto!important; margin:0; }
#fc-site-header .site-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px 20px!important; min-width:0; max-width:100%; margin:0; padding:0; }
#fc-site-header .site-links > a, #fc-site-header .fc-examples > summary { display:inline-flex!important; align-items:center; justify-content:center; min-height:44px; width:auto!important; margin:0!important; padding:10px 4px!important; font:650 15px/24px system-ui,sans-serif!important; color:#eef3e9; text-decoration:none; white-space:nowrap; }
#fc-site-header .site-links > a:hover, #fc-site-header .site-links > a:focus, #fc-site-header .fc-examples > summary:hover { color:#c1dfa8; }
#fc-site-header details.fc-examples { color:#eef3e9; background:transparent; border:0; margin:0!important; padding:0!important; }
#fc-site-header .fc-examples > summary { color:#eef3e9; }
#fc-site-header a:focus-visible, #fc-site-header summary:focus-visible { outline:3px solid #c1dfa8; outline-offset:3px; }
.fc-page-title { box-sizing:border-box; max-width:1080px; margin:0 auto; padding:28px 16px 0; color:#253024; }
.fc-page-title h1 { margin:0; font:600 clamp(1.55rem,4vw,2.25rem)/1.2 system-ui,sans-serif; color:inherit; }
@media(max-width:800px) { #fc-site-header { padding:22px; } #fc-site-header .site-nav { gap:20px; } }
@media(max-width:640px) { #fc-site-header .site-links { flex-basis:100%; gap:4px 16px!important; } }
@media print { #fc-site-header { display:none!important; } .fc-page-title { padding:0 0 16px; color:black; } }