/* Authoritative public navigation — desktop and mobile. */
.site-public-header{height:78px;display:flex;align-items:center;gap:30px;padding:0 max(24px,5vw);border-bottom:1px solid #5b451d;background:#050604f5;box-shadow:0 10px 35px #000b}
.site-public-header>.brand-logo-link{height:100%;margin-right:auto}.site-public-header>.brand-logo-link .brand-logo{width:230px;height:76px}
.site-public-header>nav{height:100%;display:flex;align-items:stretch;gap:clamp(22px,2.4vw,42px)}
.site-public-header>nav a{position:relative;display:flex;align-items:center;color:#c6c3bb;font:800 10px var(--display);letter-spacing:.08em;white-space:nowrap}.site-public-header>nav a:hover{color:#f0c24c}.site-public-header>nav a:hover:after{content:"";position:absolute;right:0;bottom:15px;left:0;height:1px;background:#e8b43e;box-shadow:0 0 8px #e8b43e}
.site-public-header>.header-cta{margin-left:auto}.site-header-menu{display:none}
@media(max-width:900px){.site-public-header>nav{display:none}}
@media(max-width:700px){
  .site-public-header{position:sticky!important;top:0!important;z-index:300!important;height:70px!important;display:flex!important;grid-template-columns:none!important;gap:5px!important;padding:0 8px!important}
  .site-public-header>.brand-logo-link{width:110px!important;height:66px!important;margin-right:auto!important}.site-public-header>.brand-logo-link .brand-logo{width:110px!important;height:64px!important}
  .site-public-header>.header-cta{display:flex!important;gap:5px!important;margin:0!important}.site-public-header>.header-cta>a.outline[href="/member-login.php"]{width:82px!important;min-width:82px!important;min-height:38px!important;padding:0 7px!important;gap:5px!important;font-size:7px!important}.site-public-header>.header-cta>a.outline[href="/member-login.php"]:before{width:24px;height:24px;flex-basis:24px;background-size:15px}.site-public-header>.header-cta>a.outline[href="/member-login.php"]:after{display:none}
  .site-public-header .site-header-claim{width:100px!important;min-width:100px!important;min-height:38px!important;padding:7px 6px!important;border-radius:5px!important;font-size:6.5px!important;white-space:nowrap}
  .site-header-menu{width:35px;height:35px;display:grid;place-content:center;gap:4px;flex:0 0 35px;padding:0;border:1px solid #7a5d23;border-radius:50%;background:#0b0d0a;color:#e9b941}.site-header-menu span{width:15px;height:1px;display:block;background:currentColor;transition:.18s}
  .site-public-header.site-header-open .site-header-menu span:nth-child(1){transform:translateY(5px) rotate(45deg)}.site-public-header.site-header-open .site-header-menu span:nth-child(2){opacity:0}.site-public-header.site-header-open .site-header-menu span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  body:not(.admin-body)>.site-public-header.site-header-open>nav,.site-public-header.site-header-open>nav{position:absolute;z-index:310;top:70px;right:8px;width:min(320px,calc(100vw - 16px));height:auto!important;display:grid!important;gap:6px!important;padding:10px!important;border:1px solid #806225;border-radius:13px;background:radial-gradient(circle at 100% 0,#e8b63d1f,transparent 42%),#0a0b09f7;box-shadow:0 26px 70px #000e,0 0 30px #d9a62c1c;backdrop-filter:blur(18px)}
  .site-public-header.site-header-open>nav a{min-height:48px;padding:0 14px;border:1px solid #302d24;border-radius:8px;background:#ffffff04;color:#ece9df;font-size:9px}.site-public-header.site-header-open>nav a:after{content:"›";position:static;width:auto;height:auto;margin-left:auto;background:none;color:#e7b63f;font-size:18px;box-shadow:none}
}
@media(max-width:390px){.site-public-header>.brand-logo-link,.site-public-header>.brand-logo-link .brand-logo{width:94px!important}.site-public-header>.header-cta>a.outline[href="/member-login.php"]{width:36px!important;min-width:36px!important;font-size:0!important}.site-public-header .site-header-claim{width:91px!important;min-width:91px!important;font-size:6px!important}}

/* Pointer clicks do not show the browser's default white focus rectangle. */
.site-public-header .brand-logo-link:focus:not(:focus-visible){outline:none;box-shadow:none}
.site-public-header .brand-logo-link:focus-visible{outline:1px solid #c6a35b;outline-offset:-3px;border-radius:3px}

/* Polished compact mobile navigation. */
@media(max-width:700px){
 .site-public-header{gap:9px!important;padding:0 11px!important;background:radial-gradient(ellipse at 35% 0,#b68a2412,transparent 75%),#070906f5;border-bottom:1px solid #a581345c;box-shadow:inset 0 1px #ddbc6c0b,0 7px 22px #0005;backdrop-filter:blur(14px)}
 .site-public-header>.site-header-menu{order:0;width:36px;height:36px;flex-basis:36px;border-color:#a6873e66;background:linear-gradient(145deg,#232013,#0b0e09);box-shadow:inset 0 1px #e8d09920;color:#ddbd70;gap:4px}
 .site-public-header>.site-header-menu span{width:14px}
 .site-public-header>.brand-logo-link{order:1;margin:0 auto 0 0!important;flex-shrink:1;height:60px!important}
 .site-public-header:has(.header-member-chip)>.brand-logo-link{width:clamp(125px,38vw,165px)!important}
 .site-public-header:has(.header-member-chip)>.brand-logo-link .brand-logo{width:100%!important;height:60px!important;object-fit:contain;filter:drop-shadow(0 2px 7px #d7a72915)}
 .site-public-header>.header-notification-center{order:3;margin-left:0!important;margin-right:0!important;flex:none}
 .site-public-header>.header-notification-center .header-notification-button{width:36px;height:36px;border:1px solid #a6873e66;border-radius:50%;background:linear-gradient(145deg,#232013,#0b0e09);box-shadow:inset 0 1px #e8d09920}
 .site-public-header>.header-cta{order:4;gap:6px!important;flex:none}
 .site-public-header .header-member-chip{width:38px;height:38px;max-width:38px;padding:3px;border-color:#c8a65588;background:linear-gradient(145deg,#292316,#0c100a);box-shadow:inset 0 1px #ecd79620}
 .site-public-header .header-member-avatar{width:30px;height:30px;outline:1px solid #c4a45f;border:2px solid #10130c;box-shadow:none}
 .site-public-header .header-member-copy{display:none}
 .site-public-header .site-header-menu:focus-visible,.site-public-header .header-member-chip:focus-visible{outline:2px solid #e8cd87;outline-offset:3px}
 .site-public-header.site-header-open>nav{border-color:#a6873e66;background:linear-gradient(140deg,#191b12,#080b08);box-shadow:0 20px 45px #000b}
}
@media(max-width:390px){.site-public-header{gap:7px!important;padding-inline:9px!important}.site-public-header:not(:has(.header-member-chip)){gap:4px!important;padding-inline:7px!important}.site-public-header:not(:has(.header-member-chip))>.site-header-menu{width:32px;flex-basis:32px;height:32px}}

/* Distinct mobile header: centered brand and a grouped account control. */
@media(max-width:700px){
 .site-public-header{position:sticky!important;height:70px!important;background:linear-gradient(180deg,#15170f,#080b08)!important;border-bottom-color:#c09b4859;box-shadow:inset 0 1px #e7c87515,0 8px 25px #0007}
 .site-public-header:has(.header-member-chip)>.brand-logo-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(128px,40vw,170px)!important;height:64px!important;margin:0!important}
 .site-public-header:has(.header-member-chip)>.brand-logo-link .brand-logo{height:64px!important;filter:drop-shadow(0 0 9px #d7ad3522)}
 .site-public-header>.site-header-menu{width:36px;height:36px;border-radius:10px;border:1px solid #9a824448;background:#c8a85308;box-shadow:inset 0 1px #e8d09916}
 .site-public-header>.site-header-menu span{width:15px}
 .site-public-header>.site-header-menu span:nth-child(2){width:11px}
 .site-public-header.site-header-open>.site-header-menu span:nth-child(2){width:15px}
 .site-public-header:has(.header-member-chip)>.header-notification-center{margin-left:auto!important;width:35px;height:38px;display:flex;align-items:center;border:1px solid #ab8c454d;border-right:0;border-radius:22px 0 0 22px;background:#b79c4610;padding-left:3px;z-index:301}
 .site-public-header:has(.header-member-chip)>.header-notification-center .header-notification-button{width:30px;height:30px;border:0;background:transparent;box-shadow:none}
 .site-public-header:has(.header-member-chip)>.header-cta{height:38px;margin-left:-9px!important;padding:3px 4px 3px 2px;border:1px solid #ab8c454d;border-left:0;border-radius:0 22px 22px 0;background:#b79c4610}
 .site-public-header .header-member-chip{width:30px;height:30px;max-width:30px;padding:0;border:0;background:none;box-shadow:none}
 .site-public-header .header-member-avatar{width:28px;height:28px;border:1px solid #11140b;outline:1px solid #cbae66}
}
@media(max-width:390px){.site-public-header:has(.header-member-chip)>.header-cta{margin-left:-7px!important}}

/* Balanced desktop masthead and grouped account actions. */
@media(min-width:701px){
 .site-public-header{position:relative;height:82px;gap:16px;padding:0 clamp(24px,4vw,72px);background:radial-gradient(ellipse at 8% 0,#be963519,transparent 45%),linear-gradient(180deg,#11130d,#070907);border-bottom:1px solid #b4943f45;box-shadow:inset 0 1px #ead3940b,0 8px 28px #0005}
 .site-public-header>.brand-logo-link{order:1;flex:none;margin:0;height:72px;display:flex;align-items:center}
 .site-public-header>.brand-logo-link .brand-logo{width:190px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 9px #b88c2520)}
 .site-public-header>nav{order:2;height:44px;align-items:center;gap:3px;margin:0 auto;padding:4px;border:1px solid #b89c4429;border-radius:28px;background:#ffffff03;box-shadow:inset 0 1px #ffffff04}
 .site-public-header>nav a{height:34px;padding:0 clamp(12px,1.4vw,23px);border-radius:20px;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.065em;color:#c9c8bf;transition:color .18s,background .18s}
 .site-public-header>nav a:hover{color:#f0d18a;background:#c9a65212}
 .site-public-header>nav a:hover:after{content:none}
 .site-public-header>.header-notification-center{order:3;margin:0!important;flex:none}
 .site-public-header>.header-notification-center .header-notification-button{width:40px;height:40px;border:1px solid #b1964b55;background:linear-gradient(145deg,#272415,#10130c);box-shadow:inset 0 1px #f3dca324;color:#e6c778}
 .site-public-header>.header-cta{order:4;margin:0!important;display:flex;align-items:center;gap:10px;flex:none}
 .site-public-header .header-member-chip{display:flex;align-items:center;gap:10px;max-width:260px;min-height:46px;padding:5px 17px 5px 6px;border:1px solid #b49a4c65;border-radius:26px;background:linear-gradient(120deg,#b59a4118,#ffffff03);box-shadow:inset 0 1px #efd59116;text-decoration:none;transition:border-color .18s,background .18s}
 .site-public-header .header-member-chip:hover{border-color:#e2c374;background:#c9a6521b}
 .site-public-header .header-member-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:2px solid #14160e;outline:1px solid #c9ad63;border-radius:50%;overflow:hidden;color:#e2c374}
 .site-public-header .header-member-avatar img{width:100%;height:100%;object-fit:cover}
 .site-public-header .header-member-copy{display:grid;gap:4px;min-width:0}
 .site-public-header .header-member-copy small{font:700 8px/1 Arial,sans-serif;letter-spacing:.16em;color:#d2b568}
 .site-public-header .header-member-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px/1.2 Arial,sans-serif;color:#ece8da}
 .site-public-header a:focus-visible,.site-public-header button:focus-visible{outline:2px solid #e4ca86;outline-offset:4px}
}
@media(min-width:701px) and (max-width:1100px){
 .site-public-header{padding-inline:24px;gap:12px}
 .site-public-header>.brand-logo-link{margin-right:auto}
 .site-public-header>nav{display:none}
 .site-public-header>.site-header-menu{order:5;display:grid;place-content:center;gap:4px;width:38px;height:38px;flex:none;padding:0;border:1px solid #b1964b55;border-radius:10px;background:#c9a65208;color:#d9bd78}
 .site-public-header>.site-header-menu span{display:block;width:15px;height:1px;background:currentColor}
 .site-public-header.site-header-open>nav{position:absolute;z-index:310;top:74px;right:24px;width:300px;height:auto;display:grid;gap:5px;padding:10px;margin:0;border-radius:15px;background:#10130cf7;box-shadow:0 20px 50px #000b}
 .site-public-header.site-header-open>nav a{height:44px;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.site-public-header>nav a,.site-public-header .header-member-chip{transition:none}}

/* Guest actions: consistent silhouettes, quieter lettering and metallic gold. */
@media(min-width:701px){
 .site-public-header>.header-cta{gap:10px}
 .site-public-header>.header-cta>a.outline[href="/member-login.php"]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:130px;min-height:44px;height:44px;padding:0 16px 0 8px;border:1px solid #ad945759;border-radius:11px;background:linear-gradient(140deg,#24251a,#10140e);color:#e6e2d5;font:600 11px/1 Arial,sans-serif;letter-spacing:.065em;box-shadow:inset 0 1px #edda9c17;transition:border-color .2s,background .2s}
 .site-public-header>.header-cta>a.outline[href="/member-login.php"]:before{width:28px;height:28px;flex-basis:28px;border-color:#b59b514d;background-color:#cfb25a0c;background-size:15px;box-shadow:none}
 .site-public-header>.header-cta>a.outline[href="/member-login.php"]:after{font-size:13px;color:#c8b074}
 .site-public-header>.header-cta>a.outline[href="/member-login.php"]:hover{border-color:#d9be75;background:#c2a55712;box-shadow:inset 0 1px #edda9c17}
 .site-public-header .site-header-claim{position:relative;min-height:44px;height:44px;padding:0 22px;border:1px solid #e9ce8999;border-radius:11px;background:linear-gradient(115deg,#b58c37,#e7ca7e 52%,#d0ac59);color:#17170e;font:700 11px/1 Arial,sans-serif;letter-spacing:.06em;box-shadow:inset 0 1px #fff2cba3,inset 0 -1px #8060274d,0 4px 17px #c5a24d14;transition:filter .2s,box-shadow .2s}
 .site-public-header .site-header-claim:hover{filter:brightness(1.08);box-shadow:inset 0 1px #fff2cba3,0 5px 22px #c5a24d28}
}
@media(max-width:700px){
 .site-public-header .site-header-claim{border-radius:9px!important;background:linear-gradient(115deg,#bc9746,#e5c87e 55%,#d1af63);border:1px solid #e4c88680;box-shadow:inset 0 1px #fff0be75,0 3px 12px #c5a24d12;color:#17170e}
 .site-public-header>.header-cta>a.outline[href="/member-login.php"]{border-radius:9px;border-color:#ad945759;background:linear-gradient(140deg,#24251a,#10140e);box-shadow:inset 0 1px #edda9c17}
}
@media(prefers-reduced-motion:reduce){.site-public-header .site-header-claim{transition:none}}

/* Mobile guest header: give the brand a real column and simplify the actions. */
.site-public-header .header-claim-short{display:none}
@media(max-width:700px){
 .site-public-header:not(:has(.header-member-chip)){display:grid!important;grid-template-columns:34px minmax(0,1fr) 122px!important;align-items:center!important;gap:8px!important;padding:0 10px!important;height:72px!important}
 .site-public-header:not(:has(.header-member-chip))>.site-header-menu{grid-column:1;grid-row:1;width:34px;height:36px;margin:0;border-radius:9px}
 .site-public-header:not(:has(.header-member-chip))>.brand-logo-link{position:static!important;grid-column:2;grid-row:1;justify-self:center;justify-content:center;width:100%!important;max-width:172px;min-width:0;height:66px!important;margin:0!important;transform:none!important}
 .site-public-header:not(:has(.header-member-chip))>.brand-logo-link .brand-logo{width:100%!important;height:66px!important;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 8px #d0ad3520)}
 .site-public-header:not(:has(.header-member-chip))>.header-cta{grid-column:3;grid-row:1;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;width:122px}
 .site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]{display:grid!important;place-items:center;width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important;padding:0!important;font-size:0!important;gap:0!important;border-radius:10px;border:1px solid #b89b5259;background:#c5a75708}
 .site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]:before{width:20px;height:20px;flex-basis:auto;border:0;border-radius:0;background-color:transparent;background-size:19px;box-shadow:none}
 .site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]:after{display:none}
 .site-public-header .site-header-claim{width:80px!important;min-width:80px!important;min-height:38px!important;height:38px!important;padding:0 5px!important;font:700 8px/1 Arial,sans-serif!important;letter-spacing:.025em;border-radius:10px!important}
 .site-public-header .header-claim-full{display:none}.site-public-header .header-claim-short{display:inline}
 .site-public-header:not(:has(.header-member-chip)).site-header-open>nav{top:72px}
}
@media(max-width:350px){
 .site-public-header:not(:has(.header-member-chip)){grid-template-columns:32px minmax(0,1fr) 113px!important;gap:5px!important;padding-inline:8px!important}
 .site-public-header:not(:has(.header-member-chip))>.header-cta{width:113px;gap:5px!important}
 .site-public-header:not(:has(.header-member-chip)) .site-header-claim{width:72px!important;min-width:72px!important;font-size:7px!important}
}

/* Contemporary mobile controls: flat surfaces, clear icons and a pill action. */
@media(max-width:700px){
 .site-public-header>.site-header-menu,.site-public-header:not(:has(.header-member-chip))>.site-header-menu{width:34px;height:38px;border:0;border-radius:12px;background:#ffffff06;box-shadow:none;color:#ddd8c9;gap:5px}
 .site-public-header>.site-header-menu span{height:1.5px;width:16px;border-radius:2px}
 .site-public-header>.site-header-menu span:nth-child(2){width:12px}
 .site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]{height:38px!important;width:36px!important;min-width:36px!important;border:0!important;border-radius:12px!important;background:#ffffff08!important;box-shadow:none!important;color:#e6e0cd}
 .site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]:before{width:21px;height:21px;background-size:20px;filter:grayscale(1) brightness(1.55)}
 .site-public-header .site-header-claim{border:0!important;border-radius:20px!important;background:#e8c66d!important;color:#16180f!important;box-shadow:none!important;letter-spacing:0!important;font:700 9px/1 Arial,sans-serif!important}
 .site-public-header .site-header-claim:hover{background:#f0d68b!important;filter:none;box-shadow:none}
 .site-public-header .site-header-claim:active{transform:scale(.97)}
 .site-public-header:not(:has(.header-member-chip))>.header-cta{gap:7px!important}
 .site-public-header>.site-header-menu:hover,.site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]:hover{background:#ffffff10!important}
 .site-public-header>.site-header-menu:focus-visible,.site-public-header .site-header-claim:focus-visible,.site-public-header>.header-cta>a.outline[href="/member-login.php"]:focus-visible{outline:2px solid #e8c66d;outline-offset:3px}
}
@media(max-width:350px){.site-public-header:not(:has(.header-member-chip))>.header-cta{gap:5px!important}.site-public-header .site-header-claim{font-size:8px!important}}

/* Quiet mobile masthead: centered brand, one control on either side. */
@media(max-width:700px){
 .site-public-header:not(:has(.header-member-chip)){grid-template-columns:38px minmax(0,1fr) 38px!important;height:66px!important;padding:0 14px!important;gap:12px!important}
 .site-public-header:not(:has(.header-member-chip))>.brand-logo-link{width:142px!important;max-width:100%;height:58px!important;justify-self:center;margin:0!important}
 .site-public-header:not(:has(.header-member-chip))>.brand-logo-link .brand-logo{width:142px!important;height:58px!important;filter:none}
 .site-public-header:not(:has(.header-member-chip))>.header-cta{width:38px!important;justify-content:center!important;gap:0!important}
 .site-public-header:not(:has(.header-member-chip)) .site-header-claim{display:none!important}
 .site-public-header:not(:has(.header-member-chip))>.site-header-menu{width:38px;height:38px;border:0;background:transparent;box-shadow:none;border-radius:10px;color:#d7d5ca}
 .site-public-header:not(:has(.header-member-chip))>.header-cta>a.outline[href="/member-login.php"]{width:38px!important;min-width:38px!important;height:38px!important;background:transparent!important;box-shadow:none!important;border:0!important}
 .site-public-header:not(:has(.header-member-chip)).site-header-open>nav{top:66px}
}

/* Mobile navigation panel: opaque, legible and deliberately composed. */
@media(max-width:1100px){
 .site-public-header.site-header-open>nav{right:12px!important;left:auto!important;width:min(340px,calc(100vw - 24px))!important;padding:15px 12px 12px!important;gap:5px!important;border:1px solid #b49a5359!important;border-radius:17px!important;background:linear-gradient(145deg,#1c2116,#0b100c 70%)!important;box-shadow:inset 0 1px #eedb9c1c,0 22px 60px #000b!important;backdrop-filter:blur(20px)}
 .site-public-header.site-header-open>nav:before{content:"EXPLORA THE MILLION LIST";display:block;padding:3px 12px 12px;color:#9b9f88;font:600 8px/1.4 Arial,sans-serif;letter-spacing:.16em;border-bottom:1px solid #b7a25825;margin-bottom:3px}
 .site-public-header.site-header-open>nav a{display:flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;height:auto!important;padding:12px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#e3e5d7!important;font:600 12px/1.4 Arial,sans-serif!important;letter-spacing:.015em!important}
 .site-public-header.site-header-open>nav a:before{content:"";display:block;width:5px;height:5px;flex:none;border-radius:50%;background:#c8ae64;box-shadow:0 0 8px #c6a95622}
 .site-public-header.site-header-open>nav a:after{content:"↗"!important;position:static!important;display:grid!important;place-items:center!important;flex:none;width:26px!important;height:26px!important;margin-left:auto!important;border:1px solid #b7a2582b!important;border-radius:8px!important;background:#c5a75008!important;color:#cbb476!important;font:400 15px/1 Arial,sans-serif!important;box-shadow:none!important}
 .site-public-header.site-header-open>nav a:hover,.site-public-header.site-header-open>nav a:focus-visible{border-color:#b7a25837!important;background:#d2bc7310!important;color:#f1e8cb!important}
}
html[lang="en"] .site-public-header.site-header-open>nav:before{content:"EXPLORE THE MILLION LIST"}