.jh{--jh-bg:#0d1527;--jh-card:#16233f;--jh-card-2:#1b2a4a;--jh-line:#dce2ea1f;--jh-line-2:#dce2ea47;--jh-soft:#b9c4d4;background:var(--jh-bg);color:var(--on-dark)}.jh-hero{isolation:isolate;padding:calc(var(--header-h) + clamp(40px, 7vw, 96px)) 0 clamp(40px, 6vw, 72px);position:relative;overflow:hidden}.jh-hero-bg{z-index:-1;position:absolute;inset:0}.jh-hero-bg .pic,.jh-hero-bg img{object-fit:cover;object-position:60% 50%;width:100%;height:100%;display:block}.jh-hero-bg:after{content:"";background:linear-gradient(90deg, #0d1527f0 0%, #0d1527c7 48%, #0d152759 100%), linear-gradient(180deg, #0d152700 55%, var(--jh-bg) 100%);position:absolute;inset:0}.jh-hero-in{justify-items:start;gap:18px;display:grid}.jh-crumbs ol{color:var(--jh-soft);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.9375rem;list-style:none;display:flex}.jh-crumbs li+li:before{content:"/";opacity:.6;margin-right:6px}.jh-crumbs a{color:var(--on-dark);text-underline-offset:3px}.jh-h1{max-width:17ch;font:800 clamp(2.4rem, 5.4vw, 4.75rem) / 1.02 var(--display);letter-spacing:-.035em;color:var(--white);text-wrap:balance;margin:0}.jh-deck{color:#d3dbe6;max-width:40rem;margin:0;font-size:clamp(1.125rem,1.5vw,1.3rem);line-height:1.55}.jh-stats{border-top:1px solid var(--jh-line-2);flex-wrap:wrap;gap:12px clamp(24px,4vw,48px);min-width:min(100%,560px);margin:14px 0 0;padding:18px 0 0;display:flex}.jh-stats div{gap:2px;display:grid}.jh-stats dt{font:600 .9375rem/1.3 var(--label);text-transform:lowercase;color:var(--jh-soft);order:2}.jh-stats dd{font:800 clamp(1.6rem, 2.6vw, 2.2rem) / 1.1 var(--display);letter-spacing:-.02em;color:var(--white);order:1;margin:0}.jh-stats .jh-stats-date{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.6}.jh-lead-sec{padding:clamp(8px,2vw,24px) 0 clamp(48px,6vw,80px)}.jh-lead{border:1px solid var(--jh-line);background:linear-gradient(135deg, var(--jh-card-2), var(--jh-card) 60%);border-radius:20px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.jh-lead-img{display:block;overflow:hidden}.jh-lead-img img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out);display:block}.jh-lead:hover .jh-lead-img img{transform:scale(1.03)}.jh-lead-body{align-content:center;gap:16px;padding:clamp(24px,4vw,52px);display:grid}.jh-lead-k{flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:flex}.jh-lead-cat{font:600 .9375rem/1.2 var(--label);text-transform:lowercase;color:var(--jh-soft)}.jh-lead-h{font:800 clamp(1.75rem, 3vw, 2.6rem) / 1.08 var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0}.jh-lead-h a,.jh-card-h a{color:var(--white);text-decoration:none}.jh-lead-h a:hover,.jh-card-h a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.jh-lead-p{color:#d3dbe6;margin:0;font-size:1.125rem;line-height:1.6}.jh-lead-btn{justify-self:start;margin-top:6px}@media (width>=900px){.jh-lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:440px}}.jh-lib{border-top:1px solid var(--jh-line);background:radial-gradient(60% 40% at 85% 0%, #46628e2e, transparent 70%), var(--jh-bg);padding:clamp(48px,6vw,88px) 0 clamp(56px,7vw,104px)}.jh-lib-head{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:22px;display:grid}.jh-lib-h{font:800 clamp(1.75rem, 2.7vw, 2.5rem) / 1.1 var(--display);letter-spacing:-.03em;color:var(--white);margin:0}.jh-topics ul{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px 4px;margin:0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.jh-topics ul::-webkit-scrollbar{display:none}.jh-topics a{min-height:44px;font:600 1rem/1.2 var(--label);color:var(--jh-soft);white-space:nowrap;transition:background-size .5s var(--ease-out), color .16s ease;background-image:linear-gradient(100deg,#7891ba8c,#46628e9e);background-position:0;background-repeat:no-repeat;background-size:0% 100%;border-radius:4px 10px 6px 12px;align-items:center;gap:6px;padding:4px 12px 6px;text-decoration:none;display:inline-flex}.jh-topics a:hover{color:var(--white);background-position:0 92%;background-size:100% 6%}.jh-topics a[aria-current=page]{color:var(--white);background-position:0;background-size:100% 100%}.jh-n{font:600 .8125rem/1 var(--label);opacity:.7}.jh-tools{border-top:1px solid var(--jh-line);grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 0 0;display:grid}@media (width>=720px){.jh-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.jh-search{display:block;position:relative}.jh-search svg{color:var(--jh-soft);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.jh-search input{border:1px solid var(--jh-line-2);width:100%;min-height:52px;color:var(--white);font:400 1.0625rem/1.3 var(--text);background:#ffffff0a;border-radius:999px;padding:12px 16px 12px 48px}.jh-search input::placeholder{color:#8e9cb2}.jh-search input:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:#0000}.jh-sort{font:600 1rem/1 var(--label);color:var(--jh-soft);align-items:center;gap:10px;display:inline-flex}.jh-sort select{border:1px solid var(--jh-line-2);background:var(--jh-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b9c4d4' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 16px center;min-height:48px;color:var(--white);font:600 1rem/1.2 var(--label);appearance:none;cursor:pointer;border-radius:999px;padding:10px 40px 10px 16px}.jh-sort select:focus{outline:2px solid var(--focus);outline-offset:2px}.jh-count{font:600 .9375rem/1.3 var(--label);color:var(--jh-soft);margin:14px 0 24px}.jh-grid{grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.4vw,28px);display:grid}@media (width>=700px){.jh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.jh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.jh-cell{display:contents}.jh-cell[hidden]{display:none}.jh-card{background:var(--jh-card);border:1px solid var(--jh-line);transition:transform .32s var(--ease-out), border-color .2s ease, box-shadow .32s var(--ease-out);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.jh-card:hover{border-color:var(--jh-line-2);transform:translateY(-4px);box-shadow:0 24px 48px -28px #000c}.jh-card-img{aspect-ratio:3/2;display:block;overflow:hidden}.jh-card-img .pic,.jh-card-img img{object-fit:cover;width:100%;height:100%;display:block}.jh-card-img img{transition:transform .9s var(--ease-out)}.jh-card:hover .jh-card-img img{transform:scale(1.04)}.jh-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.jh-card-cat{font:600 .9375rem/1.2 var(--label);text-transform:lowercase;color:#9fb3d3;margin:0}.jh-card-h{font:800 1.375rem/1.2 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}.jh-card-p{color:#c9d2de;margin:0;font-size:1rem;line-height:1.55}.jh-card-meta{font:600 .875rem/1.4 var(--label);color:#9aa8bd;margin:auto 0 0;padding-top:6px}.jh-quiz{color:var(--white);transition:transform .32s var(--ease-out), border-color .2s ease;background:radial-gradient(90% 120% at 100% 0,#8ea3c452,#0000 62%),linear-gradient(140deg,#22324f,#121c31);border:1px solid #9db6d866;border-radius:16px;flex-direction:column;justify-content:center;gap:12px;padding:clamp(24px,3vw,36px);text-decoration:none;display:flex}.jh-quiz:hover{border-color:var(--mist);transform:translateY(-4px)}.jh-quiz-k{font:600 .9375rem/1.2 var(--label);color:#c9d6e8}.jh-quiz strong{font:800 clamp(1.4rem, 2vw, 1.75rem) / 1.15 var(--display);letter-spacing:-.02em}.jh-quiz-p{color:#d3dbe6;font-size:1rem;line-height:1.55}.jh-quiz-btn{align-self:flex-start;margin-top:6px}.jh-more{justify-content:center;margin-top:clamp(28px,4vw,44px);display:flex}.jh-more .btn{min-height:52px}.jh-more-n{opacity:.75}.jh-empty{padding:40px 0;font-size:1.125rem}.jh-empty p{margin:0 0 8px}.jh-empty-sub{color:var(--jh-soft)}.jh-linkbtn{color:var(--white);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.jh-method{border-top:1px solid var(--jh-line);background:#101a30;padding:clamp(56px,7vw,104px) 0}.jh-method-in{gap:clamp(28px,4vw,56px);display:grid}@media (width>=960px){.jh-method-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.jh-method-head{justify-items:start;gap:16px;display:grid}.jh-method-h{font:800 clamp(2rem, 3.6vw, 3.25rem) / 1.05 var(--display);letter-spacing:-.035em;color:var(--white);margin:0}.jh-method .text-link{color:var(--on-dark)}.jh-method-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.jh-method-item{border-top:1px solid var(--jh-line);grid-template-columns:auto minmax(0,1fr);gap:4px 20px;padding:22px 0;display:grid}.jh-method-item:last-child{border-bottom:1px solid var(--jh-line)}.jh-method-n{font:800 1.5rem/1.2 var(--display);color:var(--slate-soft);grid-row:span 2}.jh-method-item strong{font:800 1.25rem/1.3 var(--display);color:var(--white);letter-spacing:-.01em}.jh-method-item span:last-child{color:#c9d2de;font-size:1.0625rem;line-height:1.6}.jh-cap-sec{padding:clamp(56px,7vw,104px) 0}.jh-cap{border:1px solid var(--jh-line-2);background:radial-gradient(70% 120% at 0 100%,#46628e73,#0000 60%),radial-gradient(60% 90% at 100% 0,#8ea3c440,#0000 60%),linear-gradient(135deg,#1b2a4a,#121c31);border-radius:24px;gap:clamp(24px,4vw,48px);padding:clamp(28px,5vw,64px);display:grid}@media (width>=960px){.jh-cap{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}}.jh-cap-copy{justify-items:start;gap:16px;display:grid}.jh-cap-h{font:800 clamp(2rem, 3.6vw, 3rem) / 1.05 var(--display);letter-spacing:-.035em;color:var(--white);text-wrap:balance;margin:0}.jh-cap-list{color:#d3dbe6;gap:8px;margin:0;padding:0;font-size:1.0625rem;list-style:none;display:grid}.jh-cap-list li{padding-left:26px;position:relative}.jh-cap-list li:before{content:"";background:var(--slate-soft);border-radius:2px;width:14px;height:2px;position:absolute;top:.62em;left:0}.jh-cap-ask{color:var(--jh-soft);margin:18px 0 0;font-size:.9375rem;line-height:1.55}.jh-cap-ask .text-link{color:var(--on-dark)}@media (width<=699px){.jh-hero-in,.jh-lib-head,.jh-method-head,.jh-cap-copy{text-align:center;justify-items:center}.jh-crumbs ol,.jh-stats{justify-content:center}.jh-stats div{justify-items:center}.jh-h1,.jh-deck{margin-inline:auto}.jh-lead-body{text-align:center;justify-items:center}.jh-lead-k{justify-content:center}.jh-lead-btn,.jh-quiz-btn{justify-content:center;place-self:stretch stretch;min-height:52px}.jh-quiz{text-align:center;align-items:center}.jh-sort{justify-content:space-between}.jh-sort select{flex:1}.jh-cap-list{text-align:left}.jh-card-h{font-size:1.375rem}.jh-card-p{font-size:1.0625rem}.jh-topics ul{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}}@media (prefers-reduced-motion:reduce){.jh-card,.jh-quiz,.jh-card-img img,.jh-lead-img img,.jh-topics a{transition:none}.jh-card:hover,.jh-quiz:hover{transform:none}}