@font-face{font-family:"Be Vietnam Pro";font-style:italic;font-weight:400;font-display:swap;src:url(/nen/be-vietnam-pro-latin-400-italic.668540ac940c2681.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/nen/be-vietnam-pro-latin-400-normal.f0b6a7f203cf4677.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/nen/be-vietnam-pro-latin-700-normal.43ca4c30c4b4e3d7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Be Vietnam Pro";font-style:italic;font-weight:400;font-display:swap;src:url(/nen/be-vietnam-pro-vietnamese-400-italic.8eec3a56ad7c1cf2.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/nen/be-vietnam-pro-vietnamese-400-normal.e1ce53bc62dba4f5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/nen/be-vietnam-pro-vietnamese-700-normal.6111a1b3ddef040f.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space--1-5:-8px;--space--1:-6px;--space--0-5:-2px;--space-0-25:1px;--space-0-5:2px;--space-1-5:6px;--space-2-5:10px;--space-rung-5:5px;--space-rung-7:7px;--space-rung-9:9px;--space-rung-11:11px;--space-rung-13:13px;--space-rung-14:14px;--space-hair:2px;--space-tight:5px;--space-chip-gap:6px;--space-row-gap:7px;--space-cell-gap:8px;--space-list-gap:9px;--space-item-gap:10px;--space-card-gutter:11px;--space-section-gap:12px;--space-row-inset:13px;--space-group-gap:14px;--space-block-gap:16px;--space-true:4px;--radius-0:0px;--radius-1:6px;--radius-2:8px;--radius-3:10px;--radius-4:14px;--radius-5:20px;--radius-6:9999px;--radius-0-75:3px;--radius-2-5:9px;--radius-3-5:11px;--radius-3-75:12px;--radius-4-5:16px;--radius-4-75:18px;--radius-rung-7:7px;--radius-rung-13:13px;--radius-track:3px;--radius-chip-inner:6px;--radius-field:7px;--radius-knob:8px;--radius-chip:9px;--radius-tile:10px;--radius-button:11px;--radius-card:13px;--radius-bubble:14px;--radius-input:16px;--radius-container:18px;--radius-sheet:20px;--radius-pill:9999px;--radius-circle:50px;--radius-true:10px;--font-body-size-0-25:9px;--font-body-size-0-5:10px;--font-body-size-1:11px;--font-body-size-2:12px;--font-body-size-3:13px;--font-body-size-3-5:14px;--font-body-size-3-75:15px;--font-body-size-4:16px;--font-body-size-5:18px;--font-body-size-6:22px;--font-body-size-6-5:25px;--font-body-size-7:28px;--font-body-size-8:36px;--font-body-size-9:48px;--font-body-size-rung-8-5:8.5px;--font-body-size-rung-9-5:9.5px;--font-body-size-rung-10-5:10.5px;--font-body-size-rung-12-5:12.5px;--font-body-size-rung-13-5:13.5px;--font-body-size-micro:8.5px;--font-body-size-eyebrow:9px;--font-body-size-pct:9.5px;--font-body-size-badge:10px;--font-body-size-micro-label:10.5px;--font-body-size-meta:11px;--font-body-size-meta-small:12px;--font-body-size-caption:12.5px;--font-body-size-body:13px;--font-body-size-name:13.5px;--font-body-size-label:14px;--font-body-size-field:15px;--font-body-size-input:16px;--font-body-size-wordmark:17px;--font-body-size-logo:18px;--font-body-size-sheet-title:19px;--font-body-size-hero-title:22px;--font-body-size-greeting:25px;--font-body-size-true:13px;--font-body-size-prose:17px;--font-body-size-prose-lead:19px;--font-body-size-page-title:38px;--font-body-size-section-title:23px;--font-body-size-sub-title:17px;--font-body-size-nav:15px;--font-body-size-control:13px;--font-family-body:Be Vietnam Pro, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;--font-family-mono:JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--theme-color:#16181D;--theme-color-dim:#656C7C;--theme-background:#F7F8FB;--theme-background-grouped:#F2F3F7;--theme-border-color:#E3E5EB;--theme-accent:#5560E8;--theme-accent-hover:#4952E0;--theme-on-accent:#FFFFFF;--theme-accent-text:#4D58E3;--theme-elevation-shadow-1:0 1px 2px rgba(16,24,40,0.06), 0 1px 3px rgba(16,24,40,0.10);--theme-elevation-shadow-2:0 1px 2px rgba(16,24,40,0.06), 0 4px 8px -2px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.06);--theme-elevation-shadow-3:0 4px 6px -2px rgba(16,24,40,0.05), 0 12px 16px -4px rgba(16,24,40,0.10);--theme-error:#C93A3A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--theme-color:#D5DAE2;--theme-color-dim:#7A828F;--theme-background:#101114;--theme-background-grouped:#0B0C0E;--theme-border-color:#2D323B;--theme-accent:#5964F0;--theme-accent-hover:#4952E0;--theme-on-accent:#FFFFFF;--theme-accent-text:#AEB4FF;--theme-elevation-shadow-1:0 1px 2px rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.20);--theme-elevation-shadow-2:0 2px 6px rgba(0,0,0,0.18), 0 1px 2px rgba(0,0,0,0.14);--theme-elevation-shadow-3:0 8px 20px -6px rgba(0,0,0,0.24), 0 2px 6px -2px rgba(0,0,0,0.18);--theme-error:#FF6B6B}}
:root[data-theme="dark"]{--theme-color:#D5DAE2;--theme-color-dim:#7A828F;--theme-background:#101114;--theme-background-grouped:#0B0C0E;--theme-border-color:#2D323B;--theme-accent:#5964F0;--theme-accent-hover:#4952E0;--theme-on-accent:#FFFFFF;--theme-accent-text:#AEB4FF;--theme-elevation-shadow-1:0 1px 2px rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.20);--theme-elevation-shadow-2:0 2px 6px rgba(0,0,0,0.18), 0 1px 2px rgba(0,0,0,0.14);--theme-elevation-shadow-3:0 8px 20px -6px rgba(0,0,0,0.24), 0 2px 6px -2px rgba(0,0,0,0.18);--theme-error:#FF6B6B}
/* nen-base -- THE PUBLIC TIER. Every value a component below spends is named here, and
   every colour is DERIVED from the theme roles (--theme-*), so a brand, a tenant row and the
   reader's own scheme all still win. The app dictionary's scale is for dense screens; a page
   that is read needs a display scale and a rhythm of its own -- BK-V3-DECISION-PUBLIC-SITE-
   FOUR-LAYERS QD-9.
   `:root:is(html)` and not `:root`: one step more specific than the dictionary, so the public
   tier's elevation wins over the app's, and never spelled as the bare root rule, which is how
   the ladder's own laws find the rung a deployment wrote. */
:root:is(html){
--nen-ink:var(--theme-color);
--nen-ink-2:color-mix(in oklab,var(--theme-color) 80%,var(--theme-background));
--nen-ink-3:var(--theme-color-dim);
--nen-paper:var(--theme-background);
--nen-paper-2:var(--theme-background-grouped);
--nen-line:var(--theme-border-color);
--nen-line-soft:color-mix(in oklab,var(--theme-border-color) 55%,var(--theme-background));
--nen-accent:var(--theme-accent);
--nen-on-accent:var(--theme-on-accent);
--nen-accent-soft:color-mix(in oklab,var(--theme-accent) 10%,var(--theme-background));
--nen-accent-line:color-mix(in oklab,var(--theme-accent) 40%,var(--theme-background));
--nen-font:var(--font-display,var(--font-family-body));
--font-nen-xs:.8125rem;
--font-nen-sm:.875rem;
--font-nen-md:1rem;
--font-nen-lg:1.125rem;
--font-nen-xl:clamp(1.1875rem,1.1rem + .35vw,1.375rem);
--font-nen-title:clamp(1.375rem,1.2rem + .7vw,1.75rem);
--font-nen-display-s:clamp(1.75rem,1.45rem + 1.2vw,2.5rem);
--font-nen-section:clamp(2rem,1.45rem + 1.7vw,3rem);
--font-nen-display-m:clamp(2.125rem,1.6rem + 2.2vw,3.5rem);
--font-nen-display-split:clamp(2.5rem,1.6rem + 2.8vw,3.75rem);
--font-nen-display-l:clamp(2.625rem,1.8rem + 3.4vw,4.5rem);
--nen-lh-tight:1.06;
--nen-lh-snug:1.25;
--nen-lh-body:1.7;
--nen-track-tight:-.035em;
--nen-track-snug:-.02em;
--nen-track-wide:.09em;
--nen-gutter:max(clamp(1.25rem,.6rem + 2.6vw,2.5rem),env(safe-area-inset-left),env(safe-area-inset-right));
--nen-frame:var(--frame,72rem);
--nen-edge:max(var(--nen-gutter),(100% - var(--nen-frame))/2);
--nen-edge-wide:max(var(--nen-gutter),(100% - 84rem)/2);
--nen-section-s:clamp(3rem,2.2rem + 3vw,4.5rem);
--nen-section-m:clamp(4rem,2.6rem + 5.5vw,7rem);
--nen-section-l:clamp(5rem,3rem + 8vw,9rem);
--nen-stack-s:.75rem;
--nen-stack-m:1.25rem;
--nen-stack-l:2rem;
--nen-stack-xl:3.5rem;
--nen-r-s:.625rem;
--nen-r-m:1rem;
--nen-r-l:1.5rem;
--nen-r-pill:999px;
--theme-elevation-shadow-1:0 1px 2px rgb(16 24 40/.05);
--theme-elevation-shadow-2:0 1px 2px rgb(16 24 40/.04),0 12px 32px -12px rgb(16 24 40/.16);
--theme-elevation-shadow-3:0 2px 6px rgb(16 24 40/.05),0 32px 64px -24px rgb(16 24 40/.28);
--nen-ring:color-mix(in oklab,var(--theme-accent) 35%,transparent);
--nen-ease:cubic-bezier(.2,.7,.2,1);
/* the finish a premium page reaches for, each still spent from the roles above: a hairline
   and a focus ring, an accent glow (a depth, so an elevation), gradient stops, motion, and
   the face numbers are set in. A module's own token is `--nen-<module>-*` and spends these. */
--nen-hairline:1px solid var(--nen-line);
--nen-hairline-soft:1px solid var(--nen-line-soft);
--theme-elevation-ring:0 0 0 3px var(--nen-ring);
--theme-elevation-glow:0 0 0 1px var(--nen-accent-line),0 18px 48px -18px color-mix(in oklab,var(--theme-accent) 50%,transparent);
--nen-grad-from:var(--nen-accent);
--nen-grad-via:color-mix(in oklab,var(--theme-accent) 45%,var(--theme-background));
--nen-grad-to:var(--nen-paper-2);
--nen-dur-fast:.15s;
--nen-dur:.25s;
--nen-dur-slow:.45s;
--nen-ease-in-out:cubic-bezier(.65,0,.35,1);
--nen-stagger:60ms;
--nen-rise:.75rem;
--nen-press:.97;
--nen-tap:2.75rem;
--nen-font-numeric:var(--font-numeric,var(--nen-font));
--nen-numeric:tabular-nums lining-nums;
--nen-header-h:4.5rem;
/* the steps the rules above did not find on the dictionary's scale, named by their size */
--font-nen-2xs:.6875rem;
--font-nen-nav:.9375rem;
--font-nen-brand:1.0625rem;
--font-nen-icon:1.25rem;
--font-nen-icon-l:1.5rem;
--font-nen-glyph:4.5rem;
--font-nen-code:.9em;
--nen-em-10:0.1em;
--nen-em-100:1em;
--nen-em-135:1.35em;
--nen-em-175:1.75em;
--nen-em-200:2em;
--nen-em-225:2.25em;
--nen-em-25:0.25em;
--nen-em-250:2.5em;
--nen-em-35:0.35em;
--nen-em-50:0.5em;
--nen-em-75:0.75em;
--nen-s-14:0.875rem;
--nen-s-18:1.125rem;
--nen-s-22:1.375rem;
--nen-s-28:1.75rem;
--nen-s-36:2.25rem;
--nen-s-48:3rem;
--nen-s-64:4rem;
--nen-s-68:4.25rem;
--nen-s-72:4.5rem;
--nen-s-80:5rem;
--nen-s-96:6rem;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--theme-elevation-shadow-1:0 1px 2px rgb(0 0 0/.4);--theme-elevation-shadow-2:0 1px 2px rgb(0 0 0/.4),0 12px 32px -12px rgb(0 0 0/.6);--theme-elevation-shadow-3:0 2px 6px rgb(0 0 0/.45),0 32px 64px -24px rgb(0 0 0/.75)}}
:root[data-theme=dark]{--theme-elevation-shadow-1:0 1px 2px rgb(0 0 0/.4);--theme-elevation-shadow-2:0 1px 2px rgb(0 0 0/.4),0 12px 32px -12px rgb(0 0 0/.6);--theme-elevation-shadow-3:0 2px 6px rgb(0 0 0/.45),0 32px 64px -24px rgb(0 0 0/.75)}
/* nen-base -- the page itself: type, links, the one primary action, focus. */
html{color-scheme:light dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
body{margin:0;font:400 var(--font-nen-md)/var(--nen-lh-body) var(--font-family-body);color:var(--nen-ink);background:var(--nen-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:grid;grid-template-columns:auto minmax(0,1fr) auto}
body>*{grid-column:1/-1}
body>main{grid-column:2}
.nen-aside-start{grid-column:1}
.nen-aside-end{grid-column:3}
.nen-aside{padding:var(--nen-stack-l) var(--nen-gutter);min-width:0}
@media(max-width:800px){body{grid-template-columns:minmax(0,1fr)}body>*,body>main,.nen-aside-start,.nen-aside-end{grid-column:1}}
main{max-width:none;margin:0;padding:0;min-width:0}
main :is(h1,h2,h3,h4){font-family:var(--nen-font);color:var(--nen-ink);text-wrap:balance}
main h1{font-size:var(--font-nen-display-l);font-weight:700;line-height:var(--nen-lh-tight);letter-spacing:var(--nen-track-tight);margin:0 0 var(--nen-stack-m)}
main h2{font-size:var(--font-nen-section);font-weight:700;line-height:1.1;letter-spacing:var(--nen-track-tight);margin:0 0 var(--nen-stack-s)}
main h3{font-size:var(--font-nen-xl);font-weight:650;line-height:var(--nen-lh-snug);letter-spacing:-.015em;margin:0 0 var(--space-2)}
main p{margin:0 0 var(--nen-em-100)}
main a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--nen-accent-line)}
main a:hover{text-decoration-color:currentColor}
main img{max-width:100%;height:auto}
.nen-lede{color:var(--nen-ink-3);font-size:var(--font-nen-lg);line-height:1.6;margin:0 0 var(--nen-stack-m);text-wrap:pretty;max-width:38rem}
.nen-eyebrow{margin:0 0 var(--nen-stack-s);font-size:var(--font-nen-xs);font-weight:600;letter-spacing:var(--nen-track-wide);text-transform:uppercase;color:var(--nen-accent)}
.nen-eyebrow a{color:inherit;text-decoration:none}
.nen-eyebrow a:hover{text-decoration:underline}
.nen-action,main a.nen-action{display:inline-flex;align-items:center;gap:var(--space-2-5);min-height:3.25rem;margin-top:var(--nen-stack-l);padding:0 var(--nen-s-28);border-radius:var(--nen-r-pill);background:var(--nen-accent);color:var(--nen-on-accent);font-size:var(--font-nen-md);font-weight:600;letter-spacing:-.005em;text-decoration:none;box-shadow:var(--theme-elevation-shadow-2);transition:transform .2s var(--nen-ease),box-shadow .2s var(--nen-ease)}
.nen-action::after{content:'→';transition:transform .2s var(--nen-ease)}
.nen-action:hover{box-shadow:var(--theme-elevation-shadow-3)}
.nen-action:hover::after{transform:translateX(3px)}
.nen-action:active{transform:translateY(1px)}
hr{border:0;border-top:1px solid var(--nen-line);margin:var(--nen-stack-xl) 0}
:focus-visible{outline:2px solid var(--nen-accent);outline-offset:3px;border-radius:var(--nen-r-s)}
::selection{background:var(--nen-accent);color:var(--nen-on-accent)}
:target,main h2,main h3{scroll-margin-top:calc(var(--nen-header-h) + var(--space-6))}
a,button,summary{transition:color .15s,background-color .15s,border-color .15s}
.nen-mark{height:1.75rem;width:auto;display:block;flex:none}
.nen-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.nen-missing,.nen-stale{padding:var(--space-3);border:1px dashed currentColor;border-radius:var(--nen-r-s);opacity:.75;font-size:var(--font-nen-sm)}
.nen-banner{padding:var(--space-2-5) var(--nen-gutter);background:var(--nen-ink);color:var(--nen-paper);text-align:center;font-size:var(--font-nen-sm)}
.nen-banner a{color:inherit}
.nen-when-light,.nen-when-dark{display:none}
.nen-lang-glyph{width:1rem;height:1rem}
.nen-lang-now{white-space:nowrap}
.nen-count,.nen-rail-count,.nen-when,main time{font-variant-numeric:tabular-nums}
@keyframes nen-spin{to{transform:rotate(1turn)}}
/* nen-base -- THE FRAME: header, navigation, language, theme, sign-in, drawer, tabs, crumbs,
   footer. Behaviour (popover drawer, hover menus, many-language panel) is unchanged from the
   LAYOUT it replaces; only the look moved. */
header.nen-site{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-2) var(--space-6);min-height:var(--nen-header-h);padding:0 var(--nen-edge-wide);box-sizing:border-box;background:color-mix(in oklab,var(--nen-paper) 86%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--nen-line-soft)}
header.nen-site a{color:var(--nen-ink);text-decoration:none}
header.nen-site>a[rel=home]{display:inline-flex;align-items:center;gap:var(--space-2-5);flex:0 0 auto;white-space:nowrap;font-weight:700;font-size:var(--font-nen-brand);letter-spacing:-.015em}
.nen-nav{margin-right:auto;min-width:0;flex:0 1 auto}
.nen-nav ul{display:flex;flex-wrap:nowrap;align-items:center;gap:0 2px;list-style:none;margin:0;padding:0}
.nen-nav li{position:relative}
header.nen-site .nen-nav a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--nen-r-pill);font-weight:500;font-size:var(--font-nen-nav);color:var(--nen-ink-2);white-space:nowrap}
header.nen-site .nen-nav a:hover,header.nen-site .nen-nav a:focus-visible{color:var(--nen-ink);background:var(--nen-paper-2)}
header.nen-site .nen-nav a[aria-current]{color:var(--nen-ink);font-weight:600}
@media(min-width:801px){.nen-nav>ul:has(>li:nth-child(6)) a{padding-inline:var(--space-2)}}
.nen-nav .nen-has>a::after{content:'';display:inline-block;width:.38em;height:.38em;margin-left:var(--nen-em-50);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.22em) rotate(45deg);opacity:.55}
.nen-nav .nen-has>ul{display:none;position:absolute;top:calc(100% + var(--space-2));left:0;z-index:20;min-width:15rem;flex-direction:column;align-items:stretch;gap:2px;padding:var(--space-2);background:var(--nen-paper);border:1px solid var(--nen-line-soft);border-radius:var(--nen-r-m);box-shadow:var(--theme-elevation-shadow-3)}
.nen-nav .nen-has>ul::before{content:'';position:absolute;left:0;right:0;top:calc(var(--space-3) * -1);height:.75rem}
header.nen-site .nen-nav .nen-has>ul a{padding:var(--space-2-5) var(--nen-s-14);border-radius:var(--nen-r-s);color:var(--nen-ink)}
.nen-nav .nen-has:hover>ul,.nen-nav .nen-has:focus-within>ul{display:flex}
.nen-nav .nen-wide:hover>ul,.nen-nav .nen-wide:focus-within>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:26rem}
nen-fold{position:relative;display:flex;align-items:center;flex:none}
nen-fold[hidden]{display:none}
.nen-fold>summary{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--nen-r-pill);font-weight:500;font-size:var(--font-nen-nav);color:var(--nen-ink-2);white-space:nowrap;cursor:pointer;list-style:none}
.nen-fold>summary::-webkit-details-marker{display:none}
.nen-fold>summary::after{content:'';display:inline-block;width:.38em;height:.38em;margin-left:var(--nen-em-50);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.22em) rotate(45deg);opacity:.55}
.nen-fold>summary:hover,.nen-fold[open]>summary{color:var(--nen-ink);background:var(--nen-paper-2)}
.nen-fold>ul{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:15rem;margin:0;padding:var(--space-2);list-style:none;background:var(--nen-paper);border:1px solid var(--nen-line-soft);border-radius:var(--nen-r-m);box-shadow:var(--theme-elevation-shadow-3)}
header.nen-site .nen-fold a{display:block;padding:var(--space-2-5) var(--nen-s-14);border-radius:var(--nen-r-s);color:var(--nen-ink);font-weight:500;white-space:nowrap}
header.nen-site .nen-fold a:hover{background:var(--nen-paper-2)}
.nen-fold .nen-has>ul{display:none}
.nen-langs{flex:0 0 auto;margin-inline-start:auto}
.nen-langs ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:2px;border-radius:var(--nen-r-pill);background:var(--nen-paper-2)}
header.nen-site .nen-langs a{display:block;padding:var(--space-1) var(--space-3);border-radius:var(--nen-r-pill);color:var(--nen-ink-3);font-weight:600;font-size:var(--font-nen-sm);line-height:1.4}
header.nen-site .nen-langs a:hover{color:var(--nen-ink)}
header.nen-site .nen-langs a.is-now{background:var(--nen-paper);color:var(--nen-ink);box-shadow:var(--theme-elevation-shadow-1)}
header.nen-site>.nen-langs:not(.nen-langs-many) a{padding-inline:var(--space-2-5)}
header.nen-site>.nen-langs:not(.nen-langs-many) .nen-lang-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
header.nen-site>.nen-langs:not(.nen-langs-many) a::after{content:attr(hreflang);text-transform:uppercase;letter-spacing:.02em}
.nen-langs-many details{position:relative}
.nen-langs-many summary{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--nen-s-14);list-style:none;cursor:pointer;border-radius:var(--nen-r-pill);background:var(--nen-paper-2);color:var(--nen-ink-2);font-weight:600;font-size:var(--font-nen-sm)}
.nen-langs-many summary::-webkit-details-marker{display:none}
.nen-langs-many summary::after{content:'▾';opacity:.6}
.nen-langs-panel{position:absolute;right:0;top:100%;z-index:40;margin:0;margin-top:var(--space-1-5);padding:var(--space-2);min-width:14rem;max-width:min(20rem,calc(100vw - 2rem));max-height:min(24rem,70vh);overflow-y:auto;background:var(--nen-paper);border:1px solid var(--nen-line-soft);border-radius:var(--nen-r-m);box-shadow:var(--theme-elevation-shadow-3)}
.nen-langs.nen-langs-many ul{display:block;margin:0;padding:0;border:0;border-radius:0;background:none}
.nen-langs-many li[hidden]{display:none}
header.nen-site .nen-langs-many a,.nen-langs-many a{display:flex;justify-content:space-between;gap:var(--space-3);border-radius:var(--nen-r-s);padding:var(--space-2) var(--space-3);box-shadow:none}
.nen-langs-many a::after{content:attr(hreflang);color:var(--nen-ink-3);text-transform:uppercase;font-size:var(--font-nen-xs)}
.nen-langs-find{display:block;width:100%;box-sizing:border-box;margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-nen-sm);border:1px solid var(--nen-line);border-radius:var(--nen-r-s);background:var(--nen-paper);color:var(--nen-ink)}
.nen-langs-find[hidden]{display:none}
.nen-theme{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:var(--nen-r-pill);background:transparent;color:var(--nen-ink-2);cursor:pointer}
.nen-theme:hover{background:var(--nen-paper-2);color:var(--nen-ink)}
.nen-theme[hidden]{display:none}
.nen-theme svg{width:1.25rem;height:1.25rem}
.nen-theme[data-now=light] .nen-when-system,.nen-theme[data-now=dark] .nen-when-system{display:none}
.nen-theme[data-now=light] .nen-when-light,.nen-theme[data-now=dark] .nen-when-dark{display:block}
.nen-signin{flex:0 0 auto;white-space:nowrap}
header.nen-site .nen-signin{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--nen-s-18);border-radius:var(--nen-r-pill);background:var(--nen-ink);color:var(--nen-paper);font-weight:600;font-size:var(--font-nen-sm)}
header.nen-site .nen-signin:hover{background:color-mix(in oklab,var(--nen-ink) 84%,var(--nen-paper))}
.nen-langs~.nen-signin{margin-inline-start:var(--space-1)}
.nen-menu-open,.nen-drawer-close{display:none}
.nen-drawer{display:block;position:static;inset:auto;width:auto;height:auto;margin:0;margin-right:auto;padding:0;border:0;overflow:visible;color:inherit;background:none}
.nen-drawer .nen-langs,.nen-drawer-head,header.nen-site .nen-drawer .nen-signin{display:none}
.nen-tabs{display:none}
@media(max-width:1180px){
header.nen-site{gap:var(--space-2);padding-inline:var(--nen-gutter);min-height:3.75rem}
header.nen-site>a[rel=home]{margin-right:auto;font-size:var(--font-nen-md)}
header.nen-site .nen-menu-open{display:inline-flex;align-items:center;justify-content:center;order:-1;flex:0 0 auto;width:2.5rem;height:2.5rem;margin-left:calc(var(--space-2) * -1);padding:0;border:0;border-radius:var(--nen-r-pill);background:none;color:var(--nen-ink);cursor:pointer}
.nen-burger,.nen-burger::before,.nen-burger::after{display:block;width:1.25rem;height:2px;border-radius:2px;background:currentColor}
.nen-burger{position:relative}
.nen-burger::before,.nen-burger::after{content:'';position:absolute;left:0}
.nen-burger::before{top:-6px}
.nen-burger::after{top:6px}
header.nen-site:has(>.nen-menu-open)>.nen-langs,header.nen-site:has(>.nen-menu-open)>.nen-signin{display:none}
header.nen-site .nen-theme{order:1}
header.nen-site .nen-nav:not(.nen-drawer){order:2;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,currentColor calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,currentColor calc(100% - 1.5rem),transparent)}
.nen-nav:not(.nen-drawer) ul{flex-wrap:nowrap}
.nen-nav.nen-drawer:not(:popover-open){display:none}
.nen-nav.nen-drawer:popover-open{display:flex;flex-direction:column;gap:var(--space-5);position:fixed;inset:0 auto 0 0;width:min(22rem,calc(100% - 3rem));height:100%;max-height:none;margin:0;padding:var(--space-4) var(--space-5) var(--space-5);overflow:hidden auto;box-sizing:border-box;border:0;background:var(--nen-paper);color:var(--nen-ink);box-shadow:var(--theme-elevation-shadow-3)}
.nen-drawer::backdrop{background:color-mix(in srgb,var(--theme-color) 40%,transparent)}
.nen-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--nen-line-soft)}
.nen-drawer-title{font-weight:700;font-size:var(--font-nen-lg)}
.nen-drawer-close{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:var(--nen-r-pill);background:var(--nen-paper-2);color:var(--nen-ink);cursor:pointer}
.nen-drawer-close::before{content:'×';font-size:var(--font-nen-icon-l);line-height:1}
.nen-nav.nen-drawer ul{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:2px;white-space:normal}
.nen-nav.nen-drawer li{flex:none}
header.nen-site .nen-nav.nen-drawer a{display:block;padding:var(--space-3);border-radius:var(--nen-r-s);font-size:var(--font-nen-lg);font-weight:600;color:var(--nen-ink);white-space:normal}
header.nen-site .nen-nav.nen-drawer a:hover{background:var(--nen-paper-2)}
.nen-nav.nen-drawer .nen-has{display:block}
.nen-nav.nen-drawer .nen-has>a::after{display:none}
.nen-nav.nen-drawer .nen-has>ul,.nen-nav.nen-drawer .nen-wide>ul,.nen-nav.nen-drawer .nen-wide:hover>ul{display:flex;position:static;flex-direction:column;min-width:0;padding:0 0 var(--space-1) var(--space-3);gap:0;box-shadow:none;background:none;border:0}
header.nen-site .nen-nav.nen-drawer .nen-has>ul a{font-size:var(--font-nen-md);font-weight:500;color:var(--nen-ink-2)}
.nen-drawer .nen-langs{display:block;margin:0;padding-top:var(--space-4);border-top:1px solid var(--nen-line-soft)}
.nen-drawer .nen-langs ul{display:inline-flex;flex-wrap:wrap}
header.nen-site .nen-drawer .nen-langs .nen-lang-name{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
header.nen-site .nen-drawer .nen-langs a::after{content:none}
.nen-drawer .nen-langs-panel{position:static;box-shadow:none;max-height:none;max-width:none}
header.nen-site .nen-nav.nen-drawer .nen-signin{display:flex;justify-content:center;align-items:center;margin:auto 0 0;min-height:3rem;padding:0 var(--space-4);border-radius:var(--nen-r-pill);background:var(--nen-ink);color:var(--nen-paper);font-size:var(--font-nen-md)}
header.nen-site .nen-langs a{padding-inline:var(--space-2-5)}
header.nen-site .nen-langs .nen-lang-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
header.nen-site .nen-langs a::after{content:attr(hreflang);text-transform:uppercase;letter-spacing:.02em}
}
@media(min-width:801px) and (max-width:1180px){header.nen-site:has(>.nen-menu-open)>.nen-signin{display:inline-flex;order:2}}
@media(min-width:1181px) and (max-width:1360px){header.nen-site:has(.nen-nav>ul>li:nth-child(6)){gap:var(--space-2) var(--space-4)}header.nen-site .nen-nav>ul:has(>li:nth-child(6))>li>a{font-size:var(--font-nen-sm)}}
@media(min-width:1181px) and (max-width:1250px){header.nen-site:has(.nen-nav>ul>li:nth-child(6)){flex-wrap:wrap;padding-top:var(--space-2)}header.nen-site:has(.nen-nav>ul>li:nth-child(6))>a[rel=home]{margin-right:auto}header.nen-site>.nen-nav:has(>ul>li:nth-child(6)){order:2;flex:1 1 100%;margin:0 0 var(--space-2) calc(var(--space-2) * -1)}}
@media(min-width:1181px) and (max-width:1250px){header.nen-site>nen-fold{order:2}header.nen-site:has(>nen-fold:not([hidden]))>.nen-nav:has(>ul>li:nth-child(6)){flex-basis:calc(100% - var(--nen-s-96))}}
@media(max-width:800px){
.nen-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--space-1-5) var(--space-2) max(var(--space-1-5),env(safe-area-inset-bottom));background:color-mix(in oklab,var(--nen-paper) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid var(--nen-line-soft);text-align:center}
.nen-tab{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1-5) 0;border:0;background:none;color:var(--nen-ink-3);font:inherit;font-size:var(--font-nen-2xs);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nen-tab[aria-current=page]{color:var(--nen-accent)}
.nen-tab-glyph{width:1.5rem;height:1.5rem}
body:has(.nen-tabs){padding-bottom:calc(var(--nen-s-68) + env(safe-area-inset-bottom))}
}
.nen-crumbs{margin:0;padding:var(--space-6) var(--nen-edge) 0;font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
.nen-crumbs a{color:var(--nen-ink-3);text-decoration:none}
.nen-crumbs a:hover{color:var(--nen-ink);text-decoration:underline}
.nen-crumbs>a+span{margin-inline:var(--space-1-5);opacity:.5}
.nen-crumbs>span:last-child{color:var(--nen-ink-2)}
main>.nen-crumbs{padding-inline:var(--nen-edge);background:none}
main .nen-crumbs{padding:0;margin:0 0 var(--space-6)}
footer.nen-site{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) minmax(0,1.1fr);gap:var(--space-8) var(--nen-s-64);align-items:start;padding:var(--nen-section-s) var(--nen-edge) var(--space-7);background:var(--nen-paper-2);border-top:1px solid var(--nen-line-soft)}
footer.nen-site a{color:var(--nen-ink);text-decoration:none}
footer.nen-site>.nen-footer-brand{grid-column:1;grid-row:1}
.nen-footer-brand a[rel=home]{display:inline-flex;align-items:center;gap:var(--space-2-5);white-space:nowrap;font-size:var(--font-nen-brand);font-weight:700;letter-spacing:-.015em}
.nen-footer-brand p{color:var(--nen-ink-3);margin:var(--space-4) 0 0;max-width:22rem;font-size:var(--font-nen-sm);line-height:1.6}
footer.nen-site>.nen-nav-footer{grid-column:2;grid-row:1;margin:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
footer.nen-site>.nen-nav-footer ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-7);white-space:normal}
footer.nen-site>.nen-nav-footer li{line-height:1.45}
footer.nen-site .nen-nav a{display:inline;padding:0;color:var(--nen-ink-3);font-weight:500;font-size:var(--font-nen-sm)}
footer.nen-site .nen-nav a:hover,footer.nen-site .nen-nav a:focus-visible{color:var(--nen-ink);text-decoration:underline}
footer.nen-site>.nen-contact{grid-column:3;grid-row:1;margin:0}
.nen-contact h2{font-size:var(--font-nen-md);font-weight:650;margin:0 0 var(--space-2);letter-spacing:-.01em}
.nen-contact p{color:var(--nen-ink-3);font-size:var(--font-nen-sm);line-height:1.6;margin:0}
footer.nen-site a.nen-contact-link,.nen-contact-link{display:inline-flex;align-items:center;gap:var(--space-1-5);margin-top:var(--nen-s-14);font-weight:600;font-size:var(--font-nen-sm);color:var(--nen-accent)}
.nen-contact-link::after{content:'→'}
.nen-contact-link:hover{text-decoration:underline}
footer.nen-site .nen-form{max-width:none;margin:0}
footer.nen-site>nen-form{display:block;grid-column:1/3;grid-row:2;min-width:0;max-width:28rem}
footer.nen-site .nen-form[data-nen-form=contact]{grid-column:3}
footer.nen-site .nen-form[data-nen-form=subscribe]{grid-column:1/3;grid-row:2;align-self:start;width:100%;max-width:28rem;display:grid;grid-template-columns:minmax(10rem,1fr) auto;gap:var(--space-2)}
footer.nen-site .nen-form[data-nen-form=subscribe] button{padding-inline:var(--space-5);white-space:nowrap}
footer.nen-site .nen-form[data-nen-form=subscribe]>label{grid-column:1/-1;margin:0}
footer.nen-site .nen-form[data-nen-form=subscribe]>input{grid-column:1;grid-row:2}
footer.nen-site .nen-form[data-nen-form=subscribe]>button{grid-column:2;grid-row:2;margin:0}
footer.nen-site .nen-form[data-nen-form=subscribe]>p{grid-column:1/-1}
footer.nen-site>.nen-colophon{grid-column:1/-1;margin:var(--space-4) 0 0;padding-top:var(--space-6);border-top:1px solid var(--nen-line-soft)}
.nen-colophon{color:var(--nen-ink-3);font-size:var(--font-nen-xs)}
.nen-end{padding:0 var(--nen-edge) var(--space-6);background:var(--nen-paper-2);text-align:right}
.nen-top{color:var(--nen-ink-3);text-decoration:none;font-size:var(--font-nen-xs)}
.nen-top:hover{color:var(--nen-ink)}
@media(max-width:800px){footer.nen-site{grid-template-columns:minmax(0,1fr);gap:var(--space-7);padding-top:var(--nen-s-48)}footer.nen-site>.nen-footer-brand,footer.nen-site>.nen-nav-footer,footer.nen-site>.nen-contact,footer.nen-site>.nen-colophon,footer.nen-site>nen-form,footer.nen-site .nen-form[data-nen-form=subscribe],footer.nen-site .nen-form[data-nen-form=contact]{grid-column:1;grid-row:auto;max-width:none}footer.nen-site>.nen-nav-footer{order:1}footer.nen-site>.nen-contact{order:2}footer.nen-site>:is(nen-form,.nen-form){order:3}footer.nen-site>.nen-colophon{order:4}footer.nen-site>.nen-nav-footer ul{align-items:start}}
/* nen-base -- THE BLOCKS a page is composed of. Rhythm comes from the block, not from its
   position: the old zebra (main>*:nth-child(even)) is gone, and a band is tinted because of
   what it holds or because the composer chose --nen-bg. */
main>[data-nen-block-path]{padding-inline:var(--nen-pad,var(--nen-edge))}
.nen-data-block{display:contents}
:where([data-nen-block-path]){padding:var(--nen-pad,revert);text-align:var(--nen-align,revert);background:var(--nen-bg,revert);max-width:var(--nen-w,revert)}
@media(max-width:1020px){:where([data-nen-block-path]){padding:var(--nen-pad-m,var(--nen-pad,revert));text-align:var(--nen-align-m,var(--nen-align,revert));background:var(--nen-bg-m,var(--nen-bg,revert));max-width:var(--nen-w-m,var(--nen-w,revert))}}
@media(max-width:800px){:where([data-nen-block-path]){padding:var(--nen-pad-s,var(--nen-pad-m,var(--nen-pad,revert)));text-align:var(--nen-align-s,var(--nen-align-m,var(--nen-align,revert)));background:var(--nen-bg-s,var(--nen-bg-m,var(--nen-bg,revert)));max-width:var(--nen-w-s,var(--nen-w-m,var(--nen-w,revert)))}}
main>:is(.nen-section,.nen-steps,.nen-faq,.nen-media,.nen-quote,.nen-prose,.nen-logos,.nen-form-block,.nen-figures){padding-block:calc(var(--nen-section-m) * .6)}
main>.nen-section:has(>.nen-steps),main>.nen-quote,main>[style*=--nen-bg]{padding-block:var(--nen-section-m);background:var(--nen-bg,var(--nen-paper-2))}
main>.nen-hero:has(.nen-hero-figure)+*,main>.nen-section:has(>.nen-steps)+*,main>.nen-quote+*{padding-top:var(--nen-section-m)}
main>.nen-hero:not(:has(.nen-hero-figure)){padding-bottom:calc(var(--nen-section-m) * .5)}
.nen-section{margin:0}
.nen-section>h2,.nen-steps>h2,.nen-faq>h2{max-width:22ch}
.nen-section>.nen-lede{max-width:40rem;margin-bottom:0}
.nen-section>.nen-eyebrow{margin:0 0 var(--space-4)}
.nen-hero{position:relative;isolation:isolate;margin:0}
main>.nen-hero{overflow-x:clip}
main>.nen-hero{padding-block:var(--nen-section-l) var(--nen-section-m)}
.nen-hero:has(.nen-hero-figure){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(var(--space-7),var(--space-4) + 4vw,var(--nen-s-80));align-items:center}
.nen-hero-words{min-width:0}
.nen-hero:has(.nen-hero-figure) h1{max-width:none;font-size:var(--font-nen-display-split)}
.nen-crumbs~main>.nen-hero:first-child{padding-top:var(--nen-section-m)}
.nen-hero h1{max-width:15ch}
.nen-hero p{color:var(--nen-ink-3);margin:var(--space-6) 0 0;font-size:var(--font-nen-xl);line-height:1.55;text-wrap:pretty;max-width:34rem}
.nen-hero .nen-action{margin-top:var(--nen-s-36);margin-inline-end:var(--space-3)}
.nen-hero p.nen-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);padding:var(--space-1-5) var(--nen-s-14);border:1px solid var(--nen-accent-line);border-radius:var(--nen-r-pill);background:var(--nen-paper);color:var(--nen-ink-2);font-size:var(--font-nen-sm);font-weight:600;letter-spacing:0;text-transform:none;line-height:1.4;max-width:none}
.nen-hero p.nen-eyebrow::before{content:'';width:.4rem;height:.4rem;border-radius:var(--nen-r-pill);background:var(--nen-accent)}
main>.nen-hero:not(:has(.nen-hero-figure))>.nen-action{margin-inline:var(--space-1-5)}
main a.nen-action.nen-action-quiet,.nen-action.nen-action-quiet{background:transparent;color:var(--nen-ink);border:1px solid var(--nen-line);box-shadow:none}
.nen-action.nen-action-quiet::after{content:none}
@media(max-width:600px){.nen-hero .nen-action.nen-action-quiet{margin-top:var(--space-3)}}
.nen-action.nen-action-quiet:hover{border-color:var(--nen-ink-3);background:var(--nen-paper);box-shadow:none}
.nen-hero-figure{position:relative;margin:0;min-width:0}
.nen-hero-figure::before{content:'';position:absolute;inset:-14% -10%;z-index:-1;background:radial-gradient(55% 55% at 60% 45%,var(--nen-accent-soft),transparent 72%)}
.nen-hero-figure img{display:block;width:100%;height:auto;border-radius:var(--nen-r-l);box-shadow:var(--theme-elevation-shadow-3);background:var(--nen-paper)}
@media(max-width:800px){.nen-hero:has(.nen-hero-figure){grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.nen-hero h1{max-width:none}}
main>.nen-hero:not(:has(.nen-hero-figure)){text-align:center;padding-block:var(--nen-section-m)}
main>.nen-hero:not(:has(.nen-hero-figure))>*{margin-inline:auto}
main>.nen-hero:not(:has(.nen-hero-figure))+.nen-prose{padding-top:0}
main>.nen-hero:not(:has(.nen-hero-figure))+.nen-prose>*{margin-inline:auto}
.nen-hero:not(:has(.nen-hero-figure)) h1{max-width:20ch}
.nen-columns{display:grid;grid-template-columns:repeat(var(--columns,1),minmax(0,1fr));gap:var(--space-5);align-items:stretch;margin:var(--nen-stack-xl) 0 0}
@media(max-width:900px){.nen-columns{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}
.nen-rows{padding-left:var(--space-5)}
.nen-card{box-sizing:border-box;height:100%;padding:var(--nen-pad,clamp(var(--space-6),var(--space-4) + 1.5vw,var(--nen-s-36)));border-radius:var(--nen-r-l);background:var(--nen-paper-2)}
.nen-card h3{font-size:var(--font-nen-xl);margin:0 0 var(--space-3);letter-spacing:-.018em}
.nen-card p{color:var(--nen-ink-2)}
.nen-card>*:last-child{margin-bottom:0}
main>.nen-card{height:auto;margin:var(--nen-section-s) var(--nen-edge);padding:var(--nen-pad,clamp(var(--space-6),var(--space-4) + 1.5vw,var(--nen-s-36)))}
.nen-card-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0 0 var(--space-5);border-radius:var(--nen-r-s);background:var(--nen-accent-soft);color:var(--nen-accent)}
.nen-card-icon svg{width:1.375rem;height:1.375rem}
.nen-card-figure{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0 0 var(--space-6);border-radius:var(--nen-r-m);background:var(--nen-paper)}
.nen-card:has(.nen-card-link){position:relative;transition:transform .25s var(--nen-ease),box-shadow .25s var(--nen-ease)}
.nen-card:has(.nen-card-link):hover{transform:translateY(-2px);box-shadow:var(--theme-elevation-shadow-2)}
.nen-card:has(.nen-card-link:focus-visible){outline:2px solid var(--nen-accent);outline-offset:2px}
main a.nen-card-link,.nen-card-link{color:inherit;text-decoration:none}
.nen-card-link:focus-visible{outline:none}
.nen-card-link::before{content:'';position:absolute;inset:0;border-radius:inherit}
.nen-card-link::after{content:'→';display:inline-block;margin-inline-start:var(--space-2);color:var(--nen-accent);transition:transform .2s var(--nen-ease)}
.nen-card:hover .nen-card-link::after{transform:translateX(3px)}
main>.nen-section:has(>.nen-steps) .nen-card{background:var(--nen-paper)}
.nen-steps{margin:0}
.nen-steps-list{counter-reset:nen-step;list-style:none;margin:var(--nen-stack-xl) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-8) var(--space-7)}
.nen-steps-list>li{counter-increment:nen-step;margin:0;padding-top:var(--space-6);border-top:1px solid var(--nen-line);display:grid;gap:var(--space-3);align-content:start}
.nen-steps-list>li::before{content:counter(nen-step,decimal-leading-zero);font-family:var(--nen-font);font-size:var(--font-nen-sm);font-weight:700;letter-spacing:.06em;color:var(--nen-accent);font-variant-numeric:tabular-nums}
.nen-steps-list h3{font-size:var(--font-nen-title);margin:0;letter-spacing:-.022em}
.nen-steps-list p{margin:0;color:var(--nen-ink-2)}
.nen-steps-list>li>*{max-width:var(--measure)}
.nen-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(var(--space-7),var(--space-4) + 5vw,var(--nen-s-96));margin:0}
.nen-media-start{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.nen-media-end{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.nen-media-end .nen-media-figure{order:-1}
.nen-media h2{font-size:var(--font-nen-display-s);letter-spacing:var(--nen-track-snug);margin:0 0 var(--space-4);max-width:18ch}
.nen-media-words p{color:var(--nen-ink-2);font-size:var(--font-nen-lg);max-width:32rem}
.nen-media-words>*:last-child{margin-bottom:0}
.nen-media-words p.nen-eyebrow{margin:0 0 var(--space-3);font-size:var(--font-nen-xs);color:var(--nen-accent);max-width:none}
main a.nen-more,.nen-more{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);font-weight:600;color:var(--nen-accent);text-decoration:none}
.nen-more::after{content:'→';transition:transform .2s var(--nen-ease)}
.nen-more:hover::after{transform:translateX(3px)}
.nen-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-7);margin:0}
.nen-section>.nen-figures{margin-top:var(--nen-stack-xl)}
.nen-figures>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:var(--space-2);padding-inline-start:var(--space-6);border-left:1px solid var(--nen-line)}
.nen-figures dd{margin:0;font-family:var(--nen-font);font-size:var(--font-nen-display-m);font-weight:700;line-height:1;letter-spacing:var(--nen-track-tight);color:var(--nen-ink);font-variant-numeric:tabular-nums}
.nen-figures dt{font-size:var(--font-nen-md);line-height:1.5;color:var(--nen-ink-3)}
.nen-media-figure{margin:0;padding:clamp(var(--space-5),var(--space-2) + 3vw,var(--nen-s-48));border-radius:var(--nen-r-l);background:var(--nen-paper-2)}
.nen-media-figure img{display:block;width:100%;max-height:32rem;object-fit:contain;margin-inline:auto;border-radius:var(--nen-r-m);box-shadow:var(--theme-elevation-shadow-2);background:var(--nen-paper)}
@media(max-width:800px){.nen-media,.nen-media-end{grid-template-columns:minmax(0,1fr)}.nen-media-end .nen-media-figure{order:0}}
.nen-quote{margin:0;border:0}
.nen-quote blockquote{margin:0 auto;max-width:48rem;padding:0;border:0;text-align:center}
.nen-quote blockquote::before{content:'“';display:block;font-family:var(--nen-font);font-size:var(--font-nen-glyph);font-weight:700;line-height:.9;color:var(--nen-accent);margin-bottom:var(--space-1)}
.nen-quote p{font-family:var(--nen-font);font-size:var(--font-nen-display-s);font-weight:600;line-height:1.3;letter-spacing:var(--nen-track-snug);text-wrap:balance;margin:0}
.nen-quote figcaption{margin-top:var(--space-6);text-align:center;font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
.nen-quote-who{font-weight:600;color:var(--nen-ink)}
.nen-quote-role::before{content:', '}
.nen-faq{margin:0}
.nen-faq-item{border-bottom:1px solid var(--nen-line);padding:0}
.nen-faq-item:first-child{border-top:1px solid var(--nen-line)}
.nen-faq-item>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--nen-s-22) 0;cursor:pointer;font-weight:600;font-size:var(--font-nen-lg);letter-spacing:-.01em;list-style:none}
.nen-faq-item>summary::-webkit-details-marker{display:none}
.nen-faq-item>summary::after{content:'+';flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--nen-r-pill);background:var(--nen-paper-2);color:var(--nen-ink-2);font-weight:400;font-size:var(--font-nen-icon);line-height:1;transition:transform .25s var(--nen-ease)}
.nen-faq-item[open]>summary::after{transform:rotate(45deg)}
.nen-faq-item>summary:hover{color:var(--nen-accent)}
.nen-faq-answer{padding:0 var(--nen-s-48) var(--space-6) 0;color:var(--nen-ink-2)}
.nen-faq-answer>*:last-child{margin-bottom:0}
main>.nen-section:has(>.nen-faq){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);column-gap:clamp(var(--space-7),var(--space-4) + 5vw,var(--nen-s-96));align-items:start}
main>.nen-section:has(>.nen-faq)>:is(h2,.nen-lede,.nen-eyebrow){grid-column:1}
main>.nen-section:has(>.nen-faq)>.nen-faq{grid-column:2;grid-row:1/span 3;margin:0}
@media(max-width:800px){main>.nen-section:has(>.nen-faq){display:block}main>.nen-section:has(>.nen-faq)>.nen-faq{margin-top:var(--space-7)}}
.nen-logos{margin:0}
.nen-logos h2{font-size:var(--font-nen-sm);font-weight:600;letter-spacing:var(--nen-track-wide);text-transform:uppercase;color:var(--nen-ink-3);margin:0 0 var(--space-6);text-align:center;max-width:none}
.nen-logos-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-7) var(--space-9);list-style:none;margin:0;padding:0}
.nen-logos-list img{max-height:2.25rem;width:auto;max-width:100%;opacity:.7;filter:grayscale(1)}
.nen-figure{margin:var(--nen-stack-l) 0}
.nen-figure img{border-radius:var(--nen-r-m)}
.nen-figure figcaption{font-size:var(--font-nen-sm);color:var(--nen-ink-3);margin-top:var(--space-3)}
.nen-prose{max-width:var(--reading);font-size:var(--font-nen-lg);line-height:1.75}
main>.nen-prose{max-width:none}
main>.nen-prose>*{max-width:var(--reading)}
.nen-prose>*{margin:0 0 var(--space-5)}
.nen-prose>*:last-child{margin-bottom:0}
.nen-prose h2{font-size:var(--font-nen-display-s);margin:var(--space-8) 0 var(--space-4)}
.nen-prose h3{margin:var(--space-7) 0 var(--space-2)}
.nen-form-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(var(--space-7),var(--space-4) + 5vw,var(--nen-s-96));align-items:start}
.nen-form-intro h2{font-size:var(--font-nen-display-s);margin:0 0 var(--space-4)}
.nen-form-intro .nen-lede{margin:0}
.nen-form-block .nen-form{max-width:none;margin:0;padding:clamp(var(--space-6),var(--space-4) + 2vw,var(--space-8));background:var(--nen-paper);border:1px solid var(--nen-line-soft);border-radius:var(--nen-r-l);box-shadow:var(--theme-elevation-shadow-2)}
.nen-form-block .nen-form textarea{min-height:10rem}
@media(max-width:800px){.nen-form-block{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}}
main>.nen-cta{position:relative;overflow:hidden;isolation:isolate;margin:var(--nen-section-s) var(--nen-edge);padding:clamp(var(--nen-s-48),var(--space-7) + 5vw,var(--nen-s-96)) clamp(var(--space-6),var(--space-4) + 4vw,var(--nen-s-80));border-radius:var(--nen-r-l);background:var(--nen-ink);color:var(--nen-paper);text-align:var(--nen-align,center)}
main>.nen-cta::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 50% 115%,color-mix(in oklab,var(--nen-accent) 70%,transparent),transparent 70%);opacity:.75}
main>.nen-cta h2{font-size:var(--font-nen-display-m);color:inherit;margin:0 auto var(--space-3);max-width:18ch}
main>.nen-cta p,main>.nen-cta .nen-lede{color:inherit;opacity:.74;max-width:36rem;margin-inline:auto;font-size:var(--font-nen-lg)}
main>.nen-cta a.nen-action{background:var(--nen-paper);color:var(--nen-ink)}
/* nen-base -- THE LOOKS a block opened (BK-V3-DECISION-PUBLIC-SITE-FOUR-LAYERS QD-6).
   A block names a look in its own `styles` (`variant:centered`); a composer picks it; the walk
   writes data-nen-variant on the block's root tag; this file is what the look IS. A theme
   redraws any of them by writing the same selector -- no build, no new HTML. Every name a
   framework block opens has a rule here: `a_block_wears_only_a_look_its_author_opened`. */
main>.nen-hero[data-nen-variant=centered]{display:block;text-align:center}
.nen-hero[data-nen-variant=centered] .nen-hero-words{max-width:50rem;margin-inline:auto}
.nen-hero[data-nen-variant=centered] h1{max-width:18ch;margin-inline:auto}
.nen-hero[data-nen-variant=centered] p{margin-inline:auto}
.nen-hero[data-nen-variant=centered] .nen-hero-figure{max-width:62rem;margin:var(--nen-stack-xl) auto 0}
main>.nen-hero[data-nen-variant=framed]{--nen-frame-gap:var(--space-2);overflow:clip;margin:var(--nen-frame-gap);padding:clamp(var(--nen-s-48),var(--space-7) + 4vw,var(--nen-s-96)) max(var(--nen-gutter),var(--nen-edge) - var(--nen-frame-gap));border-radius:var(--nen-r-l);background:var(--nen-accent-soft)}
.nen-hero[data-nen-variant=framed] .nen-hero-figure::before{content:none}
@media(min-width:801px){main>.nen-hero[data-nen-variant=framed]{--nen-frame-gap:var(--space-4)}}
main>.nen-section[data-nen-variant=band]{padding-block:var(--nen-section-m);background:var(--nen-paper-2)}
main>.nen-section[data-nen-variant=band] .nen-card{background:var(--nen-paper)}
.nen-section[data-nen-variant=ink],[data-nen-header=solid] header.nen-site,[data-nen-footer=ink] :is(footer.nen-site,.nen-end){--nen-ink:light-dark(var(--theme-background),var(--theme-color));--nen-ink-2:light-dark(color-mix(in oklab,var(--theme-background) 84%,var(--theme-color)),color-mix(in oklab,var(--theme-color) 80%,var(--theme-background)));--nen-ink-3:light-dark(color-mix(in oklab,var(--theme-background) 72%,var(--theme-color)),var(--theme-color-dim));--nen-paper:light-dark(var(--theme-color),var(--theme-background-grouped));--nen-paper-2:light-dark(color-mix(in oklab,var(--theme-color) 88%,var(--theme-background)),var(--theme-background));--nen-line:light-dark(color-mix(in oklab,var(--theme-background) 24%,var(--theme-color)),var(--theme-border-color));--nen-line-soft:light-dark(color-mix(in oklab,var(--theme-background) 14%,var(--theme-color)),color-mix(in oklab,var(--theme-border-color) 55%,var(--theme-background)));background:var(--nen-paper);color:var(--nen-ink)}
main>.nen-section[data-nen-variant=ink]{padding-block:var(--nen-section-m)}
.nen-section[data-nen-variant=ink] a:not(.nen-action){color:inherit}
.nen-card[data-nen-variant=outline]{background:transparent;border:1px solid var(--nen-line)}
.nen-card[data-nen-variant=raised]{background:var(--nen-paper);box-shadow:var(--theme-elevation-shadow-2)}
.nen-card[data-nen-variant=accent]{background:var(--nen-accent-soft);border-top:3px solid var(--nen-accent)}
.nen-columns[data-nen-variant=divided]{gap:0}
.nen-columns[data-nen-variant=divided]>*{padding:var(--space-2) var(--space-7);border:0;border-left:1px solid var(--nen-line);border-radius:0;background:transparent;box-shadow:none}
.nen-columns[data-nen-variant=divided]>:first-child{border-left:0;padding-left:0}
@media(max-width:900px){.nen-columns[data-nen-variant=divided]>*{border-left:0;border-top:1px solid var(--nen-line);padding:var(--space-5) 0}.nen-columns[data-nen-variant=divided]>:first-child{border-top:0}}
.nen-columns[data-nen-variant=bento]{grid-auto-flow:dense}
@media(min-width:901px){.nen-columns[data-nen-variant=bento]{grid-template-columns:repeat(3,minmax(0,1fr))}.nen-columns[data-nen-variant=bento]>:first-child{grid-column:span 2}.nen-columns[data-nen-variant=bento]>:first-child h3{font-size:var(--font-nen-display-s);letter-spacing:var(--nen-track-snug);line-height:1.1;max-width:18ch}.nen-columns[data-nen-variant=bento]>:first-child p{font-size:var(--font-nen-lg);max-width:34rem}.nen-columns[data-nen-variant=bento]>:first-child:has(>.nen-card-figure){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-8);align-items:center}.nen-columns[data-nen-variant=bento]>:first-child>.nen-card-figure{grid-column:1;grid-row:1/span 2;margin:0;aspect-ratio:auto;object-fit:contain}.nen-columns[data-nen-variant=bento]>:first-child:has(>.nen-card-figure)>:not(.nen-card-figure){grid-column:2}.nen-columns[data-nen-variant=bento]>:first-child:has(>.nen-card-figure)>h3{align-self:end}.nen-columns[data-nen-variant=bento]>:first-child:has(>.nen-card-figure)>p{align-self:start}.nen-columns[data-nen-variant=bento]>:last-child:nth-child(3n):not(:first-child){grid-column:span 3}.nen-columns[data-nen-variant=bento]>:last-child:nth-child(3n):not(:first-child):has(>.nen-card-icon){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-6);align-items:center}.nen-columns[data-nen-variant=bento]>:last-child:nth-child(3n):not(:first-child)>.nen-card-icon{grid-row:1/span 2;margin:0}.nen-columns[data-nen-variant=bento]>:last-child:nth-child(3n):not(:first-child)>:is(h3,p){grid-column:2;margin:0}.nen-columns[data-nen-variant=bento]>:last-child:nth-child(3n+1):not(:first-child){grid-column:span 2}}
.nen-prose[data-nen-variant=lead]>p:first-child{font-size:var(--font-nen-xl);line-height:1.6;color:var(--nen-ink)}
main>.nen-cta:is([data-nen-variant=soft],[data-nen-variant=flat]){color:var(--nen-ink)}
main>.nen-cta:is([data-nen-variant=soft],[data-nen-variant=flat])::before{content:none}
main>.nen-cta:is([data-nen-variant=soft],[data-nen-variant=flat]) a.nen-action{background:var(--nen-accent);color:var(--nen-on-accent)}
main>.nen-cta[data-nen-variant=soft]{background:var(--nen-accent-soft)}
main>.nen-cta[data-nen-variant=flat]{margin:0;border-radius:0;background:var(--nen-paper-2)}
body:has(main>.nen-cta[data-nen-variant=flat]:last-child) footer.nen-site{background:var(--nen-paper);border-top-color:var(--nen-line)}
body:has(main>.nen-cta[data-nen-variant=flat]:last-child) .nen-end{background:var(--nen-paper)}
main>.nen-section:has(>.nen-faq[data-nen-variant=stacked]){display:block}
main>.nen-section:has(>.nen-faq[data-nen-variant=stacked])>.nen-faq{max-width:48rem;margin-top:var(--nen-stack-l)}
.nen-quote[data-nen-variant=start] blockquote{margin:0;max-width:52rem;padding-left:var(--space-7);border-left:3px solid var(--nen-accent);text-align:start}
.nen-quote[data-nen-variant=start] blockquote::before{content:none}
.nen-quote[data-nen-variant=start] figcaption{text-align:start;padding-left:var(--space-7)}
.nen-steps[data-nen-variant=cards] .nen-steps-list{gap:var(--space-5)}
.nen-steps[data-nen-variant=cards] .nen-steps-list>li{border-top:0;padding:clamp(var(--space-6),var(--space-4) + 1.5vw,var(--nen-s-36));border-radius:var(--nen-r-l);background:var(--nen-paper-2)}
main>.nen-section:has(>.nen-steps) .nen-steps[data-nen-variant=cards] .nen-steps-list>li{background:var(--nen-paper)}
.nen-logos[data-nen-variant=color] .nen-logos-list img{filter:none;opacity:1}
.nen-figure[data-nen-variant=framed]{padding:clamp(var(--space-5),var(--space-2) + 3vw,var(--nen-s-48));border-radius:var(--nen-r-l);background:var(--nen-paper-2)}
.nen-figure[data-nen-variant=framed] img{box-shadow:var(--theme-elevation-shadow-2)}
.nen-media[data-nen-variant=bare] .nen-media-figure{padding:0;border-radius:0;background:none}
.nen-media[data-nen-variant=bare] .nen-media-figure img{box-shadow:none;border-radius:var(--nen-r-l)}
/* THE FRAME'S LOOKS (QD-5). Picked on the token ladder -- `look-header`, `look-footer`, by a
   theme, a deployment or a tenant row -- and written on <body> by looks.rs. `solid` and `ink`
   share the dark palette above. */
@media(min-width:1181px){[data-nen-header=centered] header.nen-site>.nen-nav{margin-inline:auto}[data-nen-header=centered] header.nen-site>.nen-langs{margin-inline-start:0}[data-nen-header=centered] header.nen-site>.nen-nav>ul{justify-content:center}}
[data-nen-header=overlay] header.nen-site{position:absolute;left:0;right:0;background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
[data-nen-header=overlay] main>:first-child{padding-top:calc(var(--nen-section-l) + var(--nen-header-h))}
[data-nen-footer=minimal] footer.nen-site{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-7);padding-block:var(--space-7)}
[data-nen-footer=minimal] footer.nen-site>:is(.nen-contact,nen-form,.nen-form){display:none}
[data-nen-footer=minimal] .nen-footer-brand p{display:none}
[data-nen-footer=minimal] footer.nen-site>.nen-nav-footer ul{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}
[data-nen-footer=minimal] footer.nen-site>.nen-colophon{flex-basis:100%;margin:0;padding:0;border:0}
/* nen-base -- FORMS: one control height, one focus ring, a label a person can read. */
nen-form{display:contents}
.nen-form{display:flex;flex-direction:column;gap:var(--space-2);max-width:26rem;margin:var(--space-4) 0 var(--space-6)}
.nen-form label{font-size:var(--font-nen-sm);font-weight:600;color:var(--nen-ink);margin-top:var(--space-2)}
.nen-form label:first-of-type{margin-top:0}
.nen-required{margin-left:var(--space-1);color:var(--theme-error)}
.nen-form :is(input,textarea,select){box-sizing:border-box;width:100%;min-height:3rem;font:inherit;font-size:var(--font-nen-md);padding:var(--space-3) var(--space-4);border:1px solid var(--nen-line);border-radius:var(--nen-r-s);background:var(--nen-paper);color:var(--nen-ink);transition:border-color .15s,box-shadow .15s}
.nen-form :is(input,textarea,select):hover{border-color:var(--nen-ink-3)}
.nen-form :is(input,textarea,select):focus{outline:none;border-color:var(--nen-accent);outline:3px solid var(--nen-ring);outline-offset:0}
.nen-form textarea{min-height:7rem;resize:vertical;line-height:1.6}
.nen-form button{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;margin-top:var(--space-3);padding:0 var(--space-6);border:0;border-radius:var(--nen-r-pill);background:var(--nen-accent);color:var(--nen-on-accent);font:inherit;font-weight:600;cursor:pointer}
.nen-form button:hover{box-shadow:var(--theme-elevation-shadow-2)}
.nen-form button:active,.nen-action:active,header.nen-site .nen-signin:active{transform:translateY(1px)}
.nen-fault{margin:0;font-size:var(--font-nen-sm);line-height:1.4;color:var(--theme-error)}
.nen-fault:empty{display:none}
.nen-form [aria-invalid=true]{border-color:var(--theme-error)}
.nen-form-said{margin:0;font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
.nen-form-said:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
nen-form[data-pending] button[type=submit]{cursor:progress;opacity:.72}
nen-form[data-pending] button[type=submit]::before{content:'';display:inline-block;width:1em;height:1em;margin-inline-end:var(--space-2);vertical-align:-.15em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--nen-r-pill);animation:nen-spin .7s linear infinite}
nen-form[data-sent] form>:not(.nen-form-said){display:none}
nen-form[data-sent] .nen-form-said{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--nen-r-m);background:var(--nen-accent-soft);color:var(--nen-ink);font-weight:600;line-height:1.5}
nen-form[data-sent] .nen-form-said::before{content:'✓';flex:none;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:var(--nen-r-pill);background:var(--nen-accent);color:var(--nen-on-accent);font-size:var(--font-nen-sm)}
@media(max-width:600px){.nen-form button{align-self:stretch}}
@media(pointer:coarse){:is(input,textarea,select):focus-visible{outline:none;border-color:var(--nen-accent)}}
/* nen-base -- THE ARTICLE: title first, the cover wider than the words, one reading column, and
   from 1200px the sections and the contents pinned either side INSIDE the frame. The old third
   column had no bound and ran to the viewport edge (1920: 1304-1900). */
main>.nen-article{display:flex;flex-direction:column;align-items:center;padding:var(--nen-section-s) var(--nen-gutter) var(--nen-section-m)}
.nen-article>*{width:100%;max-width:var(--reading)}
.nen-article>.nen-article-head{order:-1}
.nen-article>.nen-article-cover{max-width:min(100%,64rem);margin:0 0 var(--nen-stack-xl)}
.nen-article-cover img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--nen-r-l);background:var(--nen-paper-2)}
.nen-article-head{margin:0 0 var(--nen-stack-xl)}
.nen-article-head h1{font-size:var(--font-nen-display-m);margin:0 0 var(--space-5);letter-spacing:var(--nen-track-tight);line-height:1.08}
.nen-article-head .nen-lede{margin:0 0 var(--nen-s-28);font-size:var(--font-nen-xl);line-height:1.55;color:var(--nen-ink-3);max-width:none}
.nen-article .nen-meta{margin:0;padding-top:var(--space-5);border-top:1px solid var(--nen-line-soft);font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
.nen-meta .nen-author{color:var(--nen-ink);font-weight:600;text-decoration:none}
.nen-meta .nen-author:hover{color:var(--nen-accent);text-decoration:underline}
.nen-tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0}
.nen-tags li{font-size:var(--font-nen-sm);border-radius:var(--nen-r-pill);background:var(--nen-paper-2);color:var(--nen-ink-2)}
main .nen-tags a,.nen-tags a{display:block;padding:var(--space-1) var(--nen-s-14);color:inherit;text-decoration:none}
.nen-tags li:has(a:hover),.nen-tags li:has(a:focus-visible){background:var(--nen-accent-soft);color:var(--nen-accent)}
.nen-article .nen-body{font-size:var(--font-nen-lg);line-height:1.8}
.nen-body>*{margin:0 0 var(--nen-em-135)}
.nen-body>*:last-child{margin-bottom:0}
.nen-body h2{margin:var(--nen-em-225) 0 var(--nen-em-75);font-size:var(--font-nen-title);font-weight:700;letter-spacing:-.022em;line-height:1.25}
.nen-body h3{margin:var(--nen-em-175) 0 var(--nen-em-50);font-size:var(--font-nen-xl);line-height:1.3}
.nen-body a{color:var(--nen-accent);text-decoration-color:var(--nen-accent-line);text-underline-offset:.18em}
.nen-body strong{font-weight:650}
.nen-body img{max-width:100%;height:auto;border-radius:var(--nen-r-m)}
.nen-body figure{margin:var(--nen-em-250) 0}
.nen-body figcaption{margin-top:var(--space-3);font-size:var(--font-nen-sm);color:var(--nen-ink-3);text-align:center}
.nen-body blockquote{margin:var(--nen-em-200) 0;padding:var(--nen-em-25) 0 var(--nen-em-25) var(--space-6);border-left:3px solid var(--nen-accent);font-size:var(--font-nen-xl);font-weight:500;line-height:1.5;color:var(--nen-ink)}
.nen-body blockquote p{margin:0}
.nen-body :is(ul,ol){padding-left:var(--space-6)}
.nen-body li{padding-left:var(--space-1)}
.nen-body li+li{margin-top:var(--nen-em-50)}
.nen-body li::marker{color:var(--nen-ink-3)}
.nen-body table{width:100%;border-collapse:collapse;font-size:var(--font-nen-md);font-variant-numeric:tabular-nums}
.nen-body :is(th,td){padding:var(--space-3);border-bottom:1px solid var(--nen-line);text-align:left}
.nen-body th{font-weight:600;color:var(--nen-ink-3);font-size:var(--font-nen-sm)}
.nen-body code{font-family:var(--font-family-mono);font-size:var(--font-nen-code);padding:var(--nen-em-10) var(--nen-em-35);border-radius:.3em;background:var(--nen-paper-2)}
.nen-body-built>*{margin:0 0 var(--space-5)}
.nen-body-built>*:last-child{margin-bottom:0}
.nen-toc{box-sizing:border-box;margin:0 0 var(--nen-stack-l);padding:var(--space-5) var(--space-6);border-radius:var(--nen-r-m);background:var(--nen-paper-2)}
.nen-toc .nen-eyebrow{color:var(--nen-ink-3)}
.nen-toc ol{margin:0;padding:0;list-style:none;counter-reset:nen-toc}
.nen-toc li{counter-increment:nen-toc;display:flex;gap:var(--space-2-5);font-size:var(--font-nen-sm);line-height:1.45}
.nen-toc li::before{content:counter(nen-toc);min-width:1ch;color:var(--nen-ink-3);font-variant-numeric:tabular-nums}
.nen-toc li+li{margin-top:var(--space-2-5)}
main .nen-toc a,.nen-toc a{color:var(--nen-ink-2);text-decoration:none}
.nen-toc a:hover,.nen-toc a:focus-visible{color:var(--nen-accent)}
.nen-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--nen-stack-xl) 0 0;padding-top:var(--space-6);border-top:1px solid var(--nen-line);font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
.nen-share>span{margin-right:var(--space-2);font-weight:600;color:var(--nen-ink)}
main .nen-share a,.nen-share a{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--nen-s-14);border:1px solid var(--nen-line);border-radius:var(--nen-r-pill);font-weight:500;color:var(--nen-ink-2);text-decoration:none}
.nen-share a:hover{border-color:var(--nen-ink);color:var(--nen-ink)}
@media(min-width:1200px){main>.nen-article{display:grid;grid-template-columns:minmax(0,1fr) min(100%,var(--reading)) minmax(0,1fr);grid-auto-flow:row dense;align-items:start;column-gap:clamp(var(--space-8),var(--space-4) + 3vw,var(--nen-s-72));box-sizing:border-box;width:100%;max-width:min(100%,84rem);margin-inline:auto}
.nen-article>*{grid-column:2}
.nen-article>.nen-article-cover{grid-column:1/-1;justify-self:center}
.nen-article>.nen-toc{grid-column:3;grid-row:span 3;justify-self:start;box-sizing:border-box;width:100%;max-width:16rem;position:sticky;top:calc(var(--nen-header-h) + var(--space-7));max-height:calc(100vh - var(--nen-header-h) - 4rem);overflow:auto;margin:0;padding:0 0 0 var(--space-5);border-radius:0;background:none;border-left:1px solid var(--nen-line)}
}
/* nen-base -- THE PAGE A PHONE HOLDS LIKE AN APP. Four things a native screen does that a page
   does not unless it is told: it keeps its bars still while the content changes, it answers a
   thumb with a press, it gives a thumb a target it cannot miss, and it stays clear of the notch
   and the home bar. All of it is CSS: a browser that does not know a rule skips it and draws the
   page it drew before, and the reader who asked for less motion gets none. */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
header.nen-site{view-transition-name:nen-site-bar}
.nen-tabs{view-transition-name:nen-site-tabs}
::view-transition-old(root){animation:var(--nen-dur-fast) var(--nen-ease-in-out) both nen-leave}
::view-transition-new(root){animation:var(--nen-dur) var(--nen-ease) both nen-arrive}
@keyframes nen-leave{to{opacity:0}}
@keyframes nen-arrive{from{opacity:0;transform:translateY(var(--nen-rise))}}
@media(pointer:coarse){
a,button,summary,label,.nen-tab{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
header.nen-site .nen-menu-open,header.nen-site .nen-theme,.nen-drawer-close{width:var(--nen-tap);height:var(--nen-tap)}
header.nen-site>a[rel=home]{min-height:var(--nen-tap)}
footer.nen-site .nen-nav a,footer.nen-site a.nen-contact-link,.nen-top{display:inline-flex;align-items:center;min-height:var(--nen-tap)}
:is(a,button,summary,.nen-tab):active{transform:scale(var(--nen-press));transition:transform var(--nen-dur-fast) var(--nen-ease)}
}
@media(prefers-reduced-motion:reduce){:is(a,button,summary,.nen-tab):active{transform:none}}
@media(max-width:1180px) and (prefers-reduced-motion:no-preference){
.nen-nav.nen-drawer{transition:translate var(--nen-dur) var(--nen-ease),display var(--nen-dur) allow-discrete,overlay var(--nen-dur) allow-discrete}
.nen-nav.nen-drawer:not(:popover-open){translate:-100% 0}
.nen-nav.nen-drawer:popover-open{translate:0 0}
@starting-style{.nen-nav.nen-drawer:popover-open{translate:-100% 0}}
.nen-drawer::backdrop{opacity:0;transition:opacity var(--nen-dur) var(--nen-ease),display var(--nen-dur) allow-discrete,overlay var(--nen-dur) allow-discrete}
.nen-drawer:popover-open::backdrop{opacity:1}
@starting-style{.nen-drawer:popover-open::backdrop{opacity:0}}
}
.nen-nav.nen-drawer:popover-open{padding-left:max(var(--space-5),env(safe-area-inset-left));padding-top:max(var(--space-4),env(safe-area-inset-top))}
.nen-mark-dark{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nen-mark-dark{display:block}:root:not([data-theme=light]) .nen-mark-light{display:none}}
:root[data-theme=dark] .nen-mark-dark{display:block}
:root[data-theme=dark] .nen-mark-light{display:none}
.nen-end{padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}
@media(display-mode:standalone){
html{overscroll-behavior-y:contain}
header.nen-site,.nen-tabs,.nen-drawer-head{-webkit-user-select:none;user-select:none}
}
/* nen-comments -- WHAT READERS SAID under an article, and the way to say something. Composed
   after the renderer's own sheet. */
main>.nen-comments{box-sizing:border-box;width:100%;max-width:calc(var(--reading) + 2 * var(--nen-gutter));margin:0 auto;padding:var(--nen-section-s) var(--nen-gutter);background:none}
.nen-comments>h2{font-size:var(--font-nen-title);margin:0 0 var(--space-5)}
.nen-comments h3{margin:var(--space-7) 0 var(--space-2);font-size:var(--font-nen-lg)}
.nen-comment-list,.nen-comment-replies{list-style:none;margin:0;padding:0}
.nen-comment{padding:var(--space-5) 0;border-top:1px solid var(--nen-line-soft)}
.nen-comment-replies{margin-top:var(--space-4);padding-left:var(--space-5);border-left:2px solid var(--nen-line)}
.nen-comment-replies .nen-comment{border-top:0;padding-bottom:0}
.nen-comment-by{margin:0 0 var(--space-2);font-size:var(--font-nen-sm);font-weight:600}
.nen-comment-by time{color:var(--nen-ink-3);font-weight:400;margin-inline-start:var(--space-2)}
.nen-comment-said p{margin:0 0 var(--space-2);overflow-wrap:anywhere}
.nen-reply,.nen-reply-cancel{font:inherit;font-size:var(--font-nen-sm);font-weight:600;padding:0;border:0;background:none;color:var(--nen-accent);cursor:pointer}
.nen-comments-held,.nen-replying,.nen-comments-closed{margin:0 0 var(--space-4);color:var(--nen-ink-3);font-size:var(--font-nen-sm)}
.nen-replying:has(>span:empty){display:none}
.nen-comments .nen-form{max-width:none}
.nen-comments .nen-form textarea{min-height:8rem}
/* nen-news -- THE LOOK OF WHAT THIS MODULE DRAWS, shipped beside the drawing
   (BK-V3-DECISION-PUBLIC-SITE-FOUR-LAYERS QD-2). `news.latest` is this module's block, so its
   rules live here and a build without the module carries none of them. Tokens only: the same
   check nen-base passes (`nen-theme-check`). */
.nen-news-latest{margin:0}
.nen-news-latest h2{font-size:var(--font-nen-display-s);letter-spacing:var(--nen-track-snug);margin:0 0 var(--nen-stack-l)}
.nen-news-latest ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--nen-line)}
.nen-news-latest li{margin:0;border-bottom:1px solid var(--nen-line)}
.nen-news-latest li>a,.nen-news-latest li{display:block;padding:var(--space-5) 0;font-size:var(--font-nen-lg);font-weight:600;letter-spacing:-.01em;color:var(--nen-ink);text-decoration:none}
.nen-news-latest li>a{padding:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}
.nen-news-latest li>a::after{content:'→';flex:none;color:var(--nen-ink-3);transition:transform .2s var(--nen-ease)}
.nen-news-latest li>a:hover{color:var(--nen-accent)}
.nen-news-latest li>a:hover::after{transform:translateX(4px);color:var(--nen-accent)}
/* qlct.fresh -- THE LINE THAT SAYS A GUIDE JUST WENT OUT, drawn hidden above the list of
   guides and shown by its island. Tokens only. */
qlct-fresh{display:block;margin:var(--nen-stack-m) var(--nen-edge) 0}
qlct-fresh[hidden]{display:none}
qlct-fresh p{margin:0;padding:var(--nen-stack-s) var(--nen-stack-m);border:var(--nen-hairline);border-radius:var(--nen-r-m);color:var(--nen-ink)}
/* qlct.split -- THE LOOK OF THE BILL SPLITTER, shipped beside its drawing. Tokens only; the
   one it names is `--nen-qlct-split-*` and derives from the core (`nen-base` 00-tokens). */
.qlct-split-block{margin:0;min-width:0;--nen-qlct-split-bar:var(--nen-accent)}
.qlct-split-block h2{font-size:var(--font-nen-display-s);letter-spacing:var(--nen-track-snug);margin:0 0 var(--nen-stack-m)}
.qlct-split-block p{color:var(--nen-ink-3);margin:0 0 var(--nen-stack-l)}
qlct-split{display:block;overflow-x:auto}
qlct-split table{width:100%;table-layout:fixed;border-collapse:collapse;font-family:var(--nen-font-numeric);font-variant-numeric:var(--nen-numeric)}
qlct-split th,qlct-split td{padding:var(--nen-stack-s) 0;border-bottom:var(--nen-hairline);text-align:left}
qlct-split thead th{color:var(--nen-ink-3);font-size:var(--font-nen-sm);font-weight:600}
qlct-split td:last-child,qlct-split th:last-child{text-align:right}
qlct-split tbody th{font-weight:600;color:var(--nen-ink)}
qlct-split tfoot th,qlct-split tfoot td{font-weight:700;border-bottom:0;color:var(--nen-ink)}
qlct-split thead th:first-child{width:34%}
qlct-split thead th:last-child{width:36%}
qlct-split label{display:flex;align-items:center;gap:var(--nen-stack-s);padding-right:var(--nen-stack-s)}
qlct-split input{flex:1;min-width:0;width:100%;accent-color:var(--nen-qlct-split-bar)}
qlct-split output{flex:none;color:var(--nen-ink-3)}
qlct-split [data-due]{transition:color var(--nen-dur-fast) var(--nen-ease)}
/* nen-url -- A COLLECTION'S PAGES: its index, a section, a tag, the most-read, every term; the
   newest of it as a block on any page; and beside one article, the column of its sections, the
   pieces either side and the pieces to read next. Composed after the renderer's own sheet. */
main>.nen-listing{padding:var(--nen-section-s) var(--nen-edge) var(--nen-section-m)}
.nen-listing-head{max-width:46rem;margin:0 0 var(--nen-stack-xl)}
.nen-listing-head h1{margin:0 0 var(--space-4)}
.nen-listing-head .nen-lede{margin:0;font-size:var(--font-nen-xl);max-width:40rem}
.nen-search{display:flex;gap:var(--space-2);margin:var(--space-7) 0 0;max-width:32rem;padding:var(--space-1-5);border:1px solid var(--nen-line);border-radius:var(--nen-r-pill);background:var(--nen-paper);box-shadow:var(--theme-elevation-shadow-1);transition:border-color .15s,box-shadow .15s}
.nen-search:focus-within{border-color:var(--nen-accent);outline:3px solid var(--nen-ring);outline-offset:0}
.nen-search input{flex:1 1 auto;min-width:0;min-height:2.75rem;margin:0;padding:0 var(--space-4);border:0;border-radius:var(--nen-r-pill);background:transparent;color:var(--nen-ink);font:inherit;font-size:var(--font-nen-md)}
.nen-search input:focus{outline:none}
.nen-search button{flex:none;min-height:2.75rem;padding:0 var(--space-5);border:0;border-radius:var(--nen-r-pill);background:var(--nen-ink);color:var(--nen-paper);font:inherit;font-weight:600;cursor:pointer}
.nen-sections{margin:var(--space-6) 0 0}
.nen-sections ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}
main .nen-sections a,.nen-sections a{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--space-4);border:1px solid var(--nen-line);border-radius:var(--nen-r-pill);color:var(--nen-ink-2);text-decoration:none;font-weight:500;font-size:var(--font-nen-sm);white-space:nowrap}
.nen-sections a:hover{color:var(--nen-ink);border-color:var(--nen-ink-3)}
.nen-sections a[aria-current=page]{background:var(--nen-ink);border-color:var(--nen-ink);color:var(--nen-paper)}
@media(max-width:800px){.nen-sections ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nen-sections li{flex:0 0 auto}}
.nen-entries{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-9) var(--space-7)}
@media(max-width:900px){.nen-entries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nen-entries{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}
@media(min-width:901px){.nen-entries:has(.nen-entry-featured)>li:last-child:nth-child(3n+2),.nen-entries:not(:has(.nen-entry-featured))>li:last-child:nth-child(3n+1):not(:first-child){grid-column:1/-1}.nen-entries:has(.nen-entry-featured)>li:last-child:nth-child(3n+2)>.nen-entry,.nen-entries:not(:has(.nen-entry-featured))>li:last-child:nth-child(3n+1):not(:first-child)>.nen-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-7);align-items:center}}
@media(min-width:601px) and (max-width:900px){.nen-entries:has(.nen-entry-featured)>li:last-child:nth-child(2n),.nen-entries:not(:has(.nen-entry-featured))>li:last-child:nth-child(2n+1):not(:first-child){grid-column:1/-1}}
.nen-entries>li{display:flex;min-width:0}
main a.nen-entry,.nen-entry{display:flex;flex-direction:column;gap:var(--nen-s-18);width:100%;color:var(--nen-ink);text-decoration:none}
.nen-entry-figure{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--nen-r-m);background:var(--nen-paper-2)}
.nen-entry-figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--nen-ease)}
.nen-entry:hover .nen-entry-figure img{transform:scale(1.035)}
.nen-entry-words{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-2-5);row-gap:var(--space-2);align-items:baseline;min-width:0}
.nen-entry-words>:not(.nen-entry-group,.nen-when){grid-column:1/-1}
.nen-entry-group,.nen-entry-pinned{font-size:var(--font-nen-xs);font-weight:600;letter-spacing:var(--nen-track-wide);text-transform:uppercase;color:var(--nen-accent)}
.nen-entry-pinned{display:block;grid-column:1/-1;margin:0}
.nen-when{font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
.nen-entry-group+.nen-when::before{content:'·';margin-inline-end:var(--space-2-5);color:var(--nen-ink-3)}
.nen-entry :is(h2,h3){margin:2px 0 0;font-size:var(--font-nen-xl);font-weight:650;letter-spacing:-.02em;line-height:1.3;text-wrap:balance;transition:color .15s}
.nen-entry:hover :is(h2,h3),.nen-entry:focus-visible :is(h2,h3){color:var(--nen-accent)}
.nen-entry-summary{color:var(--nen-ink-3);font-size:var(--font-nen-md);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nen-entries>li:has(.nen-entry-featured){grid-column:1/-1}
main a.nen-entry-featured,.nen-entry-featured{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(var(--space-6),var(--space-4) + 3vw,var(--nen-s-64));align-items:center}
.nen-entry-featured .nen-entry-figure{border-radius:var(--nen-r-l)}
.nen-entry-featured :is(h2,h3){font-size:var(--font-nen-display-s);letter-spacing:var(--nen-track-snug);line-height:1.15}
.nen-entry-featured .nen-entry-summary{-webkit-line-clamp:4;font-size:var(--font-nen-lg)}
@media(max-width:800px){main a.nen-entry-featured,.nen-entry-featured{display:flex}}
.nen-entries-list{list-style:none;margin:0;padding:0;display:grid}
.nen-entries-list>li{display:flex;min-width:0;border-top:1px solid var(--nen-line);padding-block:var(--space-6)}
.nen-entries-list>li:last-child{border-bottom:1px solid var(--nen-line)}
.nen-entries-list .nen-entry-figure{display:none}
.nen-entries-list .nen-entry-summary{-webkit-line-clamp:2}
.nen-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--nen-stack-xl);padding-top:var(--space-6);border-top:1px solid var(--nen-line)}
main .nen-pager a,.nen-pager a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-5);border:1px solid var(--nen-line);border-radius:var(--nen-r-pill);font-weight:600;font-size:var(--font-nen-sm);color:var(--nen-ink);text-decoration:none}
.nen-pager a:hover{border-color:var(--nen-ink)}
.nen-pager span{color:var(--nen-ink-3);font-size:var(--font-nen-sm);font-variant-numeric:tabular-nums}
.nen-empty{color:var(--nen-ink-3);margin:0;padding:var(--nen-s-48) 0;text-align:center}
.nen-every-term{gap:var(--space-3)}
.nen-every-term li{font-size:var(--font-nen-lg)}
.nen-every-term a{display:inline-flex;align-items:baseline;gap:var(--space-2)}
.nen-count{font-size:var(--font-nen-sm);color:var(--nen-ink-3)}
main>.nen-latest{padding-block:calc(var(--nen-section-m) * .6)}
.nen-latest-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-7);margin:0 0 var(--nen-stack-xl)}
.nen-latest-head h2{margin:0}
.nen-latest-head .nen-lede{margin:var(--space-3) 0 0}
main a.nen-latest-all,.nen-latest-all{flex:none;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-5);border:1px solid var(--nen-line);border-radius:var(--nen-r-pill);font-weight:600;font-size:var(--font-nen-sm);color:var(--nen-ink);text-decoration:none}
.nen-latest-all:hover{border-color:var(--nen-ink)}
@media(max-width:800px){.nen-latest-head{flex-direction:column;align-items:flex-start;gap:var(--space-5)}}
.nen-rail .nen-eyebrow{color:var(--nen-ink-3)}
.nen-rail{display:grid;gap:var(--space-7);margin:var(--nen-stack-l) 0 0}
.nen-rail :is(ul,ol){list-style:none;margin:0;padding:0}
.nen-rail-sections ul{display:flex;flex-wrap:wrap;gap:var(--space-2)}
main .nen-rail a{text-decoration:none}
.nen-rail-sections a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--nen-s-14);border:1px solid var(--nen-line);border-radius:var(--nen-r-pill);color:var(--nen-ink-2);font-weight:500;font-size:var(--font-nen-sm)}
.nen-rail-sections a:hover{border-color:var(--nen-ink-3);color:var(--nen-ink)}
.nen-rail-sections a[aria-current=true]{border-color:var(--nen-ink);color:var(--nen-ink);font-weight:600}
.nen-rail-count{color:var(--nen-ink-3);font-weight:500}
.nen-rail-more{display:none}
.nen-rail-more ol{display:grid;gap:var(--space-4)}
.nen-rail-more a{color:var(--nen-ink);font-weight:600;font-size:var(--font-nen-sm);line-height:1.45}
.nen-rail-more a:hover{color:var(--nen-accent)}
@media(min-width:1200px){.nen-article>.nen-rail{grid-column:1;grid-row:span 3;justify-self:end;width:100%;max-width:15rem;margin:0;position:sticky;top:calc(var(--nen-header-h) + var(--space-7));max-height:calc(100vh - var(--nen-header-h) - 4rem);overflow:auto}
.nen-rail-sections ul{flex-direction:column;flex-wrap:nowrap;gap:2px}
.nen-rail-sections a{display:flex;justify-content:space-between;min-height:0;border:0;border-radius:var(--nen-r-s);padding:var(--space-2) var(--space-3)}
.nen-rail-sections a:hover,.nen-rail-sections a[aria-current=true]{background:var(--nen-paper-2)}
.nen-rail-more{display:block}
.nen-article>.nen-rail .nen-eyebrow{padding-inline:var(--space-3)}
}
main>.nen-neighbours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);box-sizing:border-box;width:100%;max-width:calc(var(--reading) + 2 * var(--nen-gutter));margin:0 auto;padding:0 var(--nen-gutter) var(--nen-section-s);background:none}
main .nen-neighbours a,.nen-neighbours a{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-5) var(--space-6);border:1px solid var(--nen-line);border-radius:var(--nen-r-m);color:var(--nen-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.nen-neighbours a:hover{border-color:var(--nen-ink-3);box-shadow:var(--theme-elevation-shadow-1)}
.nen-neighbours a span{font-size:var(--font-nen-xs);font-weight:600;letter-spacing:var(--nen-track-wide);text-transform:uppercase;color:var(--nen-ink-3)}
.nen-neighbours a strong{font-weight:600;line-height:1.4}
.nen-older{text-align:left}
.nen-newer{text-align:right;grid-column:2}
@media(max-width:600px){main>.nen-neighbours{grid-template-columns:minmax(0,1fr)}.nen-newer{grid-column:auto}}
main>.nen-related{padding:var(--nen-section-m) var(--nen-edge);background:var(--nen-paper-2)}
.nen-related h2{margin:0 0 var(--nen-stack-l);font-size:var(--font-nen-display-s)}
.nen-related .nen-entry-figure{background:var(--nen-paper)}