/* Shared Napkin Solo navigation and editorial pages. */
:root{--ns-paper:#fffdf6;--ns-ink:#2c2a26;--ns-muted:#6f685c;--ns-coral:#c56a40;--ns-rule:#e7dfcb;--ns-hand:'Bradley Hand','Marker Felt','Chalkboard SE','Comic Sans MS',cursive;--ns-sans:'Inter','Helvetica Neue',-apple-system,system-ui,sans-serif}
.ns-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--ns-paper);border-bottom:1px solid var(--ns-rule);font:14px/1.5 var(--ns-sans)}
.ns-brand{font:24px/1.3 var(--ns-hand);white-space:nowrap}.ns-nav a,.ns-footer a{color:var(--ns-ink);text-decoration:none}.ns-links{display:flex;gap:24px;align-items:center}.ns-links a{padding:9px 0;border-bottom:2px solid transparent}.ns-links a[aria-current=page]{border-color:var(--ns-coral)}.ns-nav a:hover,.ns-footer a:hover{color:var(--ns-coral)}
.ns-skip{position:fixed;left:12px;top:-100px;z-index:200;padding:12px;background:var(--ns-paper);color:var(--ns-ink)}.ns-skip:focus{top:8px}.ns-nav a:focus-visible,.ns-footer a:focus-visible{outline:2px solid var(--ns-coral);outline-offset:4px}
.ns-footer{border-top:1px solid var(--ns-rule);padding:26px 24px;margin-top:64px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:13px/1.7 var(--ns-sans);color:var(--ns-muted)}.ns-footer div{display:flex;gap:20px;flex-wrap:wrap}
.ns-editorial{margin:0;background:var(--ns-paper);color:var(--ns-ink);font:18px/1.75 Georgia,serif}.ns-page{max-width:760px;margin:auto;padding:56px 24px 24px}.ns-page h1{font:48px/1.15 var(--ns-hand);margin:0 0 22px}.ns-page h2{font:30px/1.25 var(--ns-hand);margin:36px 0 12px}.ns-page p{max-width:60ch}.ns-page .lead{font-size:23px;line-height:1.5;color:#46433c}.ns-page a{color:var(--ns-coral)}.ns-page .eyebrow{font:12px/1.5 var(--ns-sans);letter-spacing:1.8px;text-transform:uppercase;color:var(--ns-muted);margin:0 0 16px}.ns-step{padding:22px 0;border-top:1px solid var(--ns-rule)}.ns-step h2{margin:0 0 10px}.ns-step p{margin:0}.ns-next{border-top:1px solid var(--ns-rule);padding-top:22px;margin-top:36px}.ns-page img{display:block;width:100%;height:auto;max-width:480px;margin:24px auto}.ns-related{padding:20px 0;border-top:1px solid var(--ns-rule);margin-top:32px}
[hidden]{display:none!important}
@media(max-width:600px){.ns-nav{flex-direction:column;gap:3px;padding:10px 16px 6px}.ns-links{gap:20px;font-size:13px}.ns-page{padding:32px 20px 16px}.ns-page h1{font-size:38px}.ns-page .lead{font-size:21px}.ns-footer{padding:22px 20px}.ns-footer div{gap:16px}}

/* The standalone explainer formerly centered body children in a flex row. */
body.ns-explainer{display:block}
body.ns-explainer > main.wrap{margin-left:auto;margin-right:auto}
/* Reading content remains visible before scripts and reveal observers run. */
body.ns-explainer .fx{opacity:1;transform:none;transition:none}