.jn{height:calc(100vh - var(--nav-h) - 110px);border-bottom:1px solid var(--c-line);grid-template-columns:260px minmax(0,1fr) 400px;min-height:560px;display:grid}.jn-list{border-right:1px solid var(--c-line);overflow-y:auto}.jn-list ol{counter-reset:j;list-style:none}.jn-item{border:0;border-bottom:1px solid var(--c-line);text-align:left;cursor:pointer;counter-increment:j;width:100%;transition:background .3s, padding .4s var(--ease-out);background:0 0;grid-template-columns:34px 1fr;align-items:baseline;padding:16px 20px;display:grid}.jn-item:before{content:counter(j, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--c-muted)}.jn-item b{font-family:var(--font-serif);font-size:1.1rem}.jn-item small{font-size:var(--fs-tiny);color:var(--c-muted);grid-column:2}.jn-item:hover{background:#1f1b160a;padding-left:26px}.jn-item[aria-current=true]{background:var(--c-ink);color:var(--c-paper)}.jn-item[aria-current=true]:before,.jn-item[aria-current=true] small{color:#f2ede299}.jn-view{background:linear-gradient(var(--c-line) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--c-line) 1px, transparent 1px) 0 0 / 40px 40px, radial-gradient(80% 70% at 50% 45%, #fbf7ef, var(--c-paper-2));touch-action:none;position:relative;overflow:hidden}.jn-tools{border:1px solid var(--c-line-strong);backdrop-filter:blur(6px);white-space:nowrap;background:#f2ede2eb;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}.jn-tools .btn{border-radius:999px}.jn-tools [aria-pressed=true]{--btn-bg:var(--c-cinnabar);--btn-fg:var(--c-paper);border-color:var(--c-cinnabar);color:var(--c-paper);background:var(--c-cinnabar)}.jn-view .ws-view__help{top:14px;bottom:auto}.jn-info{border-left:1px solid var(--c-line);background:#fffcf573;flex-direction:column;gap:18px;padding:28px;display:flex;overflow-y:auto}.jn-info h2{font-size:var(--fs-h2);line-height:1.1}.jn-info__alias{font-size:var(--fs-small);color:var(--c-muted);letter-spacing:.2em}.jn-info dl{gap:14px;display:grid}.jn-info dt{font-size:var(--fs-tiny);letter-spacing:.24em;color:var(--c-cinnabar)}.jn-info dd{color:var(--c-ink-2)}.jn-parts{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.jn-parts li{border:1px solid var(--c-line-strong);font-size:var(--fs-small);padding:4px 10px}.jn-fact{border-left:3px solid var(--c-azurite);color:var(--c-ink-2);background:#2b5a6b0f;padding:14px 16px;font-size:.92rem}.jn-nav{justify-content:space-between;margin-top:auto;display:flex}.jn-info>*{animation:info-in .6s var(--ease-out) both}.jn-info>:nth-child(2){animation-delay:50ms}.jn-info>:nth-child(3){animation-delay:.1s}.jn-info>:nth-child(4){animation-delay:.15s}@keyframes info-in{0%{opacity:0;transform:translate(16px)}}@media (width<=1679px){.jn{grid-template-columns:220px minmax(0,1fr) 340px}}@media (width<=1079px){.jn{grid-template-columns:1fr;height:auto}.jn-list{border-right:0;border-bottom:1px solid var(--c-line);overflow-x:auto}.jn-list ol{display:flex}.jn-item{border-bottom:0;border-right:1px solid var(--c-line);flex-direction:column;align-items:flex-start;width:auto;min-width:120px;padding:12px 16px;display:flex}.jn-item:hover{padding-left:16px}.jn-view{height:56vh;min-height:340px}.jn-info{border-left:0}}@media (width<=600px){.jn-tools{justify-content:center;padding:6px;left:12px;right:12px;translate:none}.jn-info{padding:20px 16px}}