.jhub{padding-bottom:1rem}.jhub-head{grid-template-columns:minmax(0,1fr);align-items:end;gap:1.75rem;padding-top:2.5rem;padding-bottom:2rem;display:grid}.jhub-head-text{align-content:start;gap:1rem;display:grid}@media (min-width:900px){.jhub-head{grid-template-columns:minmax(0,1fr) minmax(0,24rem);gap:3rem;padding-top:4rem;padding-bottom:2.5rem}.jhub-head-category{grid-template-columns:minmax(0,1fr)}}.jhub-title{font-family:var(--journal-font-head);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2.5rem,1.5rem + 3.6vw,4.25rem);font-weight:800;line-height:1.02}.jhub-lead{max-width:38rem;color:var(--muted-foreground);text-wrap:pretty;font-size:1.125rem;line-height:1.6}.jhub-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);min-height:3.25rem;color:var(--muted-foreground);text-align:left;transition:border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-items:center;gap:.75rem;padding-inline:1rem;font-size:.9375rem;display:flex}.jhub-search span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.jhub-search:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.jhub-search:hover{border-color:color-mix(in oklab, var(--foreground) 28%, var(--border));background:color-mix(in oklab, var(--muted) 50%, var(--background))}}.jhub-text{max-width:var(--journal-wide);margin-inline:0;margin-bottom:3rem}.jhub-banner{margin-top:3.5rem}.jhub-empty{color:var(--muted-foreground);padding-block:4rem}.jhub-lead-grid{gap:2rem;margin-top:2rem;display:grid}.jhub-lead-side{gap:1.5rem;display:grid}@media (min-width:1024px){.jhub-lead-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:2.5rem}.jhub-lead-side{grid-template-rows:repeat(3,minmax(0,1fr));gap:1.5rem}}.jcard{align-content:start;gap:1rem;min-width:0;display:grid;position:relative}.jcard-cover{aspect-ratio:16/9;border-radius:var(--journal-radius);background:var(--muted);position:relative;overflow:hidden}.jcard-cover:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent);pointer-events:none;position:absolute;inset:0}.jcard-cover img{object-fit:cover;width:100%;height:100%;display:block}.jcard-body{align-content:start;gap:.5rem;min-width:0;display:grid}.jcard-kicker{color:var(--muted-foreground);flex-wrap:wrap;align-items:baseline;gap:.125rem .75rem;font-size:.8125rem;line-height:1.4;display:flex}.jcard-kicker span{color:var(--primary);font-weight:700}.jcard-title{font-family:var(--journal-font-head);letter-spacing:-.02em;text-wrap:balance;font-size:1.1875rem;font-weight:700;line-height:1.28}.jcard-title a{text-decoration:none}.jcard-title a:after{content:"";position:absolute;inset:0}.jcard-title a:focus-visible{outline:none}.jcard:has(.jcard-title a:focus-visible){outline:2px solid var(--primary);outline-offset:6px;border-radius:var(--journal-radius)}.jcard-text{-webkit-line-clamp:2;line-clamp:2;color:var(--muted-foreground);-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.jcard-meta{color:var(--muted-foreground);font-size:.8125rem}.jcard:active .jcard-cover{transform:scale(.992)}.jcard-cover{transition:transform var(--dur-micro) var(--ease-out)}.jcard[data-variant=lead]{gap:1.25rem}.jcard[data-variant=lead] .jcard-body{gap:.75rem}.jcard[data-variant=lead] .jcard-title{letter-spacing:-.03em;font-size:clamp(1.5rem,1.1rem + 1.3vw,2.125rem);line-height:1.15}.jcard[data-variant=lead] .jcard-text{-webkit-line-clamp:3;line-clamp:3;font-size:1rem}.jcard[data-variant=side]{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:1.25rem}.jcard[data-variant=side] .jcard-title{font-size:1.0625rem}@media (max-width:479px){.jcard[data-variant=side]{grid-template-columns:minmax(0,1fr)}}.jfeed{margin-top:3.5rem}.jhub-lead-grid+.jfeed,.jhub-banner+.jfeed{border-top:1px solid var(--border);padding-top:3rem}.jfeed-grid{grid-template-columns:minmax(0,1fr);gap:2.75rem 1.75rem;display:grid}@media (min-width:640px){.jfeed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.jfeed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem}}.jfeed-item{content-visibility:auto;contain-intrinsic-size:auto 22rem;margin:-.5rem;padding:.5rem}.jfeed-item[data-fresh]{animation:jfeed-in .42s var(--ease-out) both;animation-delay:var(--jfeed-delay,0s)}@keyframes jfeed-in{0%{opacity:0;transform:translateY(14px)}}.jfeed-foot{justify-items:center;gap:.875rem;margin-top:3.5rem;display:grid}.jfeed-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.875rem}.jfeed-progress{background:var(--border);border-radius:999px;width:10rem;height:3px;overflow:hidden}.jfeed-progress span{background:var(--foreground);transform-origin:0;width:100%;height:100%;transition:transform .42s var(--ease-out);display:block}.jfeed-error{max-width:24rem;color:var(--destructive);text-align:center;font-size:.875rem}.jfeed-more{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);min-height:3rem;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-items:center;gap:.5rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.jfeed-more:active{transform:scale(.98)}.jfeed-more[aria-busy=true]{opacity:.6;pointer-events:none}@media (hover:hover) and (pointer:fine){.jfeed-more:hover{background:var(--muted);border-color:color-mix(in oklab, var(--foreground) 24%, var(--border))}}.jskel{background:var(--muted);border-radius:.375rem;height:.875rem;animation:1.4s ease-in-out infinite jskel;display:block}.jskel-title{width:92%;height:1.25rem}.jcard-skeleton .jcard-cover{animation:1.4s ease-in-out infinite jskel}@keyframes jskel{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.jcard-cover img,.jfeed-progress span{transition:none}.jfeed-item[data-fresh]{animation:.15s linear both jfeed-fade}.jskel,.jcard-skeleton .jcard-cover{animation:none}.jcard:active .jcard-cover,.jfeed-more:active,.jhub-search:active{transform:none}}@keyframes jfeed-fade{0%{opacity:0}}.journal-chips-more{color:var(--primary);font:inherit;cursor:pointer;background:0 0;gap:.375rem;font-size:.9375rem;font-weight:600}.journal-chips-more svg{transition:transform var(--dur-short) var(--ease-out)}.journal-chips-more[aria-expanded=true] svg{transform:rotate(180deg)}.journal-chips-more:active{transform:scale(.98)}