/* One consistent navigation row, with contained scrolling on narrow screens. */
#resource-app>header{display:flex;align-items:center;flex-wrap:nowrap;column-gap:clamp(8px,1vw,16px);row-gap:0;padding:16px clamp(16px,2vw,32px);min-height:78px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}
#resource-app>header .brand{flex:0 0 auto}
#resource-app>header .brand-logo{width:clamp(148px,13vw,210px);max-width:none;height:auto}
#resource-app>header nav{display:flex;align-items:center;justify-content:center;flex:1 0 auto;flex-wrap:nowrap;width:auto;min-width:max-content;gap:2px;margin:0}
#resource-app>header .nav,#resource-app>header .craft-nav,#resource-app>header .level-picker,#resource-app>header .level-picker select,#resource-app>header .account-nav{font-family:var(--ui-font);font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;flex-shrink:0}
#resource-app>header .nav,#resource-app>header .craft-nav{flex:0 0 auto;padding:10px 8px;margin:0}
#resource-app>header .level-picker{display:flex;align-items:center;gap:6px;margin:0}
#resource-app>header .level-picker select{width:68px;min-height:40px;padding:8px;margin:0;background:#fff}
#resource-app>header .account-nav{padding:10px;margin:0}

#resource-app>header .creator-nav{background:#e4f4ef;color:#086d65;border:1px solid #b3d8ce;border-radius:9px;text-decoration:none}
#front-page .creator-cta{background:#fff;color:#08786e;border:2px solid #08786e}
#front-page .creator-hint{font-size:14px;line-height:1.5;color:#526878;margin:12px 0 0}