.jn-ch{--pt:var(--hero-inset-top)}.jn-ch-nav{height:var(--nav-height)}.jn-ch-top{flex-direction:column;align-items:flex-start;gap:20px;margin-top:56px;display:flex}.jn-ch-eb{border-radius:var(--r-pill);background:var(--line);height:28px;color:var(--fg);font-size:var(--fs-meta);letter-spacing:-.005em;align-items:center;padding-inline:12px;font-weight:500;display:inline-flex}.jn-ch-h{text-wrap:balance;max-width:832px}.jn-ch-h s{color:var(--muted);text-decoration-color:var(--muted);text-decoration-thickness:.045em}.jn-ch-h em{color:var(--primary-ink);font-style:normal}.jn-nw{white-space:nowrap}.jn-ch-lead{max-width:620px;color:var(--muted);text-wrap:balance;font-size:1.125rem;line-height:1.4}.jn-ch-cmp{width:100%;max-width:720px;margin-top:40px;position:relative}.jn-cf{border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--card);padding:24px;transition:border-color .15s}.jn-cf:has(textarea:focus-visible){border-color:var(--hover)}.jn-cf label{font-size:1.125rem;font-weight:500;line-height:28px;display:block}.jn-cf textarea{border-radius:var(--r-code);resize:vertical;width:100%;min-height:96px;max-height:240px;color:inherit;font:inherit;background:0 0;outline:none;padding-block:8px;scroll-margin-top:160px;font-size:1.125rem;line-height:1.4;display:block}.jn-cf textarea::placeholder{color:var(--muted)}.jn-cf-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.jn-cf-count{white-space:nowrap;font-size:var(--fs-meta);color:var(--muted);font-variant-numeric:tabular-nums}.jn-cf-count[data-invalid=true]{color:var(--fg);font-weight:500}.jn-cf-go:disabled{background:var(--line);color:var(--muted);cursor:default;pointer-events:none}@media (width<420px){.jn-cf-go{width:100%}}.jn-ch-aside{width:150px;color:var(--muted);font-size:1.25rem;line-height:1.15;display:none;position:absolute;top:29px;left:calc(100% + 24px);rotate:8deg}.jn-ch-aside span{width:fit-content;font-size:var(--fs-title);margin:12px 0 0 10px;line-height:1;display:block;rotate:23deg}@media (width>=1101px){.jn-ch-aside{display:block}}.jn-steps{gap:20px;margin-top:40px;display:grid}.jn-steps>div{gap:8px;display:flex}.jn-steps span{color:var(--muted);font-size:var(--fs-body);font-variant-numeric:tabular-nums;flex:none;font-weight:500;line-height:24px}.jn-steps dt{font-size:var(--fs-body);font-weight:500;line-height:24px}.jn-steps dd{font-size:var(--fs-body);color:var(--muted);margin-top:4px;line-height:1.5}@media (width>=40rem){.jn-ch-top{margin-top:80px}.jn-ch-lead,.jn-cf textarea{font-size:1.25rem}.jn-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px}}@media (width>=64rem){.jn-ch-top{gap:24px;margin-top:96px}}.jn-tb-swipe{font-size:var(--fs-meta);color:var(--muted);margin-top:32px}.jn-tb-scroll{margin:16px calc(-1 * var(--panel-px)) 0;padding-inline:var(--panel-px);outline:none;position:relative;overflow-x:auto}.jn-tb-scroll:focus-visible{box-shadow:0 0 0 3px var(--ring)}.jn-tb{border-collapse:collapse;text-align:left;width:100%;min-width:820px;font-size:var(--fs-body);line-height:1.4}.jn-tb tr{border-bottom:1px solid var(--line)}.jn-tb tbody tr:last-child{border-bottom:0}.jn-tb th,.jn-tb td{vertical-align:top}.jn-tb thead th{vertical-align:bottom;padding:0 16px 16px}.jn-tb thead .jn-tb-fh{width:22%;font-size:var(--fs-meta);color:var(--muted);padding-left:0;font-weight:400}.jn-tb thead .jn-tb-pick{border-radius:var(--r-item) var(--r-item) 0 0;width:22%;padding-top:20px;font-weight:500}.jn-tb-oh{font-size:1.125rem;font-weight:500;line-height:28px}.jn-tb thead .jn-tb-wp{padding-right:0;font-weight:500}.jn-tb-pick{background:color-mix(in oklab, var(--primary) 7%, transparent);color:var(--fg)}.jn-tb-badge{border-radius:var(--r-pill);background:var(--line);font-size:var(--fs-meta);color:var(--muted);padding:3px 8px;font-weight:400;line-height:1.2}.jn-tb-badge--pick{background:var(--primary);color:var(--primary-fg);font-weight:500}.jn-tb-name{margin-top:12px;font-size:1.125rem;line-height:28px;display:block}.jn-tb-name s{color:var(--muted)}.jn-tb-wp img{filter:invert();width:128px;height:auto;margin-top:12px;display:block}.jn-tb-cta{margin-top:12px}.jn-tb tbody th{padding:16px 16px 16px 0;font-weight:400}.jn-tb td{color:var(--muted);padding:16px}.jn-tb td.jn-tb-pick,.jn-tb td.jn-tb-strong{color:var(--fg)}.jn-tb td.jn-tb-last{padding-right:0}.jn-tb td.jn-tb-bot{border-radius:0 0 var(--r-item) var(--r-item)}.jn-tb tr.jn-tb-joke{border-top:1px solid var(--line)}.jn-tb-note{font-size:var(--fs-meta);color:var(--muted);margin-top:4px;display:block}@media (width>=40rem){.jn-tb-scroll{margin-inline:0;padding-inline:0}}@media (width>=48rem){.jn-tb-scroll{margin-top:40px}}@media (width>=64rem){.jn-tb-swipe{display:none}.jn-tb-scroll{margin-top:48px}}.jn-cc{border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--card);flex-direction:column;display:flex;overflow:hidden}.jn-cc [hidden]{display:none}.jn-cc-prev{aspect-ratio:16/9;background:var(--card);outline:none;display:block;position:relative;overflow:hidden}.jn-cc-prev:focus-visible{box-shadow:inset 0 0 0 3px var(--ring)}.jn-cc-prev img{object-fit:cover;object-position:top;width:100%;height:100%}.jn-cc-ph{-webkit-line-clamp:4;font-size:var(--fs-title);letter-spacing:-.01em;color:var(--fg);-webkit-box-orient:vertical;padding:24px;line-height:1.2;display:-webkit-box;overflow:hidden}.jn-cc-act{position:absolute;bottom:16px;right:16px}.jn-cc-prev:hover .jn-cc-act{background:var(--glass-hover)}.jn-cc-link .ri{width:16px;height:16px}.jn-cc-body{flex-direction:column;flex:1;padding:24px;display:flex}.jn-cc-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.jn-cc-top h3{font-size:var(--fs-h3);letter-spacing:-.005em;text-wrap:balance;font-weight:500;line-height:1.2}.jn-cc-tag{border-radius:var(--r-pill);background:var(--line);font-size:var(--fs-meta);color:var(--muted);flex-shrink:0;padding:3px 8px;line-height:1.2}.jn-cc-sum{-webkit-line-clamp:3;font-size:var(--fs-body);color:var(--muted);-webkit-box-orient:vertical;margin-top:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.jn-cc-link{width:fit-content;font-size:var(--fs-body);align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-weight:500;transition:opacity .15s;display:inline-flex}.jn-cc-link:hover{opacity:.8}.jn-cc-link .ri{color:var(--fg);transition:translate .15s}.jn-cc-link:hover .ri{translate:2px -2px}@media (width>=64rem){.jn-cc-act{opacity:0}.jn-cc-prev:is(:hover,:focus-visible) .jn-cc-act{opacity:1}}.jn-cg-bar{justify-content:space-between;align-items:center;gap:16px;margin-top:40px;display:flex}.jn-cg-bar input{border-radius:var(--r-pill);background:var(--line);width:100%;max-width:350px;height:44px;color:inherit;font:inherit;padding-inline:20px;font-size:16px;transition:background-color .15s,box-shadow .15s}.jn-cg-bar input:hover:not(:disabled){background:var(--hover)}.jn-cg-bar input::placeholder{color:var(--muted)}.jn-cg-bar input:focus-visible{box-shadow:inset 0 0 0 1px var(--primary)}.jn-cg-bar input:disabled{opacity:.5}.jn-cg-count{font-size:var(--fs-body);color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.jn-cg-status{font-size:var(--fs-body);color:var(--muted);margin-top:16px;display:block}.jn-cg-grid{gap:16px;margin-top:24px;display:grid}.jn-cg-more{margin-top:32px}.jn-cg-more[hidden]{display:none}.jn-cg-out{margin-top:64px}.jn-cg-out .t-title{text-wrap:balance}.jn-cg-fire{margin-top:32px}@media (width<420px){.jn-cg-fire{white-space:normal;text-align:center;width:100%;height:auto;padding-block:14px}}@media (width>=48rem){.jn-cg-grid{grid-template-columns:repeat(2,1fr)}}@media (width<64rem){.jn-cg-ext{align-self:flex-start}}@media (width>=64rem){.jn-cg-bar{margin-top:48px}.jn-cg-grid{gap:24px}.jn-cg-out{margin-top:96px}}
