x-nav{display:contents}@scope (x-nav) to (:scope :is(x-article-card,x-base,x-footer,x-nav)>*){:scope{display:block;background:var(--paper);border-bottom:1px solid var(--rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-4)}.brand{display:block;line-height:0}.brand img{width:clamp(112px,26vw,150px)}nav{display:flex;gap:var(--space-5)}nav a{font-weight:var(--weight-semibold);color:var(--ink);text-decoration:none;padding-block:var(--space-2);border-bottom:2px solid transparent}nav a:hover{color:var(--accent);border-bottom-color:var(--clay-300)}}