/* TWV Media members area: the header shared by every page under /members/, and the small
   adjustments the global footer needs there. Loaded after assets/twv-chrome.css by
   twv_members_styles() in members/members-chrome.php. */
.mhead{background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--sans)}
.mhead-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;min-height:74px;padding-top:12px;padding-bottom:12px}
.mhead .mark{color:var(--ink)}
.who{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-left:auto;font-size:.9rem;color:#4A4C51}
.who a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--line);transition:border-color .15s}
.who a:hover{border-color:var(--red)}
.who-name{margin-right:4px}

/* the global footer, sitting on pages that do not reset headings and paragraphs */
.site-foot{margin-top:0}
.site-foot a{color:inherit}
.site-foot h2,.site-foot h4{margin-top:0}
.site-foot p{margin:0 0 16px}

@media (max-width:600px){
  .who-name{display:none}
  .who{gap:8px 16px}
}