
.nx{background:var(--papel)}
.nx.chap{padding-block:0}
.nx-in{position:relative;display:grid;align-content:start;min-height:clamp(240px,60svh,60svh);padding-block:var(--sp-8) var(--sp-7);box-sizing:border-box}
.nx-row{display:flex;align-items:center;gap:var(--sp-3)}
.nx-k{margin:0;flex:none;font:var(--w-mono) var(--t-mono)/var(--lh-mono) var(--mono);letter-spacing:var(--ls-mono);color:var(--cinza-esc)}
.nx-name{margin:var(--sp-5) 0 0;font:var(--w-display) clamp(2.75rem,9vw,8.5rem)/.92 var(--sans);letter-spacing:var(--ls-display)}
.nx .nx-a{color:var(--tinta);text-decoration:none}
.nx-hit{position:relative}
.nx-a::after{content:"";position:absolute;inset:0}
.nx-k{position:relative;z-index:1}
.nx .nx-a:hover,.nx .nx-a:focus-visible,.nx[data-state="full"] .nx-a{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.1em}
.nx-bar{position:relative;flex:1;height:2px;background:var(--linha)}
.nx-bar[hidden]{display:none}
.nx-fill{position:absolute;inset:0;background:var(--tinta);transform-origin:0 50%;scale:var(--p,0) 1}
.nx-dot{position:absolute;top:50%;left:calc(var(--p,0) * 100%);width:12px;height:12px;border-radius:50%;background:var(--tinta);translate:-50% -50%;transition:scale var(--dur-hover) cubic-bezier(.2,.7,.3,1)}
.nx[data-state="full"] .nx-dot{scale:1.4}
.nx-go{position:absolute;right:0;top:calc(100% + var(--sp-2));font:var(--w-mono) var(--t-mono)/var(--lh-mono) var(--mono);letter-spacing:var(--ls-mono);color:var(--tinta);
  opacity:0;translate:0 4px;transition:opacity var(--dur-hover) ease-out,translate var(--dur-hover) cubic-bezier(.2,.7,.3,1)}
.nx[data-state="full"] .nx-go{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){.nx-dot,.nx-go{transition:none}}
@media (forced-colors:active){.nx-fill,.nx-dot{background:CanvasText}.nx-bar{background:GrayText}}
