header{gap:12px}header #navigation{gap:8px}.member-links{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:11px}.member-links a{padding:8px 3px}.member-links .member-primary{border:1px solid #8c7248;padding:8px 11px;color:#dfbd80}.member-links a:hover{color:var(--gold)}.member-page{max-width:1250px;margin:auto;min-height:60vh}.member-page h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1px;margin:14px 0 24px}.member-page h2{font-size:25px;letter-spacing:-.5px;margin-bottom:20px}.member-page p{margin:16px 0;color:#bfb7aa;overflow-wrap:anywhere}.member-card{max-width:690px;border:1px solid #3e3526;background:linear-gradient(140deg,#201d17,#151515 60%);padding:32px;margin:auto}.member-card label{display:block;color:#eee6d9;font-size:14px;margin:18px 0 8px}.member-card input:not([type=checkbox]),.member-card textarea,.member-card select{display:block;width:100%;padding:12px;border:1px solid #655539;border-radius:2px;background:#101010;color:#f6f0e5;font:inherit}.member-card input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px;margin-right:8px}.member-card .helptext,.member-card li{font-size:12px;color:#aaa294;line-height:1.6}.member-card ul{padding-left:22px}.member-card .errorlist{color:#ffc4b8}.member-card .errorlist li{color:inherit}.member-card .button{margin:20px 0 12px}.member-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:13px}.member-actions a,.member-page a:not(.button){color:#dcba7a;text-decoration:underline;text-underline-offset:4px}.member-notice{border-left:2px solid #c4a05f;padding:14px 18px;background:#282219;font-size:13px;margin:24px 0}.member-status{padding:12px;border:1px solid #7c8e65}.member-subnav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #4d402b;padding:22px 0;margin-bottom:28px;font-size:13px}.member-subnav button,.member-card article button{background:none;border:1px solid #6c5936;color:#dbc59e;padding:8px 12px}.member-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px}.member-dashboard .member-card{margin:0;max-width:none}.member-card article{border-top:1px solid #4c402c;padding:18px 0}.member-delete-link{margin-top:30px!important;font-size:13px}.member-episode{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.member-episode h2{width:100%}.member-episode p{max-width:700px}.member-episode a:not(.button){color:var(--gold)}.member-mail-badge{font-size:11px;color:#c9ad7f}
@media(min-width:1101px) and (max-width:1300px){header{padding-left:3%;padding-right:3%;gap:9px}header #navigation{gap:12px}header #navigation a{font-size:12px}.header-logos a{width:65px;height:57px}.header-logos a+a{width:76px}.member-links{font-size:11px;gap:8px}}
@media(max-width:1100px){header{height:auto;min-height:124px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap;align-content:center;gap:4px 12px}.member-links{order:4;flex:0 0 100%;justify-content:flex-end;min-height:34px;font-size:11px}header #navigation{top:100%}header .header-logos{margin-left:auto}header .menu-toggle{order:3}.member-page{padding-top:35px}.member-card{padding:25px}.member-dashboard{grid-template-columns:1fr}}
@media(max-width:500px){header{min-height:120px;gap:3px 8px}.member-links{justify-content:space-between}.member-page{padding-left:5%;padding-right:5%}.member-card{padding:22px}.member-page h1{font-size:32px}.member-subnav{gap:14px}.member-card .button{width:100%}.member-episode .button{font-size:11px}}
.mobile-account{display:none}
@media(max-width:1100px){
 header{min-height:88px;height:88px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}
 header .member-links{display:none}
 header #navigation{top:100%;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 header #navigation .mobile-account{display:block;border-top:1px solid #685335;margin-top:18px;padding-top:17px}
 .mobile-account h2{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
 header #navigation .mobile-account a,.mobile-account button{display:block;width:100%;text-align:left;padding:12px 0;font-size:14px;min-height:44px;color:#e3d7c3}
 .mobile-account form{margin:0}.mobile-account button{background:none;border:0}
 .mobile-account button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
}
@media(max-width:500px){header{height:80px;min-height:80px}}

.account-unavailable{color:#b9ae98;font-size:.78rem;max-width:180px;line-height:1.4}.mobile-account .account-unavailable{display:block;max-width:none;padding:12px 0}

/* Une seule zone compte, déplacée visuellement avec le même menu. */
header #navigation .account-zone{display:flex;align-items:center;gap:9px;border-left:1px solid #685335;padding-left:12px;margin-left:3px;flex-shrink:0}
header #navigation .account-zone h2{display:none}
header #navigation .account-zone a,header #navigation .account-zone button{font-size:11px;padding:9px 0;white-space:nowrap}
.account-zone form{margin:0}.account-zone button{background:none;border:0;color:#dfbd80;cursor:pointer;font:inherit}
.account-zone small{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
header #navigation .account-zone .account-unavailable{font-size:10px;max-width:125px;white-space:normal}
@media(max-width:1100px){
 header #navigation{max-height:calc(100dvh - 124px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:28px}
 header #navigation .account-zone{display:block;border-left:0;border-top:1px solid #685335;margin:16px 0 0;padding:16px 0 0;width:100%}
 header #navigation .account-zone h2{display:block}
 header #navigation .account-zone a,header #navigation .account-zone button{display:block;font-size:14px;width:100%;min-height:44px;text-align:left}
 header #navigation .account-zone .account-unavailable{display:block;font-size:14px;max-width:none;padding:12px 0 5px}
 .account-zone small{position:static;width:auto;height:auto;clip-path:none;overflow:visible;display:block;font-size:12px;color:#b9ae98;line-height:1.6;max-width:40em}
}
