/* «На просвет»: one stylesheet. Mobile first, no inline styles (the CSP forbids them). */

@font-face{font-family:Spectral;src:url(/assets/spectral-500.6e155b9f.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Spectral;src:url(/assets/spectral-600.b5cbd3b2.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Commissioner;src:url(/assets/commissioner-400.331b5f6d.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Commissioner;src:url(/assets/commissioner-600.b79fb3b8.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --ink:#1d2127;
  --ink-2:#4b535c;
  --ink-3:#646c76;
  --bg:#f4f6f8;
  --paper:#ffffff;
  --line:#dde2e8;
  --line-2:#eceff3;
  --link:#1f5078;
  --link-h:#113652;
  --amber:#8a5e10;
  --amber-bg:#fdf3e0;
  --dark:#15171b;
  --dark-2:#1f232a;
  --dark-line:#333a43;
  --dark-tx:#e8ecf2;
  --dark-tx-2:#b4bdc9;
  --glass:#f6f9ff;
  --tr:#8a5e10;
  --tri:#7d5410;
  --r:10px;
  --w:1160px;
  --wtx:40rem;
  --ff-h:Spectral,Georgia,"Times New Roman",serif;
  --ff-t:Commissioner,"Segoe UI",system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.62 var(--ff-t);overflow-x:hidden}
h1,h2,h3{font-family:var(--ff-h);font-weight:600;line-height:1.18;margin:0}
p,ul,ol{margin:0}
img,svg{max-width:100%}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.16em}
a:hover{color:var(--link-h)}
:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:4px}
.np-scene :focus-visible,.np-top :focus-visible,.np-foot :focus-visible,.np-strip :focus-visible{outline-color:var(--glass)}
.np-sprite{position:absolute;width:0;height:0;overflow:hidden}

.np-skip{position:absolute;left:-9999px;top:0;z-index:50;background:var(--paper);color:var(--link);
  padding:.6rem 1rem;border-radius:0 0 var(--r) 0;font-weight:600}
.np-skip:focus{left:0}

/* ---------------------------------------------------------------- header */
.np-top{background:var(--dark);color:var(--dark-tx);border-bottom:1px solid var(--dark-line)}
.np-top-in{max-width:var(--w);margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;
  flex-wrap:wrap;gap:.4rem 1rem;min-height:3.9rem}
.np-brand{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;margin-right:auto}
.np-logo{width:2.1rem;height:2.1rem;flex:none}
/* the two brand lines keep a fixed box: a font swap must not change the height of the header,
   otherwise everything below it jumps (that was 0.26 of layout shift) */
.np-brand-tx{display:flex;flex-direction:column;justify-content:center;min-height:2.5rem;
  min-width:0}
.np-brand-n{font-family:var(--ff-h);font-weight:600;font-size:1.26rem;line-height:1.25;
  white-space:nowrap}
.np-brand-s{font-size:.78rem;color:var(--dark-tx-2);line-height:1.3;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.np-brand:hover .np-brand-n{color:#fff}
/* the navigation is always in the header: nothing in it appears or disappears when the script
   starts, so the header keeps its height and nothing below it jumps */
.np-nav{flex-basis:100%;min-width:0;max-width:100%}
.np-nav ul{list-style:none;padding:.1rem 0 .1rem;margin:0;display:flex;gap:.2rem .9rem;
  overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;background:var(--dark)}
.np-nav li{flex:none}
.np-nav a{display:flex;align-items:center;gap:.4rem;color:var(--dark-tx);text-decoration:none;
  padding:.35rem .1rem;font-weight:600;font-size:.88rem;white-space:nowrap}
.np-nav a:hover,.np-nav a[aria-current]{color:#fff;text-decoration:underline}
.np-dot{width:.65rem;height:.65rem;border-radius:2px;background:var(--tr);flex:none}
.np-nav-about a{color:var(--dark-tx-2)}

@media (min-width:62em){
  .np-nav{flex-basis:auto}
  .np-nav ul{gap:1.1rem;align-items:center;padding:0;overflow:visible}
  .np-nav a{padding:.2rem 0;font-size:.92rem}
}

/* ---------------------------------------------------------------- the dark scene band */
.np-scene{background:
  radial-gradient(ellipse 70% 55% at 50% 26%,rgba(246,249,255,.15),rgba(246,249,255,0) 70%),
  linear-gradient(180deg,var(--dark),#0f1216);
  color:var(--dark-tx);padding:1.6rem 1rem 2.2rem}
.np-scene-in{max-width:var(--w);margin:0 auto}
.np-scene h1{font-size:clamp(1.55rem,5.2vw,2.5rem);max-width:34ch;color:#fff}
.np-lead{margin-top:.9rem;max-width:56ch;color:var(--dark-tx-2);font-size:1.02rem}
.np-table{margin-top:1.5rem;display:grid;gap:1.2rem}
.np-tray-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.np-tray-btn{display:flex;align-items:center;gap:.45rem;background:#1b1f25;color:var(--dark-tx);
  border:1px solid var(--dark-line);border-radius:var(--r);padding:.5rem .6rem;cursor:pointer;
  font:600 .85rem/1.2 var(--ff-t);text-align:left}
.np-tray-btn:hover{border-color:var(--tr);color:#fff}
.np-tray-btn[aria-pressed="true"]{background:var(--tr);border-color:var(--tr);color:#15171b}
.np-tray-btn[aria-pressed="true"] .np-dot{background:#15171b}
html:not(.np-js) .np-tray-btns,html:not(.np-js) .np-controls{display:none}

.np-stage{display:grid;gap:1rem;justify-items:center}
.np-glass{position:relative;width:min(21rem,82vw);--np-bright:1}
.np-plate{display:block;width:100%;height:auto}
.np-glass-slides{position:absolute;left:8%;top:7%;width:84%;height:86%}
.np-on-glass{position:absolute;inset:0;display:none}
.np-on-glass.is-on{display:block}
.np-glass-art{width:100%;height:100%}
.np-glass-inner{color:#2c333c;--np-acc:var(--tri);opacity:var(--np-bright)}
.np-glass-art.is-dark .np-glass-inner{color:#596270;--np-acc:#596270;opacity:.55}
.np-mini{color:#9ba4b0;--np-acc:var(--tr)}
.np-glass-num{font:600 26px/1 Spectral,serif;fill:#8e97a3}
.np-glass-art.is-dark .np-glass-num{fill:#6b7480}
.np-glass.is-over .np-plate{filter:brightness(1.12)}

.np-controls{display:flex;flex-direction:column;gap:.7rem;align-items:center;width:min(21rem,82vw)}
.np-steps{display:flex;gap:.5rem;width:100%}
.np-step{flex:1;background:#1b1f25;color:var(--dark-tx);border:1px solid var(--dark-line);
  border-radius:var(--r);padding:.5rem .4rem;font:600 .85rem/1.2 var(--ff-t);cursor:pointer}
.np-step:hover{color:#fff;border-color:#4a525d}
.np-bright{display:flex;align-items:center;gap:.6rem;width:100%;font-size:.84rem;color:var(--dark-tx-2)}
.np-bright label{flex:none}
.np-bright input[type=range]{flex:1;accent-color:#cdd6e2;height:1.7rem}

.np-card{width:min(26rem,100%)}
.np-card-one{display:none;background:#1b1f25;border:1px solid var(--dark-line);
  border-left:4px solid var(--tr);border-radius:var(--r);padding:.9rem 1rem}
.np-card-one.is-on{display:block}
.np-card-top{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:baseline;font-size:.82rem;
  letter-spacing:.02em;text-transform:uppercase}
.np-card-nn{color:#e9d3a6;font-weight:600}
.np-card-tray{color:var(--dark-tx-2)}
.np-card-h{font-family:var(--ff-h);font-size:1.16rem;line-height:1.25;margin-top:.5rem;color:#fff}
.np-card-h.is-soon{color:var(--dark-tx-2);font-family:var(--ff-t);font-size:1rem;font-weight:600}
.np-card-tz{margin-top:.5rem;color:var(--dark-tx-2);font-size:.94rem}
.np-card-when{margin-top:.5rem;color:var(--dark-tx-2);font-size:.82rem}
.np-card-go{margin-top:.8rem}
.np-btn{display:inline-block;background:var(--glass);color:#15171b;border-radius:var(--r);
  padding:.55rem 1rem;font-weight:600;text-decoration:none}
.np-btn:hover{background:#fff;color:#000}

.np-trays{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%}
.np-tray{background:linear-gradient(180deg,#232830,#15181d);border:1px solid var(--dark-line);
  border-radius:var(--r);padding:.55rem .5rem;display:flex;gap:.35rem;justify-content:center;
  flex-wrap:wrap}
.np-tray.is-dim{opacity:.42}
.np-tray.is-up{border-color:var(--tr)}
.np-slide{display:block;width:2.6rem;flex:none;border-radius:5px;text-decoration:none;
  transition:transform .18s ease;background:none;border:0;padding:0;cursor:pointer;
  font:inherit;color:inherit}
.np-slide:hover,.np-slide:focus-visible{transform:translateY(-4px)}
.np-slide.is-sel{transform:translateY(-7px)}
.np-slide.is-drag{opacity:.4}
.np-slide-art{display:block;width:100%;height:auto}
.np-num{font:600 13px/1 Commissioner,sans-serif;fill:#cbd2db}
.np-slide.is-soon .np-num{fill:#8d96a1}
.np-hint{margin-top:1.1rem;color:var(--dark-tx-2);font-size:.86rem;max-width:62ch}

.np-all{margin-top:1.6rem;border-top:1px solid var(--dark-line);padding-top:1rem}
.np-all-h{font-size:1.04rem;color:#fff}
.np-all-list{list-style:none;padding:0;margin-top:.6rem;display:grid;gap:.55rem}
.np-all-list li{display:grid;grid-template-columns:2.2ch minmax(0,1fr);column-gap:.55rem;
  row-gap:.05rem;font-size:.92rem}
.np-all-list li>a,.np-all-list li>span:not(.np-all-nn):not(.np-all-tray){grid-column:2;grid-row:1}
.np-all-tray{grid-column:2;grid-row:2}
.np-all-nn{grid-column:1;grid-row:1;color:#e9d3a6;font-weight:600;font-variant-numeric:tabular-nums}
.np-all-list a{color:var(--dark-tx)}
.np-all-list .is-soon span:not(.np-all-nn){color:var(--dark-tx-2)}
.np-all-tray{color:var(--dark-tx-2);font-size:.8rem}

@media (min-width:48em){
  .np-tray-btns{grid-template-columns:repeat(4,1fr)}
  .np-trays{grid-template-columns:repeat(4,1fr)}
  .np-slide{width:3rem}
  .np-all-list{grid-template-columns:1fr 1fr;gap:.3rem 2rem}
}
@media (min-width:62em){
  .np-scene{padding:2.4rem 1rem 3rem}
  .np-stage{grid-template-columns:min(27rem,40vw) 1fr;grid-template-rows:auto auto 1fr;
    align-items:start;justify-items:stretch;column-gap:2rem;row-gap:1rem}
  .np-glass{grid-row:1 / -1;width:100%}
  .np-controls,.np-card{width:100%}
  .np-stage .np-hint{margin-top:0}
}

/* ---------------------------------------------------------------- light sections */
.np-sec-in{max-width:var(--w);margin:0 auto;padding:0 1rem}
.np-road,.np-folder{padding:2rem 0}
.np-road{background:var(--paper);border-bottom:1px solid var(--line)}
.np-road h2,.np-folder h2{font-size:clamp(1.3rem,4vw,1.8rem)}
.np-sec-intro{margin-top:.7rem;max-width:62ch;color:var(--ink-2)}

.np-marks{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.2rem}
.np-mark{display:flex;align-items:center;gap:.6rem;width:100%;background:transparent;border:0;
  border-left:3px solid var(--line);padding:.55rem .6rem;cursor:pointer;color:var(--ink-2);
  font:600 .95rem/1.2 var(--ff-t);text-align:left}
.np-mark-art{width:2.5rem;height:auto;flex:none;color:#9aa3ad}
.np-mark:hover{color:var(--ink);border-left-color:var(--amber)}
.np-mark[aria-pressed="true"]{color:var(--ink);border-left-color:var(--amber)}
.np-mark[aria-pressed="true"] .np-mark-art{color:var(--amber)}
.np-step-panes{margin-top:1.1rem}
.np-step-pane{display:none}
.np-step-pane.is-on{display:block}
html:not(.np-js) .np-step-pane{display:block;margin-top:1rem;padding-top:.8rem;
  border-top:1px solid var(--line-2)}
.np-step-line{color:var(--ink-2)}
.np-step-count{margin-top:.5rem;font-weight:600;font-size:.9rem;color:var(--amber)}
.np-step-list{list-style:none;padding:0;margin-top:.5rem;display:grid;gap:.4rem}
.np-step-list li{display:grid;grid-template-columns:2.2ch minmax(0,1fr);column-gap:.55rem}
.np-step-list li>a,.np-step-list li>span:not(.np-all-nn){grid-column:2}
.np-step-list .np-all-nn{color:var(--amber)}
.np-step-list .is-soon span:not(.np-all-nn){color:var(--ink-3)}

@media (min-width:48em){
  .np-marks{grid-template-columns:repeat(6,1fr);gap:0}
  .np-mark{flex-direction:column;align-items:flex-start;gap:.3rem;border-left:0;
    border-top:3px solid var(--line);padding:.7rem .5rem .6rem 0}
  .np-mark:hover,.np-mark[aria-pressed="true"]{border-top-color:var(--amber)}
  .np-step-list{grid-template-columns:1fr 1fr;gap:.35rem 2rem}
}

.np-docs{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.9rem}
.np-doc-in{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.np-doc-btn{display:flex;align-items:center;gap:.9rem;width:100%;background:transparent;border:0;
  padding:.9rem 1rem;cursor:pointer;font:600 1.02rem/1.25 var(--ff-h);color:var(--ink);text-align:left}
.np-doc-art{width:3.4rem;height:auto;flex:none;color:#6f7781;--np-acc:var(--amber);
  transition:transform .2s ease}
.np-doc-btn:hover .np-doc-art{color:var(--ink-2)}
.np-doc-btn[aria-expanded="true"] .np-doc-art{transform:rotateY(180deg);color:var(--amber)}
.np-doc-back{display:none;padding:0 1rem 1rem;border-top:1px solid var(--line-2)}
.np-doc-back.is-open{display:block}
html:not(.np-js) .np-doc-back{display:block}
.np-doc-back p{padding-top:.8rem;color:var(--ink-2)}
.np-doc-back ul{list-style:none;padding:0;margin-top:.6rem;display:grid;gap:.3rem}
.np-doc-back .is-soon span{color:var(--ink-3)}
@media (min-width:48em){.np-docs{grid-template-columns:1fr 1fr}}
@media (min-width:62em){.np-docs{grid-template-columns:repeat(3,1fr)}}

/* ---------------------------------------------------------------- crumbs */
.np-crumbs{max-width:var(--w);margin:0 auto;padding:.9rem 1rem 0}
.np-crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.3rem .5rem;font-size:.85rem;
  color:var(--ink-3)}
.np-crumbs li+li::before{content:"\203a\00a0";color:var(--ink-3)}

/* ---------------------------------------------------------------- article */
.np-art-main{padding-bottom:2.4rem}
.np-paper{max-width:var(--w);margin:1rem auto 0;padding:1.2rem 1rem 1.6rem;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r)}
.np-slip{display:flex;flex-wrap:wrap;gap:.3rem .9rem;padding:.5rem .7rem;margin-bottom:1rem;
  background:var(--bg);border-left:4px solid var(--tr);border-radius:4px;font-size:.8rem;
  letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}
.np-slip-c:first-child{color:var(--tri);font-weight:600}
.np-art-main h1{font-size:clamp(1.5rem,5vw,2.3rem);max-width:30ch}
.np-art-desc{margin-top:.9rem;font-size:1.06rem;color:var(--ink-2);max-width:var(--wtx)}
.np-art-meta{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-size:.84rem;
  color:var(--ink-3)}
.np-photo{margin:1.2rem 0 0;padding:.5rem;background:var(--paper);border:1px solid var(--line);
  border-radius:6px}
.np-photo img{display:block;width:100%;max-width:900px;height:auto;margin:0 auto;border-radius:3px;
  aspect-ratio:4/3}
@media (min-width:700px){.np-photo img{aspect-ratio:3/2}}

.np-toc{margin-top:1.4rem;padding:.9rem 1rem;background:var(--bg);border-radius:var(--r)}
.np-toc h2{font-size:.86rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);
  font-family:var(--ff-t);font-weight:600}
.np-toc-list{margin-top:.6rem;padding-left:1.4rem;display:grid;gap:.25rem;font-size:.95rem}
@media (min-width:48em){.np-toc-list{grid-template-columns:1fr 1fr;gap:.25rem 1.6rem}}

.np-body{margin-top:1.6rem;max-width:var(--wtx)}
.np-body>*+*{margin-top:1rem}
.np-body h2{font-size:clamp(1.18rem,3.6vw,1.44rem);margin-top:1.9rem;max-width:28ch}
.np-body p{font-size:1.02rem}
.np-body ul{padding-left:1.3rem}
.np-body li+li{margin-top:.35rem}
.np-body a.np-money{font-weight:600}
.np-tbl{overflow-x:auto;margin-top:1.3rem;border:1px solid var(--line);border-radius:var(--r)}
.np-tbl table{border-collapse:collapse;width:100%;font-size:.94rem}
.np-tbl th,.np-tbl td{padding:.6rem .7rem;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line-2)}
.np-tbl thead th{background:var(--bg);font-family:var(--ff-t);font-weight:600;font-size:.86rem;
  letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}
.np-tbl tbody tr:last-child td{border-bottom:0}
@media (max-width:40em){
  .np-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .np-tbl tr{display:block;border-bottom:1px solid var(--line)}
  .np-tbl tbody tr:last-child{border-bottom:0}
  .np-tbl td{display:block;border:0;padding:.45rem .7rem}
  .np-tbl td::before{content:attr(data-th);display:block;font-size:.76rem;letter-spacing:.02em;
    text-transform:uppercase;color:var(--ink-3);margin-bottom:.15rem}
}
.np-faq{margin-top:2rem;padding:1.1rem 1rem;background:var(--bg);border-radius:var(--r)}
.np-faq h2{margin-top:0}
.np-faq h3{font-family:var(--ff-t);font-size:1rem;font-weight:600;margin-top:1.1rem}
.np-faq p{margin-top:.35rem;color:var(--ink-2)}

.np-before{margin:1.8rem 0 0;max-width:var(--wtx);padding:1rem 1.1rem;background:var(--amber-bg);
  border-radius:var(--r)}
.np-before h2{font-size:1.02rem;font-family:var(--ff-t)}
.np-before p{margin-top:.5rem;color:#56400f}

.np-src{margin-top:1.8rem;max-width:var(--wtx);padding-top:1.1rem;border-top:1px solid var(--line)}
.np-src h2{font-size:1.02rem;font-family:var(--ff-t)}
.np-src-list{list-style:none;padding:0;margin-top:.6rem;display:grid;gap:.4rem}
.np-src-list li{display:flex;flex-wrap:wrap;gap:.2rem .5rem;align-items:baseline;font-size:.95rem}
.np-src-dom{color:var(--ink-3);font-size:.82rem}
.np-src-note{margin-top:.6rem;font-size:.82rem;color:var(--ink-3)}

.np-near{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.np-near h2{font-size:1.1rem}
.np-near-list{list-style:none;padding:0;margin-top:.9rem;display:grid;gap:.7rem}
.np-near-one{display:flex;align-items:center;gap:.8rem;padding:.6rem .7rem;background:var(--bg);
  border-radius:var(--r);text-decoration:none;color:var(--ink)}
a.np-near-one:hover{background:#eaeef3}
.np-near-one .np-slide-art{width:2.7rem;flex:none}
.np-near-one .np-num{fill:#5f6771}
.np-near-tx{display:flex;flex-direction:column;gap:.15rem}
.np-near-nn{font-size:.76rem;letter-spacing:.02em;text-transform:uppercase;color:var(--tri);
  font-weight:600}
.np-near-h{font-family:var(--ff-h);font-size:1rem;line-height:1.25}
.np-near-list .is-soon .np-near-h{font-family:var(--ff-t);color:var(--ink-3)}
@media (min-width:48em){.np-near-list{grid-template-columns:repeat(3,1fr)}}
@media (min-width:62em){
  .np-paper{padding:1.8rem 2.4rem 2rem;max-width:53rem}
  .np-art-main .np-crumbs{max-width:53rem}
}

/* ---------------------------------------------------------------- tray page */
.np-tray-main{padding:0 0 2.4rem}
.np-tray-main h1{margin-top:1rem;font-size:clamp(1.5rem,5vw,2.3rem)}
.np-tray-intro{margin-top:.9rem;max-width:58ch;color:var(--ink-2)}
.np-strip{margin-top:1.4rem;padding:.7rem;display:flex;gap:.5rem;flex-wrap:wrap;
  background:linear-gradient(180deg,var(--dark-2),#15181d);border-radius:var(--r)}
.np-strip .np-slide{width:3rem}
.np-entries{list-style:none;padding:0;margin-top:1.4rem;display:grid;gap:1rem}
.np-entry{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:.9rem;display:grid;gap:.8rem}
.np-entry-ph{display:block}
.np-entry-ph img{display:block;width:100%;height:auto;border-radius:6px;aspect-ratio:4/3}
.np-entry-nn{font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;color:var(--tri);
  font-weight:600}
.np-entry-tx h2{margin-top:.3rem;font-size:1.14rem}
.np-entry-tz{margin-top:.5rem;color:var(--ink-2);font-size:.96rem}
.np-entry-pl{margin-top:.5rem;color:var(--ink-3);font-size:.84rem}
.np-entry.is-soon{background:var(--bg)}
.np-entry.is-soon h2{font-family:var(--ff-t);font-size:1rem;color:var(--ink-3)}
@media (min-width:40em){
  .np-entry{grid-template-columns:11rem 1fr;align-items:start}
  .np-entry.is-soon{grid-template-columns:1fr}
}
@media (min-width:62em){.np-entries{grid-template-columns:1fr 1fr}}

/* ---------------------------------------------------------------- about page */
.np-about-main{padding:0 0 2.6rem}
.np-about-main h1{margin-top:1rem;font-size:clamp(1.5rem,5vw,2.3rem)}
.np-about-intro{margin-top:.9rem;max-width:58ch;color:var(--ink-2);font-size:1.04rem}
.np-rules{list-style:none;padding:0;margin-top:1.6rem;display:grid;gap:1.3rem;max-width:46rem}
.np-rule-one{display:grid;grid-template-columns:2.6rem 1fr;gap:.9rem;padding-left:.9rem;
  border-left:2px solid var(--line)}
.np-rule-nn{font-family:var(--ff-h);font-weight:600;font-size:1.5rem;color:var(--amber);
  font-variant-numeric:tabular-nums}
.np-rule-one h2{font-size:1.14rem}
.np-rule-one p{margin-top:.45rem;color:var(--ink-2)}
.np-about-after{margin-top:1.8rem;max-width:58ch;color:var(--ink-2)}

/* ---------------------------------------------------------------- 404 */
.np-nf-main{padding:1.4rem 0 2.6rem}
.np-nf-art{max-width:22rem}
.np-nf{display:block;width:100%;height:auto}
.np-nf-main h1{margin-top:1.3rem;font-size:clamp(1.4rem,4.6vw,2.1rem)}
.np-nf-tx{margin-top:.8rem;max-width:54ch;color:var(--ink-2)}
.np-nf-links,.np-nf-trays{list-style:none;padding:0;margin-top:1rem;display:flex;flex-wrap:wrap;
  gap:.5rem 1.2rem}
.np-nf-h{margin-top:1.4rem;font-weight:600}
.np-nf-trays a{border-bottom:3px solid var(--tr);text-decoration:none;padding-bottom:1px}

/* ---------------------------------------------------------------- footer */
.np-foot{background:var(--dark);color:var(--dark-tx-2);margin-top:2.4rem}
.np-foot-in{max-width:var(--w);margin:0 auto;padding:1.6rem 1rem 2rem;display:grid;gap:1.2rem}
.np-foot-note{max-width:52ch}
.np-foot-c{margin-top:.6rem;font-size:.84rem}
.np-foot-nav ul{list-style:none;padding:0;display:grid;gap:.4rem}
.np-foot-nav a{color:var(--dark-tx)}
@media (min-width:48em){
  .np-foot-in{grid-template-columns:1fr auto;gap:2rem}
  .np-foot-nav ul{grid-template-columns:1fr 1fr;gap:.4rem 1.6rem}
}

/* ---------------------------------------------------------------- motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .np-slide:hover,.np-slide:focus-visible,.np-slide.is-sel{transform:none}
  .np-doc-btn[aria-expanded="true"] .np-doc-art{transform:none}
}

/* generated by build.py: the four trays */
[data-tray="1"]{--tr:#d9a23f;--tri:#7d5410}
[data-tray="2"]{--tr:#3f6fa8;--tri:#1f4a76}
[data-tray="3"]{--tr:#4f9d6a;--tri:#2c6442}
[data-tray="4"]{--tr:#8a5f93;--tri:#5c3e66}