.jrl{--jrl-ease: cubic-bezier(.22, 1, .36, 1);overflow:clip}body:has(.jrl) :where(a,button):focus-visible{outline:3px solid var(--color-accent-text);outline-offset:4px}body:has(.jrl) :where(.s-word,.s-links a,.s-nav-cta){min-height:44px;align-items:center}body:has(.jrl) :where(.s-word,.s-links a){display:inline-flex}body:has(.jrl) .burger{width:44px;height:44px}body:has(.jrl) .s-foot-col a{display:flex;min-height:44px;align-items:center}body:has(.jrl) :where(.s-links,.mobile-panel) a[href="/journal"]{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent-text);text-decoration-thickness:2px;text-underline-offset:.35rem}body:has(.jrl) .mobile-panel a[href="/journal"]{color:var(--color-terminal-ink)}.jrl-eyebrow{margin:0 0 .75rem;color:var(--color-accent-text);font:600 .7rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.jrl-eyebrow-dark{color:var(--color-accent)}.jrl-hero{padding:clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,3.5rem);border-bottom:1px solid var(--color-line)}.jrl-hero h1{max-width:20ch;margin:0 0 1rem;font-size:clamp(2.1rem,4.6vw,3.75rem);font-weight:500;line-height:1.05;letter-spacing:-.055em;text-wrap:balance}.jrl-lead{max-width:52ch;margin:0;color:var(--color-ink-muted);font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.68}.jrl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.jrl-list{padding:clamp(3rem,6vw,4.5rem) 0 0}.jrl-articles{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-line)}.jrl-articles>li{border-bottom:1px solid var(--color-line)}.jrl-articles a{display:block;padding:clamp(1.5rem,3.5vw,2.25rem) 0;text-decoration:none;color:inherit}.jrl-articles time{display:block;margin-bottom:.6rem;color:var(--color-ink-faint);font:500 .75rem var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.jrl-articles h3{max-width:32ch;margin:0 0 .5rem;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:500;line-height:1.2;letter-spacing:-.03em}.jrl-articles p{max-width:52ch;margin:0 0 .75rem;color:var(--color-ink-muted);font-size:.95rem;line-height:1.6}.jrl-articles-more{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-accent-text);font:600 .82rem var(--font-mono)}.jrl-articles a:hover .jrl-articles-more,.jrl-articles a:focus-visible .jrl-articles-more{text-decoration:underline;text-underline-offset:.25rem}.jrl-soon{padding:clamp(3rem,6vw,4.5rem) 0 clamp(4rem,7vw,6rem)}.jrl-soon-card{max-width:42rem;padding:clamp(1.75rem,3.5vw,2.5rem);border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-paper)}.jrl-soon-card h2{max-width:22ch;margin:0 0 .75rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:500;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}.jrl-soon-text{max-width:46ch;margin:0 0 1.5rem;color:var(--color-ink-muted);font-size:.95rem;line-height:1.65}.jrl-themes{list-style:none;display:grid;gap:1.1rem;margin:0;padding:1.5rem 0 0;border-top:1px solid var(--color-line)}.jrl-theme-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-ink);font:600 .85rem/1.3 var(--font-mono)}.jrl-theme-label svg{color:var(--color-accent-text)}.jrl-themes p{margin:.4rem 0 0;max-width:48ch;color:var(--color-ink-muted);font-size:.9rem;line-height:1.6}.jrl-close{padding:clamp(3.5rem,7vw,6rem) 0;background:var(--color-dark);color:var(--color-terminal-ink)}.jrl-close-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.7fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}.jrl-close h2{max-width:22ch;margin:0 0 1rem;font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:500;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}.jrl-close>.wrap>div>p:last-child{max-width:46ch;margin:0;color:#b5b1a0;font-size:.92rem;line-height:1.65}.jrl-close-links{display:flex;flex-direction:column;gap:.9rem;border-top:1px solid var(--color-dark-line);padding-top:1.25rem}.jrl-close-links a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;color:var(--color-terminal-ink);font:600 .88rem/1.3 var(--font-mono);text-decoration:none}.jrl-close-links a:hover,.jrl-close-links a:focus-visible{color:var(--color-accent)}@media(max-width:900px){.jrl-close-grid{grid-template-columns:1fr}}@media(max-width:620px){.jrl .wrap{padding-inline:1.1rem}.jrl-hero{padding:3rem 0 2.5rem}}@media(prefers-reduced-motion:reduce){.jrl *,.jrl *:before,.jrl *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
