/* Canonical Freshie header chrome, extracted for the lineage explorers */
/* freshie-action-strip-v1 */
.action-strip { background: #ede5d0;
  border-bottom: 1px solid #d4ccb6;
  padding: 8px 14px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box; }
.action-strip .action-btn { display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 20px;
  line-height: 1;
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s;
  white-space: nowrap;
  flex: 1;
  max-width: 240px;
  justify-content: center;
  box-sizing: border-box; }
.action-strip .action-btn:active { transform: translateY(1px); }
.action-strip .action-btn-primary { color: #f5f0e1;
  background: #c89a2c;
  border: 1.5px solid #c89a2c; }
.action-strip .action-btn-primary:hover { background: #8a6a1c;
  border-color: #8a6a1c; }
.action-strip .action-btn-secondary { color: #14241e;
  background: transparent;
  border: 1.5px solid #14241e; }
.action-strip .action-btn-secondary:hover { background: #14241e;
  color: #f5f0e1; }
.action-strip .action-btn svg { width: 13px;
  height: 13px;
  flex-shrink: 0; }
.action-strip .action-btn sup { font-size: 0.55em;
  font-weight: 700;
  vertical-align: super;
  letter-spacing: 0;
  margin-left: 1px; }
.action-strip { padding: 7px 10px;
    gap: 6px; }
.action-strip .action-btn { font-size: 11px;
    padding: 8px 10px; }
.header { position: sticky; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(245, 240, 225, 0.96); -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid #d4ccb6; padding: 0; margin: 0; height: 48px; width: 100%; display: block; }
.header .header-inner { height: 48px; max-width: 1200px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 22px; overflow: visible; position: relative; }
.logo { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 18px; letter-spacing: -0.02em; color: #14241e; text-decoration: none; display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; white-space: nowrap; line-height: 1; }
.header .logo-mark { width: 22px; height: 22px; background: #c89a2c; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; color: #f5f0e1; font-weight: 800; box-shadow: inset 0 -2px 0 #8a6a1c; flex-shrink: 0; }
.header [data-canonical-nav] { display: flex; flex-wrap: nowrap; gap: 28px; align-items: center; flex: 1 1 auto; overflow-x: clip; overflow-y: visible; scrollbar-width: none; -ms-overflow-style: none; margin: 0; padding: 0; }
.header [data-canonical-nav]::-webkit-scrollbar { display: none; }
.header [data-canonical-nav] > a { font-size: 13px; font-weight: 500; color: #3d4a44; text-decoration: none; white-space: nowrap; padding: 4px 0; border-bottom: 2px solid transparent; transition: color 0.15s, border-color 0.15s; flex-shrink: 0; display: inline-block; line-height: 1.2; }
.header [data-canonical-nav] > a:hover { color: #8a6a1c; }
.header [data-canonical-nav] > a[data-current="true"] { color: #8a6a1c; border-bottom-color: #c89a2c; }
.header /* freshie-dropdown-align */
.nav-dropdown { display: inline-flex; align-items: center; }
.nav-dropdown > a { padding: 4px 0 !important; line-height: 1.2 !important; display: inline-flex; align-items: center; gap: 4px; }
.nav-dropdown > a .nav-caret { transition: transform 0.18s ease; }
.nav-dropdown.open > a .nav-caret { transform: rotate(180deg); }
.nav-dropdown { position: relative; flex-shrink: 0; display: inline-block; }
.header .nav-dropdown > a { font-size: 13px; font-weight: 500; color: #3d4a44; text-decoration: none; white-space: nowrap; padding: 4px 0; border-bottom: 2px solid transparent; transition: color 0.15s, border-color 0.15s; display: inline-flex; align-items: center; gap: 4px; line-height: 1.2; }
.header .nav-dropdown > a:hover { color: #8a6a1c; }
.header .nav-dropdown > a[data-current="true"] { color: #8a6a1c; border-bottom-color: #c89a2c; }
.header .nav-caret { width: 10px; height: 6px; color: #6f665a; transition: transform 0.15s ease, color 0.15s ease; flex-shrink: 0; display: block; }
.header .nav-dropdown:hover .nav-caret, .header .nav-dropdown:focus-within .nav-caret, .header .nav-dropdown.open .nav-caret { transform: rotate(180deg); color: #8a6a1c; }
.header .nav-dropdown-menu { position: absolute; top: 100%; left: -8px; min-width: 200px; background: rgba(245, 240, 225, 0.98); -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px); border: 1px solid #d4ccb6; border-radius: 6px; padding: 6px 0; box-shadow: 0 6px 20px -8px rgba(20, 36, 30, 0.25); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease; z-index: 1001; }
.header .nav-dropdown-menu::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; }
.header .nav-dropdown:hover .nav-dropdown-menu, .header .nav-dropdown:focus-within .nav-dropdown-menu, .header .nav-dropdown.open .nav-dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.header .nav-dropdown-menu a { display: block !important; padding: 8px 16px !important; border: none !important; border-bottom: none !important; font-size: 13px !important; color: #3d4a44 !important; white-space: nowrap; line-height: 1.3 !important; text-decoration: none !important; }
.header .nav-dropdown-menu a:hover { background: rgba(200, 154, 44, 0.1); color: #8a6a1c !important; }
.header .scan-cta { background: #c89a2c; color: #f5f0e1 !important; padding: 6px 14px; border-radius: 4px; font-weight: 700; font-size: 12px; letter-spacing: 0.04em; text-decoration: none !important; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: background 0.15s, color 0.15s; box-shadow: inset 0 -2px 0 #8a6a1c; border: none !important; white-space: nowrap; line-height: 1; }
.header .scan-cta:hover { background: #8a6a1c; color: #f5f0e1 !important; }
.header .scan-cta svg { display: block; flex-shrink: 0; }
.header .scan-cta { padding: 5px 10px; font-size: 11px; }
.header .scan-cta svg { width: 12px; height: 12px; }
/* freshie-action-strip-sticky-v1 */
.action-strip { position: sticky;
  top: 48px;
  z-index: 999;
  max-width: 100%;
  width: 100%;
  margin: 0;
  box-shadow: 0 2px 8px -4px rgba(20, 36, 30, 0.12); }
.action-strip > * { max-width: 1200px; }
.action-strip { justify-content: center; }
.action-strip { top: 44px; }
body .action-strip,
.action-strip { position: -webkit-sticky !important;
  position: sticky !important;
  top: 48px !important;
  z-index: 999 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important; }
body .action-strip,
  .action-strip { top: 44px !important; }
/* Use fixed positioning relative to viewport on mobile */
  .header .nav-dropdown { position: static !important; }
.header .nav-dropdown-menu { position: fixed !important;
    top: 48px !important;
    left: 12px !important;
    right: 12px !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin-top: 4px !important; }
.header .nav-dropdown-menu::before { display: none !important; }
.header .nav-dropdown-menu a { padding: 12px 16px !important;
    font-size: 14px !important;
    white-space: normal !important; }
.header .nav-dropdown-menu { top: 44px !important; }
/* freshie-mobile-dropdown-v2-augmented */
</style>
<!-- freshie-mobile-dropdown-v2 -->
<style>
/* freshie-slim-header-v1 — slimmer header + action strip */
.header,
body header.header { height: 40px !important; }
.header .header-inner { height: 40px !important; padding: 0 14px !important; gap: 16px !important; }
.header [data-canonical-nav] { gap: 20px !important; font-size: 13.5px !important; }
.header .nav-dropdown > a,
.header [data-canonical-nav] > a { padding: 4px 0 !important; line-height: 1 !important; }
.action-strip,
body .action-strip { padding: 4px 12px !important;
  min-height: 36px !important;
  gap: 6px !important;
  top: 40px !important; }
.action-strip a,
.action-strip .action-btn { padding: 6px 14px !important;
  font-size: 12px !important;
  letter-spacing: 0.03em !important; }
.action-strip svg { width: 14px !important; height: 14px !important; }
.header,
  body header.header { height: 36px !important; }
.header .header-inner { height: 36px !important; padding: 0 12px !important; gap: 10px !important; }
.header [data-canonical-nav] { gap: 14px !important; font-size: 12.5px !important; }
.action-strip,
  body .action-strip { top: 36px !important; padding: 4px 10px !important; min-height: 34px !important; }
.action-strip a, .action-strip .action-btn { padding: 5px 10px !important;
    font-size: 11px !important; }
/* Mobile dropdown menus also need updated top offset */
  .header .nav-dropdown-menu { top: 36px !important; }
.header .nav-dropdown-menu { top: 40px !important; }
@media (max-width: 480px) {.action-strip{padding: 7px 10px;
    gap: 6px;}.action-strip .action-btn{font-size: 11px;
    padding: 8px 10px;}}
@media (max-width: 480px) {.header .scan-cta{padding: 5px 10px; font-size: 11px;}.header .scan-cta svg{width: 12px; height: 12px;}}
@media (max-width: 480px) {.action-strip{top: 44px;}}
@media (max-width: 480px) {body .action-strip,
  .action-strip{top: 44px !important;}}
@media (max-width: 760px) {/* Use fixed positioning relative to viewport on mobile */
  .header .nav-dropdown{position: static !important;}.header .nav-dropdown-menu{position: fixed !important;
    top: 48px !important;
    left: 12px !important;
    right: 12px !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    margin-top: 4px !important;}.header .nav-dropdown-menu::before{display: none !important;}.header .nav-dropdown-menu a{padding: 12px 16px !important;
    font-size: 14px !important;
    white-space: normal !important;}}
@media (max-width: 480px) {.header .nav-dropdown-menu{top: 44px !important;}}
@media (max-width: 480px) {.header,
  body header.header{height: 36px !important;}.header .header-inner{height: 36px !important; padding: 0 12px !important; gap: 10px !important;}.header [data-canonical-nav]{gap: 14px !important; font-size: 12.5px !important;}.action-strip,
  body .action-strip{top: 36px !important; padding: 4px 10px !important; min-height: 34px !important;}.action-strip a, .action-strip .action-btn{padding: 5px 10px !important;
    font-size: 11px !important;}/* Mobile dropdown menus also need updated top offset */
  .header .nav-dropdown-menu{top: 36px !important;}}
@media (min-width: 481px) and (max-width: 760px) {.header .nav-dropdown-menu{top: 40px !important;}}