.member-page,.member-dialog,.member-header-controls,.member-toast{--member-ink:#102733;--member-paper:#f5f6f2;--member-line:#cbd3d5;--member-muted:#536872;--member-accent:#f6a72d;color:var(--member-ink);font-family:Poppins,Arial,sans-serif}
.member-page{padding-top:42px;padding-bottom:80px}
.member-page-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;padding-bottom:32px}
.member-page-heading h1{font:600 clamp(56px,6vw,88px)/.95 Cormorant,Georgia,serif;letter-spacing:-.035em;margin:12px 0 0}
.member-page-heading>p{font-size:14px;line-height:1.85;max-width:44ch;color:var(--member-muted);margin:0}
.member-section-links{display:flex;gap:28px;border-bottom:1px solid var(--member-line)}
.member-section-links a{display:flex;align-items:center;min-height:54px;padding:12px 0;font-size:13px;border-bottom:3px solid transparent}
.member-section-links a[aria-current]{border-color:var(--member-accent);font-weight:600}
.member-page-status{font-size:13px;line-height:1.7;min-height:1em;margin:20px 0 0;color:var(--member-muted)}
.member-loading{padding:38px 0;font-size:14px;color:var(--member-muted)}
.member-list-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0 28px}
.member-list-heading h2,.member-profile-form h2,.member-profile-intro h2{font:600 clamp(34px,3.4vw,46px)/1.08 Cormorant,Georgia,serif;margin:0;letter-spacing:-.025em}
.member-primary,.member-secondary,.member-link,.member-text-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;font:500 12px/1.6 Poppins,Arial,sans-serif;text-decoration:none;cursor:pointer;border-radius:2px}
.member-primary{padding:12px 20px;background:var(--member-ink);color:var(--member-paper);border:1px solid var(--member-ink)}
.member-primary:hover{background:#254757}
.member-secondary{padding:11px 18px;border:1px solid var(--member-line);background:transparent;color:var(--member-ink)}
.member-secondary:hover{background:#e9ede7}
.member-link,.member-text-button{padding:8px 0;background:none;color:var(--member-ink);border:0;text-align:left}
.member-link{text-decoration:underline;text-decoration-color:#809297;text-underline-offset:5px;text-decoration-thickness:1px}
.member-page :is(a,button,input,select,summary):focus-visible,.member-dialog :is(a,button,input,select,summary):focus-visible,.member-header-button:focus-visible{outline:2px solid #9a630e;outline-offset:4px}
.member-trip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.member-trip-card{border:1px solid var(--member-line);min-width:0;background:var(--member-paper)}
.member-trip-card.is-active{border-color:#a7884a}
.member-trip-cover{aspect-ratio:1.95;position:relative;overflow:hidden;background:#e4e9e3}
.member-trip-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.member-active-tag{position:absolute;left:16px;top:16px;background:var(--member-accent);color:var(--member-ink);padding:7px 10px;font-size:11px;font-weight:500}
.member-trip-blank{height:100%;display:flex;align-items:center;justify-content:center;gap:26px;color:#536872;padding:24px}
.member-trip-blank>svg,.member-empty>svg,.member-basket-empty>svg{width:120px;height:72px;fill:none;stroke:#849891;stroke-width:1.4}
.member-trip-blank>span{font:500 28px/1.1 Cormorant,Georgia,serif;max-width:8ch}
.member-trip-copy{padding:24px}
.member-trip-meta{margin:0 0 9px;font-size:11px;color:var(--member-muted)}
.member-trip-copy h3{font:600 36px/1.06 Cormorant,Georgia,serif;margin:0;overflow-wrap:anywhere;letter-spacing:-.02em}
.member-trip-places{font-size:13px;line-height:1.8;color:var(--member-muted);margin:14px 0 24px;min-height:3.6em}
.member-trip-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.member-trip-options{margin-top:22px;border-top:1px solid var(--member-line)}
.member-trip-options summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:11px;list-style:none;cursor:pointer;padding-top:5px}
.member-trip-options summary:after{content:'+';font-size:20px;font-weight:300}
.member-trip-options[open] summary:after{content:'−'}
.member-trip-options summary::-webkit-details-marker,.member-archives summary::-webkit-details-marker{display:none}
.member-trip-options>div{display:flex;flex-wrap:wrap;gap:8px 20px;padding:4px 0}
.member-trip-options button{min-height:44px;border:0;padding:8px 0;background:none;color:var(--member-muted);font:400 12px/1.5 Poppins,Arial,sans-serif;cursor:pointer}
.member-trip-options button:hover{text-decoration:underline;text-underline-offset:4px}
.member-empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:300px;padding:42px;background:#e9ede7;border-left:3px solid var(--member-accent)}
.member-empty>p{max-width:50ch;font-size:15px;line-height:1.85;margin:0}
.member-archives{margin-top:48px;border-top:1px solid var(--member-line);padding-top:10px}
.member-archives>summary{display:flex;align-items:center;gap:12px;min-height:58px;font:600 28px/1.15 Cormorant,Georgia,serif;cursor:pointer;list-style:none}
.member-archives>summary>span{font:400 12px/1 Poppins,Arial,sans-serif;background:#e6eae4;padding:7px 10px;border-radius:20px}
.member-archives>p{font-size:13px;color:var(--member-muted);margin:8px 0 24px}
.member-archives .member-trip-cover{aspect-ratio:2.7;filter:saturate(.65)}
.member-storage-note{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--member-line);margin-top:44px;padding-top:22px;color:var(--member-muted)}
.member-storage-note svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3}
.member-storage-note p{font-size:12px;line-height:1.8;max-width:75ch;margin:0}
.member-profile-form{max-width:560px;padding:30px 0 0}
.member-profile-form>p,.member-profile-intro>p{font-size:14px;line-height:1.85;color:var(--member-muted);margin:16px 0 30px;max-width:48ch}
.member-profile-form label,.member-dialog form label,.member-basket-switch{display:grid;gap:8px;font-size:12px;font-weight:500;margin-bottom:21px}
.member-profile-form input,.member-dialog input,.member-dialog select{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid #aab9bd;background:var(--member-paper);color:var(--member-ink);border-radius:2px;font:400 15px/1.5 Poppins,Arial,sans-serif;box-sizing:border-box}
.member-profile-actions{display:flex;align-items:center;gap:24px;margin-top:8px}
.member-profile-close{margin-top:38px;padding-top:24px;border-top:1px solid var(--member-line)}
.member-profile-close>p{font-size:12px;line-height:1.8;color:var(--member-muted);margin:0 0 12px}
.member-profile-intro{max-width:600px;padding:32px 0 14px}
.member-profile-intro>svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1;margin-bottom:24px}
.member-profile-intro>.member-link{margin-left:24px}
.member-form-error{font-size:12px;line-height:1.6;padding:10px 12px;margin:0 0 18px;background:#f4e9db;color:#743c17;border-left:2px solid #a95421}
.member-page [hidden],.member-dialog [hidden],.member-header-controls [hidden]{display:none!important}
/* Two quiet access points join the existing masthead. */
.member-header-controls{display:flex;gap:4px;align-items:center;flex:none}
.member-header .member-header-button{position:relative;display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--member-ink);border-radius:50%;cursor:pointer;box-sizing:border-box}
.member-header-button:hover{background:#e7ece5}
.member-header-button>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35}
.member-header-count{position:absolute;right:0;top:0;min-width:17px;height:17px;padding:1px 3px;display:flex;align-items:center;justify-content:center;background:var(--member-accent);color:var(--member-ink);border-radius:12px;font:600 9px/1 Poppins,Arial,sans-serif;box-sizing:border-box}
.site-header.guide-header.member-header .header-actions{gap:12px}
.composer-header.member-header{gap:20px}
.composer-header.member-header .member-header-controls{margin-left:auto}
.composer-header.member-header .header-guide-link{order:2}
.project-journey .site-header.guide-header.member-header{grid-template-columns:auto 1fr auto auto;gap:20px}
.project-journey .member-header>.brand{order:0}
.project-journey .member-header>.project-journey-brand{order:1}
.project-journey .member-header>.member-header-controls{order:2;justify-self:end}
.project-journey .member-header>.project-journey-back{order:3}
/* Native dialogs keep focus and Escape behavior inside the overlay. */
dialog.member-dialog{box-sizing:border-box;background:var(--member-paper);border:1px solid var(--member-line);width:min(560px,calc(100% - 32px));max-width:100%;max-height:calc(100dvh - 32px);padding:0;margin:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #10273326}
.member-dialog::backdrop{background:#10273380;backdrop-filter:blur(3px)}
.member-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;background:var(--member-paper);border-bottom:1px solid var(--member-line)}
.member-dialog-header h2{font:600 36px/1.03 Cormorant,Georgia,serif;letter-spacing:-.025em;margin:0;max-width:15ch}
.member-close{display:grid;place-items:center;width:44px;height:44px;flex:none;font:300 30px/1 Poppins,Arial,sans-serif;border:0;background:none;color:var(--member-ink);cursor:pointer;padding:0}
.member-dialog-body{padding:26px 28px 30px}
.member-dialog-intro{font-size:14px;line-height:1.8;margin:0 0 26px;color:var(--member-muted)}
.member-local-note{font-size:11px;line-height:1.8;color:var(--member-muted);margin:16px 0 22px;max-width:65ch}
.member-dialog form>.member-primary{width:100%;min-height:50px}
.member-dialog form>.member-text-button{display:flex;margin:10px auto 0;justify-content:center;font-size:11px;color:var(--member-muted)}
dialog.member-basket{width:min(470px,100%);height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-top:0;border-right:0;border-bottom:0}
.member-basket .member-dialog-header{padding-block:22px}
.member-basket .member-dialog-body{padding-bottom:max(28px,env(safe-area-inset-bottom))}
.member-basket-switch select{font-size:13px}
.member-basket-title{padding:10px 0 21px;border-bottom:1px solid var(--member-line)}
.member-basket-title h3,.member-basket-empty h3{font:600 34px/1.1 Cormorant,Georgia,serif;margin:0;overflow-wrap:anywhere}
.member-basket-title p{font-size:12px;color:var(--member-muted);margin:12px 0 0}
.member-basket-items{list-style:none;margin:0;padding:0}
.member-basket-items li{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--member-line)}
.member-basket-items img{width:64px;height:64px;object-fit:cover}
.member-item-symbol{width:64px;height:64px;display:grid;place-items:center;background:#e7ece5}
.member-item-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.1}
.member-basket-items small{display:block;font-size:10px;color:var(--member-muted);margin-bottom:5px}
.member-basket-items strong{display:block;font-size:12px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.member-basket-items button{width:44px;min-height:44px;padding:0;background:none;border:0;font:300 24px/1 Poppins,Arial,sans-serif;color:var(--member-muted);cursor:pointer}
.member-basket-actions{display:grid;gap:12px;margin-top:28px}
.member-basket-actions a{justify-content:space-between}
.member-basket-bottom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px}
.member-basket-bottom .member-link,.member-basket-bottom .member-text-button{font-size:11px}
.member-basket-start,.member-basket-empty p{font-size:14px;line-height:1.85;color:var(--member-muted);margin:20px 0}
.member-basket-empty{padding:10px 0 22px;display:grid;justify-items:start;gap:12px}
.member-basket-empty>svg{margin-bottom:14px}
.member-toast{position:fixed;z-index:1000;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));box-sizing:border-box;background:#102733;color:#f5f6f2;padding:16px 20px;font-size:12px;line-height:1.8;border-left:3px solid #f6a72d;box-shadow:0 8px 30px #10273325}
@media(max-width:1150px){.site-header.guide-header.member-header .guide-compose{display:none}.site-header.guide-header.member-header{gap:20px}}
@media(max-width:900px){.site-header.guide-header.member-header .header-actions{gap:8px}.member-header .guide-menu-trigger>span{display:none}.composer-header.member-header .header-guide-link{display:none}}
@media(max-width:680px){
  .member-page{padding-top:28px;padding-bottom:48px}
  .member-page-heading{grid-template-columns:1fr;gap:24px;padding-bottom:25px}
  .member-page-heading h1{font-size:58px}.member-page-heading>p{font-size:13px}
  .member-list-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-top:12px}
  .member-list-heading h2{font-size:34px}.member-list-heading>.member-primary{width:100%;justify-content:space-between}
  .member-trip-grid{grid-template-columns:1fr;gap:22px}.member-trip-copy{padding:21px}.member-trip-copy h3{font-size:34px}
  .member-trip-actions{gap:16px}.member-trip-actions>.member-primary{flex:1;justify-content:space-between}
  .member-trip-places{min-height:0}.member-trip-cover{aspect-ratio:1.8}
  .member-empty{padding:28px;min-height:280px}.member-empty>p{font-size:14px}
  .member-archives{margin-top:32px}.member-storage-note{margin-top:32px}.member-storage-note p{font-size:11px}
  .member-profile-form input,.member-dialog input,.member-dialog select{font-size:16px}
  .member-profile-actions{justify-content:space-between;gap:18px}.member-profile-intro>.member-link{margin-left:0;display:flex;justify-content:flex-start}
  .member-profile-intro>.member-primary{width:100%;justify-content:space-between}
  .member-profile-form h2{overflow-wrap:anywhere}.member-profile-close .member-text-button{font-size:11px}
  .member-dialog-header{padding:20px}.member-dialog-header h2{font-size:34px}.member-dialog-body{padding:22px 20px 26px}
  .member-dialog form>.member-primary{font-size:11px;gap:8px;padding-inline:12px}
  .member-local-note{font-size:11px}.member-basket .member-dialog-body{padding-inline:20px}
  .member-header-controls{gap:2px}.site-header.guide-header.member-header{gap:8px;padding-inline:16px}.site-header.guide-header.member-header .header-actions{gap:4px}
  .project-journey .site-header.guide-header.member-header{grid-template-columns:1fr auto;gap:8px}
  .project-journey .member-header>.project-journey-brand,.project-journey .member-header>.project-journey-back{display:none}
}
@media(prefers-reduced-motion:reduce){.member-page *,.member-dialog *,.member-header-controls *{animation:none!important;transition:none!important}}
@media print{.member-header-controls,.member-dialog,.member-toast{display:none!important}}

/* www : dans la barre du guide (Nav.dc.html), les accès membre prennent la place du bouton Composer sous 1150 px, comme dans l'en-tête d'origine ; sinon le bouton du menu sort de l'écran sur téléphone. */
@media(max-width:1150px){[data-member-host]+a[data-guide-compose]{display:none!important}}