.nt{--nt-bar:64px;--nt-yh:65px}
html:not(.nt-js) .nt{--nt-bar:0px}
.nt.vh .vr-hero{padding-bottom:34px}
.nt-sib{margin-top:21px}
.nt-sib a{margin-left:0}
.nt :where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.nt-wrap{position:relative;padding-bottom:var(--vr-sec)}

.nt-tools{position:sticky;top:var(--vr-band);z-index:12;background:var(--bg)}

.nt-tools.is-stuck::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--vr-band);background:var(--bg);pointer-events:none}
.nt-tools-in{position:relative;display:flex;align-items:center;gap:13px 21px;min-height:64px;padding:8px 0;border-bottom:1px solid var(--rule)}
.nt-tools-in::after{content:"";position:absolute;bottom:-7px;left:-6px;right:-6px;height:13px;pointer-events:none;
  background:linear-gradient(var(--vr-plus),var(--vr-plus)) 0 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) 6px 0/1px 13px no-repeat,
             linear-gradient(var(--vr-plus),var(--vr-plus)) 100% 6px/13px 1px no-repeat,linear-gradient(var(--vr-plus),var(--vr-plus)) right 6px top 0/1px 13px no-repeat}
html:not(.nt-js) .nt-tools{position:static}
html:not(.nt-js) .nt-segbox,html:not(.nt-js) .nt-find{display:none}

.nt-segbox{flex:none;min-width:0}
.nt-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:-8px -16px;padding:8px 16px;overscroll-behavior-x:contain}
.nt-scroll::-webkit-scrollbar{display:none}
.nt-seg{--h:40px;position:relative;display:flex;width:max-content;border-radius:8px;background:var(--vr-rail);box-shadow:var(--vr-rail-edge);-webkit-user-select:none;user-select:none}
.nt-seg button{position:relative;flex:none;display:flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;margin:0;border:1px solid transparent;border-radius:8px;background:none;
  font:400 14px/16px var(--ws);color:var(--ink);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,border-color .2s ease}
.nt-seg button::before{content:"";position:absolute;left:-1px;top:50%;width:1px;height:16px;margin-top:-8px;background:var(--vr-sep);transition:opacity .2s ease;pointer-events:none}
.nt-seg button:first-child::before,.nt-seg button[aria-pressed="true"]::before,.nt-seg button[aria-pressed="true"]+button::before{opacity:0}
.nt-seg button[aria-pressed="true"]{font-weight:500;background:var(--bg);border-color:var(--edge)}
@media (hover:hover){.nt-seg button:not([aria-pressed="true"]):hover{background:var(--vr-rail-hover)}}
.nt-seg button:focus-visible{z-index:3}
.nt-l{display:inline-grid;text-align:center}
.nt-l::after{content:attr(data-l);height:0;overflow:hidden;visibility:hidden;font-weight:500;pointer-events:none}
.nt-c{font-weight:400;color:var(--ink2);font-variant-numeric:tabular-nums}

.nt-find{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:13px}
.nt-q{position:relative;flex:1 1 auto;min-width:0;max-width:340px}
.nt-q>.vr-ic{position:absolute;left:13px;top:50%;margin-top:-7px;color:var(--mute);pointer-events:none}
.nt-q input{display:block;width:100%;height:40px;margin:0;padding:0 8px 0 34px;border:1px solid var(--edge);border-radius:4px;background:transparent;
  font:400 15px/20px var(--ws);color:var(--ink);-webkit-appearance:none;appearance:none;transition:border-color .2s ease}
.nt-q input::placeholder{color:var(--mute);opacity:1}
.nt-q input:hover{border-color:var(--ink)}
.nt-q input::-webkit-search-decoration{-webkit-appearance:none}
.nt-an{position:relative;flex:none}
.nt-an select{display:block;height:40px;margin:0;padding:0 34px 0 13px;border:1px solid var(--edge);border-radius:4px;background:transparent;
  font:400 15px/20px var(--ws);color:var(--ink);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s ease}
.nt-an select:hover{border-color:var(--ink)}
.nt-an option{background:var(--bg);color:var(--ink)}
.nt-an>.vr-ic{position:absolute;right:13px;top:50%;margin-top:-6px;color:var(--mute);pointer-events:none}
.nt-count{flex:none;margin-left:auto;font:400 14px/20px var(--ws);color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}
html:not(.nt-js) .nt-count{margin-left:0}

.nt-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:55px;align-items:start}
.nt-list{position:relative;min-width:0;padding-bottom:21px}

.nt-skip{position:absolute;z-index:4;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nt-skip:focus{top:8px;left:0;width:auto;height:auto;overflow:visible;clip:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--edge);border-radius:4px;
  background:var(--bg);color:var(--ink);font:500 15px/20px var(--ws)}
.nt-skip--back:focus{left:55px}
.nt-note{margin-top:21px;font:400 14px/22px var(--ws);color:var(--mute)}
.nt-note a{display:inline-flex;align-items:center;gap:6px;margin-left:4px;color:var(--ink);text-decoration:underline 1px transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease}
.nt-note a:hover{text-decoration-color:currentColor}
.nt-note a:hover .vr-ic--r{transform:translateX(3px)}

.nt-y{position:sticky;top:calc(var(--vr-band) + var(--nt-bar));z-index:2;display:flex;align-items:baseline;gap:13px;padding:21px 0 8px;background:var(--bg);
  font:300 28px/36px var(--ws);letter-spacing:-.015em;color:var(--ink);font-variant-numeric:tabular-nums}
.nt-yc{font:400 14px/20px var(--ws);letter-spacing:0;color:var(--mute)}

.nt-row{display:block;padding:13px 8px 13px 6px;border-top:1px solid var(--rule);border-left:2px solid transparent;color:var(--ink);
  scroll-margin-top:calc(var(--vr-band) + var(--nt-bar) + var(--nt-yh) + 8px);scroll-margin-bottom:13px;transition:background-color .2s ease}
.nt-rows li:last-child .nt-row{border-bottom:1px solid var(--rule)}
.nt-row:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.nt-row[aria-current="true"]{background:color-mix(in srgb,var(--ink) 6%,transparent);border-left-color:var(--ink)}
.nt-row:focus-visible{outline-offset:-2px}
.nt-m{display:flex;align-items:center;flex-wrap:wrap;gap:4px 13px;font:400 14px/20px var(--ws);color:var(--mute);font-variant-numeric:tabular-nums}
.nt-k{padding:2px 6px;border:1px solid var(--line);border-radius:4px;font:500 12px/16px var(--ws);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.nt-ph{margin-left:auto}
.nt-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:4px;font:400 16px/24px var(--ws);color:var(--ink);overflow-wrap:anywhere}
.nt-t mark{background:color-mix(in srgb,var(--ink) 12%,transparent);color:inherit}

@media (min-width:761px) and (min-height:501px){.nt-t{-webkit-line-clamp:3}}

.nt-zero{padding:34px 0 21px;border-top:1px solid var(--rule);margin-top:21px}
.nt-zero-h{font:300 28px/36px var(--ws);letter-spacing:-.015em;color:var(--ink)}
.nt-zero-p{margin-top:8px;max-width:34em;font:400 16px/26px var(--ws);color:var(--mute);overflow-wrap:anywhere}
.nt-zero .vr-acts{margin-top:21px}
.nt-zero button{cursor:pointer}

.nt-reader{position:sticky;top:calc(var(--vr-band) + var(--nt-bar) + 21px);min-width:0;max-height:calc(100dvh - var(--vr-band) - var(--nt-bar) - 42px);overflow-y:auto;overscroll-behavior:contain;
  margin-top:21px;padding:0 21px 55px 55px;border-left:1px solid var(--rule);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.nt-reader:focus-visible{outline-offset:2px}
.nt-lbar{display:none}
main.vr .nt-art[id]{scroll-margin-top:calc(var(--vr-band) + var(--nt-bar) + 13px)}
.nt-art{min-width:0}
.nt-num{margin-top:13px;font-size:64px}
.nt-h{margin-top:13px;max-width:32em;font:300 28px/36.4px var(--ws);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty;overflow-wrap:anywhere}
.nt-h:focus{outline:none}
.nt-h:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.nt-by{margin-top:8px;font:400 14px/20px var(--ws);color:var(--mute)}
.nt-acts{margin-top:21px}
.nt-fill{background:var(--fill);border-color:var(--fill);color:var(--fill-ink)}
.nt .nt-fill:hover{background:color-mix(in srgb,var(--fill) 86%,var(--bg));border-color:color-mix(in srgb,var(--fill) 86%,var(--bg));color:var(--fill-ink)}
.nt-fill:hover .vr-ic--r{transform:translateX(3px)}

.nt.is-zero .nt-reader,.nt.is-zero .nt-skip{display:none}
.nt.is-zero .nt-split{grid-template-columns:minmax(0,1fr)}

.nt-fig{margin:34px 0 0}
.nt-fig a{display:block;width:100%;max-width:var(--mw,100%);border-radius:4px}
.nt-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.nt-fig a:hover img{border-color:var(--edge)}

.nt-body{margin-top:34px;max-width:46em;font:400 16px/26px var(--ws);color:var(--ink2);overflow-wrap:anywhere;text-wrap:pretty}
.nt-body p{margin:0 0 13px}
.nt-body :is(ul,ol){margin:0 0 13px;padding-left:21px}
.nt-body ul{list-style:disc}
.nt-body ol{list-style:decimal}
.nt-body li{margin:0 0 4px;padding-left:4px}
.nt-body li::marker{color:var(--mute)}
.nt-body strong{font-weight:600;color:var(--ink)}
.nt-body a{color:var(--ink);text-decoration:underline 1px;text-decoration-color:var(--edge);text-underline-offset:3px;transition:text-decoration-color .2s ease}
.nt-body a:hover{text-decoration-color:currentColor}
.nt-body .nt-tick{display:inline-block;vertical-align:-1px;margin-right:4px;color:var(--ink)}
.nt-body .nt-yt{display:inline-block;vertical-align:-4px}
.nt-body img{max-width:100%;height:auto}

.nt-gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:34px}
.nt-gal.is-odd li:first-child{grid-column:1/-1}
.nt-gal a{display:block;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.nt-gal img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--vr-spring)}
@media (hover:hover){.nt-gal a:hover img{transform:scale(1.02)}}
.nt-back{display:none}

.nt-foot{margin-top:55px;padding-top:21px;border-top:1px solid var(--rule)}
html:not(.nt-js) .nt-foot{display:none}
.nt-foot-m{display:flex;flex-wrap:wrap;align-items:center;gap:8px 21px;font:400 14px/20px var(--ws);color:var(--mute)}
.nt-copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border:1px solid var(--edge);border-radius:4px;background:none;
  font:500 15px/20px var(--ws);color:var(--ink);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}
.nt-copy:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.nt-copy:active{transform:scale(.98)}
.nt-copied:empty{display:none}
.nt-pos{margin-left:auto;font-variant-numeric:tabular-nums}
.nt-foot .vr-pg{margin-top:21px;align-items:flex-start}
.nt-foot .vr-pg-a{flex:0 1 auto;max-width:calc(50% - 11px);min-width:0;align-items:flex-start}
.nt-foot .vr-pg-a>span{min-width:0}
.nt-foot .vr-pg-a .vr-ic{margin-top:4px}
.nt-foot .vr-pg-next{margin-left:auto}
.nt-foot .vr-pg-a small:first-child{font:500 12px/16px var(--ws);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.nt-foot .vr-pg-a b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 16px/24px var(--ws);letter-spacing:0}
.nt-foot .nt-pg-d{font:400 14px/20px var(--ws);color:var(--mute)}
.nt-foot [hidden]{display:none}

@media (min-width:1101px){
  .nt .vr-w{width:min(1408px,calc(100% - 2*var(--gut)))}
  .nt-split{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}
  .nt-h{max-width:40em}
  .nt-body{max-width:52em}
}

@media (max-width:1100px) and (min-width:761px){
  .nt-tools-in{flex-wrap:wrap}
  .nt-segbox{flex-basis:100%}
  .nt-q{max-width:none}
}
@media (max-width:1023px) and (min-width:761px){
  .nt-split{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:34px}
  .nt-reader{padding-left:21px}
  .nt-skip--back:focus{left:21px}
}

@media (max-width:760px),(max-height:500px){
  .nt-tools,.nt-tools-in{display:contents}
  .nt-tools-in::after{display:none}
  .nt-segbox{position:sticky;top:var(--vr-band);z-index:12;padding:5px var(--gut);background:var(--bg);border-bottom:1px solid var(--rule)}
  .nt-segbox.is-stuck::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--vr-band);background:var(--bg);pointer-events:none}
  .nt-seg{--h:44px;width:100%;max-width:520px}
  .nt-seg button{flex:1 1 auto;flex-direction:column;gap:0;padding:0 8px}
  .nt-scroll{margin:-5px calc(-1*var(--gut));padding:5px var(--gut)}
  .nt-scroll.is-over{mask:linear-gradient(90deg,transparent 0,var(--ink) 34px,var(--ink) calc(100% - 34px),transparent 100%)}
  .nt-scroll.is-over.at-start{mask:linear-gradient(90deg,var(--ink) 0,var(--ink) calc(100% - 34px),transparent 100%)}
  .nt-scroll.is-over.at-end{mask:linear-gradient(90deg,transparent 0,var(--ink) 34px,var(--ink) 100%)}
  .nt-find{margin:13px var(--gut) 0;gap:8px}
  .nt-q{max-width:none}
  .nt-q input,.nt-an select{height:44px;font-size:16px}
  .nt-an select{width:120px}
  .nt-count{margin:13px var(--gut) 0}
  html:not(.nt-js) .nt-count{margin-top:0;padding-bottom:13px;border-bottom:1px solid var(--rule)}
  .nt-split{display:block}
  .nt-y{padding-top:21px}
  .nt-note,.nt-zero-p{font-size:16px;line-height:24px}
  .nt-sib,.nt-note:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;column-gap:6px}
  .nt-sib a,.nt-note a{min-height:44px}
  .nt-note a{margin-left:0}
  .nt-js .nt-skip{display:none}

  .nt-js .nt-reader{display:none}
  .nt-js .nt-reader.is-open{display:block;position:fixed;inset:0;z-index:45;max-height:none;margin:0;padding:0 var(--gut) calc(55px + env(safe-area-inset-bottom,0px));border:0;background:var(--bg);overflow-y:auto}
  .nt-reader.is-open .nt-lbar{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;gap:13px;min-height:calc(56px + env(safe-area-inset-top,0px));margin:0 calc(-1*var(--gut)) 21px;padding:env(safe-area-inset-top,0px) var(--gut) 0;
    background:var(--bg);border-bottom:1px solid var(--rule);font:400 14px/20px var(--ws);color:var(--mute);font-variant-numeric:tabular-nums}
  .nt-close{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 0 -8px;padding:0 8px;border:0;border-radius:4px;background:none;font:500 15px/20px var(--ws);color:var(--ink);cursor:pointer}
  .nt-close:hover .vr-ic--l{transform:translateX(-3px)}
  .nt-num{font-size:64px}
  .nt-h{font-size:28px}
  .nt-fig{margin-top:21px}
  .nt-body{margin-top:21px}
  .nt-pos{margin-left:0}
  .nt-foot .vr-pg{flex-direction:column;align-items:stretch;gap:13px}
  .nt-foot .vr-pg-a{max-width:none}
  .nt-foot .vr-pg-next{margin-left:0;justify-content:flex-end}

  html:not(.nt-js) .nt-reader{position:static;max-height:none;overflow:visible;margin-top:34px;padding:34px 0 0;border-left:0;border-top:1px solid var(--rule)}
  html:not(.nt-js) .nt-back{display:block;margin-top:34px;font:400 16px/24px var(--ws)}
  html:not(.nt-js) .nt-back a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink)}
}
html.nt-lock{overflow:hidden}

html:not(.nt-js) .nt-art{display:none}
html:not(.nt-js) .nt-art:target{display:block}
html:not(.nt-js) #nt-reader:not(:has(.nt-art:target)) .nt-art:first-of-type{display:block}

@media (prefers-reduced-motion:reduce){
  .nt *,.nt *::before,.nt *::after{transition:none!important}
}