.masthead,.recovery-masthead{--masthead-gutter:var(--room-gutter);--masthead-height:58px;z-index:12;min-height:var(--masthead-height);padding-inline:var(--masthead-gutter);border-bottom:1px solid var(--room-rule);background:var(--room-paper);color:var(--room-ink);font:500 13px/1.45 var(--label);align-items:center;gap:clamp(16px,2.5vw,40px);display:flex;position:relative}.wordmark{min-height:44px;color:var(--room-ink);font:500 clamp(22px, 2.3vw, 34px)/1 var(--display);letter-spacing:-.052em;white-space:nowrap;align-items:center;gap:.12em;margin-right:auto;display:inline-flex}.wordmark strong{font-weight:600}.primary-room-links{gap:clamp(16px,2.6vw,38px);display:flex}.primary-room-links a,.room-directory-toggle,.member-key{min-height:44px;color:var(--room-muted);align-items:center;display:inline-flex}.masthead :is(a,summary):focus-visible,.skip-to-room:focus-visible{outline:2px solid var(--room-red);outline-offset:2px}.primary-room-links a:is([aria-current],:hover),.room-directory-toggle:hover,.member-key:hover{color:var(--room-ink);text-underline-offset:.4em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--room-red);text-decoration-color:var(--room-red)}.room-directory-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px;padding-inline:3px;list-style:none}.room-directory-toggle::-webkit-details-marker{display:none}.room-menu-mark{gap:4px;width:13px;display:inline-grid}.room-menu-mark i{background:currentColor;height:1px}.room-directory[open] .room-menu-mark i:first-child{transform:translateY(2.5px)rotate(45deg)}.room-directory[open] .room-menu-mark i:last-child{transform:translateY(-2.5px)rotate(-45deg)}.room-directory:not([open]) .when-menu-open,.room-directory[open] .when-menu-closed{display:none}.house-navigation{inset:100% var(--masthead-gutter) auto auto;width:min(28rem, calc(100% - 2 * var(--masthead-gutter)));max-height:calc(100dvh - var(--masthead-height));overscroll-behavior:contain;border:1px solid var(--room-rule);background:var(--room-sheet);color:var(--room-ink);border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,2.5vw,34px);padding:20px 24px 16px;display:grid;position:absolute;overflow-y:auto;box-shadow:0 8px 18px #302b2514}.house-navigation h2{color:var(--room-muted);font:600 11px/1.4 var(--label);letter-spacing:.075em;text-transform:uppercase;margin:0;padding:0 0 10px}.house-navigation ul{margin:0;padding:0;list-style:none}.house-navigation li{border-top:1px solid var(--room-rule)}.house-navigation a{min-height:44px;color:var(--room-ink);font:500 clamp(19px, 1.45vw, 22px)/1.12 var(--display);align-items:center;gap:10px;display:flex}.house-navigation a:is(:hover,:focus-visible,[aria-current]){color:var(--room-red)}.house-navigation a:hover{text-underline-offset:.19em;text-decoration:underline;text-decoration-thickness:1px}.house-navigation a[aria-current]:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.masthead-tools{min-width:0}.member-key{background:linear-gradient(var(--room-rule), var(--room-rule)) left center / 1px 22px no-repeat;min-width:44px;max-width:156px;font:500 12px/44px var(--label);text-overflow:ellipsis;white-space:nowrap;padding-inline-start:clamp(8px,1.3vw,18px);display:block;overflow:hidden}.skip-to-room{z-index:50;border:1px solid var(--room-rule);background:var(--room-sheet);color:var(--room-ink);padding:12px 16px;position:absolute;top:6px;left:12px;transform:translateY(-160%)}.skip-to-room:focus{transform:none}.membership-interruption{padding:9px var(--room-gutter);border-bottom:1px solid var(--room-rule);background:var(--room-paper);color:var(--room-red);font:500 12px/1.55 var(--label);margin:0}.room-link-status{width:0;height:0;position:absolute}.masthead:has(.room-link-status[data-pending=true]):after{content:"";background:var(--room-red);pointer-events:none;height:2px;position:absolute;inset:auto 0 0}@media (prefers-reduced-motion:no-preference){.room-directory[open] .house-navigation{animation:.13s ease-out reveal-room-menu}.masthead:has(.room-link-status[data-pending=true]):after{animation:.12s .18s both show-room-pending}@keyframes reveal-room-menu{0%{transform:translateY(-3px)}}@keyframes show-room-pending{0%{opacity:0}to{opacity:1}}}@media (max-width:720px){.masthead,.recovery-masthead{--masthead-gutter:16px;--masthead-height:52px;gap:12px}.primary-room-links{display:none}.house-navigation{width:100%;padding-inline:var(--masthead-gutter);border-inline:0;inset-inline:0}.member-key{max-width:90px;font-size:11px}}@media (max-width:360px){.masthead,.recovery-masthead{--masthead-gutter:11px;gap:6px}.wordmark{font-size:20px}.member-key{max-width:70px}}
