/* Área do Membro: conteúdo vertical sem deslocamento lateral. Zoom manual continua acessível. */
html,body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
main,#memberContent,.card,.item,.grid,#memberLibrary{min-width:0;max-width:100%}
img,video,svg,canvas{max-width:100%}
header{position:sticky;top:0;z-index:50;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px}
.header-inner,.member-brand,.member-brand>div{min-width:0;max-width:100%}
.member-brand h1{overflow-wrap:anywhere}
#memberLibrary{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
#memberLibrary .item{min-width:0;overflow-wrap:anywhere}
#memberLibrary img.member-library-cover{display:block;width:min(100%,180px);height:240px;max-width:100%;margin:0 auto 12px;object-fit:contain;object-position:center}
#memberMenuToggle{display:none}
@media(max-width:850px){
 main{width:100%;max-width:100%}
 #memberMenuToggle{display:block;min-width:44px;min-height:44px;flex:none;background:#0a3d91;border-color:#3483c9;color:#fff}
 .member-menu-backdrop{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;min-height:0;padding:0;border:0;border-radius:0;background:#06142eaa;cursor:pointer}
 #memberSectionNav{display:none}
 .member-menu-open #memberSectionNav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;position:fixed;inset:0 auto 0 0;z-index:90;width:min(86vw,330px);height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:calc(18px + env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom));background:#061e45;box-shadow:12px 0 30px #0007}
 #memberSectionNav a{display:flex;align-items:center;min-height:45px;white-space:normal;color:#082b5a;background:#fff}
 body.member-menu-open{overflow:hidden}
 input,select,textarea{font-size:16px}
}
@media(max-width:560px){
 header .header-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}
 #memberMenuToggle{grid-column:1;grid-row:1;padding:0}
 .member-brand{grid-column:2;grid-row:1;gap:7px;min-width:0}
 .member-brand img{width:34px;height:34px;flex:none}
 .member-brand .eyebrow,.member-brand p:not(.eyebrow){display:none}
 .member-brand h1{font-size:1rem;line-height:1.2;margin:0}
 header #refresh{grid-column:3;grid-row:1;width:44px;min-width:44px;min-height:44px;overflow:hidden;font-size:0;padding:0}
 header #refresh::before{content:'⟳';font-size:24px;line-height:1}
 #memberLibrary{grid-template-columns:minmax(0,1fr)}
 #memberLibrary img.member-library-cover{width:min(100%,150px);height:200px}
}