body[data-freeify-navigation] .freeify-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"navigation brand theme";height:92px;min-height:92px;align-items:center;align-content:center;gap:12px;box-sizing:border-box;}
body[data-freeify-navigation] .freeify-header .freeify-brand{grid-area:brand;justify-self:center;}
body[data-freeify-navigation] .freeify-header .freeify-theme-slot{grid-area:theme;justify-self:end;}
body[data-freeify-navigation] .freeify-header nav{grid-area:navigation;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 16px;min-width:0;}
body[data-freeify-navigation] nav a{color:var(--freeify-text);padding:8px 0;min-height:44px;display:inline-flex;align-items:center;}
body[data-freeify-navigation] nav a[aria-current]{color:var(--freeify-gold);text-decoration:underline;text-underline-offset:5px;}
body[data-freeify-navigation] .freeify-intro h1{font-size:clamp(2rem,6vw,4rem);overflow-wrap:anywhere;}
body[data-freeify-navigation] .navigation-note,body[data-freeify-navigation] .navigation-parent{color:var(--freeify-muted);line-height:1.6;}
body[data-freeify-navigation] .freeify-tool{min-width:0;overflow-wrap:anywhere;}
body[data-freeify-navigation] .navigation-pagination{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0;}
body[data-freeify-navigation] button{background:var(--freeify-gold);color:var(--freeify-action-ink);border:1px solid var(--freeify-line);min-height:44px;padding:10px 16px;font:inherit;cursor:pointer;}
body[data-freeify-navigation] button:disabled{opacity:.5;cursor:default;}
body[data-freeify-navigation] [hidden]{display:none!important;}
@media(max-width:680px){
 body[data-freeify-navigation]{padding-top:152px;}
 body[data-freeify-navigation] .freeify-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;grid-template-areas:"brand theme" "navigation navigation";height:132px;min-height:132px;gap:8px 12px;padding:12px 16px;}
 body[data-freeify-navigation] .freeify-header .freeify-brand{justify-self:start;}
 body[data-freeify-navigation] .freeify-header nav{flex-wrap:nowrap;gap:12px;justify-self:start;}
 body[data-freeify-navigation] nav a{font-size:.875rem;white-space:nowrap;}
 body[data-freeify-navigation] .theme-current{display:none;}
 body[data-freeify-navigation] .skip-link:focus{top:146px;}
 body[data-freeify-navigation] #navigation-workspace{scroll-margin-top:156px;}
}