.journal-shell,.journal-article{width:var(--shell);margin-inline:auto;padding-block:clamp(4rem,9vw,7.5rem)}.journal-hero{position:relative;max-width:53.125rem;margin-bottom:3.5rem;isolation:isolate}.journal-hero::before{content:"";position:absolute;z-index:-1;top:-4.375rem;right:-15rem;width:min(54vw,40rem);aspect-ratio:640/420;background:var(--accent);opacity:.13;mask:url("../assets/journal-circuit.svg") center/contain no-repeat;pointer-events:none}.journal-hero h1,.journal-article>header h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.94;letter-spacing:-0.065em;margin-bottom:1.5rem}.journal-hero>p:not(.eyebrow),.journal-excerpt{max-width:45rem;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem)}.journal-rss,.journal-back{font:600 .8rem DM Mono,monospace;text-underline-offset:.3125rem}.journal-rss{margin-top:1.125rem}.journal-filters{display:grid;grid-template-columns:minmax(13.75rem, 2fr) minmax(10rem, 1fr) auto;align-items:end;gap:1rem;padding:1.375rem;margin-bottom:1.5rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb, var(--surface) 82%, transparent)}.journal-filters label,.journal-filter{display:grid;gap:.4375rem}.journal-filters .field-label{font:600 .82rem/1.35 Manrope,system-ui,sans-serif;letter-spacing:.01em}.journal-filter{min-width:0}.journal-count{color:var(--muted);font:500 .78rem DM Mono,monospace}.journal-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.125rem}.journal-card{display:flex;min-height:18.75rem;padding:1.875rem;flex-direction:column;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb, var(--surface) 80%, transparent);transition:transform .2s,border-color .2s,box-shadow .2s}.journal-card:hover{transform:translateY(-0.25rem);border-color:var(--accent);box-shadow:0 1.125rem 2.625rem color-mix(in srgb, var(--accent-fill) 16%, transparent)}.journal-empty{grid-column:1/-1;padding:2rem;border:1px dashed var(--line);border-radius:1rem;color:var(--muted);text-align:center}.journal-listing-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.125rem;margin-top:2.75rem;padding-top:1.75rem;border-top:1px solid var(--line);font:600 .8rem DM Mono,monospace}.journal-listing-pager ol{grid-column:2;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none}.journal-listing-pager a,.journal-listing-pager [aria-current=page]{display:inline-flex;min-width:2.625rem;min-height:2.625rem;align-items:center;justify-content:center;padding:.5rem .75rem;border:1px solid var(--line);border-radius:.625rem;text-decoration:none}.journal-listing-pager a:hover{border-color:var(--accent);background:var(--surface-blue)}.journal-listing-pager a:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.1875rem}.journal-listing-pager [aria-current=page]{border-color:var(--accent);color:var(--on-accent);background:var(--accent-fill)}.journal-listing-pager__previous{grid-column:1;justify-self:start}.journal-listing-pager__next{grid-column:3;justify-self:end}.journal-facets{display:grid;grid-template-columns:1fr 1fr;gap:1.375rem;margin:1.625rem 0 2.25rem}.journal-facets>div{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.journal-facets strong{width:100%;font:600 .75rem DM Mono,monospace;text-transform:uppercase}.journal-facets a{display:inline-flex;gap:.4375rem;padding:.3125rem .5625rem;border:1px solid var(--line);border-radius:6.1875rem;text-decoration:none;font:500 .72rem DM Mono,monospace}.journal-facets a:hover,.journal-facets a[aria-current=page]{border-color:var(--accent);background:var(--surface-blue)}.journal-facets span{color:var(--muted)}.journal-card__meta{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted);font:500 .7rem DM Mono,monospace}.journal-card h2{margin:1.75rem 0 .875rem;font-size:clamp(1.35rem,3vw,2rem);line-height:1.12;letter-spacing:-0.035em}.journal-card h2 a{text-decoration:none}.journal-card p{color:var(--muted)}.journal-categories{margin-top:auto;font:500 .72rem DM Mono,monospace}.difficulty{padding:.25rem .5rem;border:1px solid var(--accent);border-radius:6.1875rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.journal-article__kicker .difficulty{padding:0;border:0;border-radius:0;background:rgba(0,0,0,0)}.journal-article>header{max-width:58.75rem;margin-bottom:3.25rem}.journal-updated{color:var(--muted);font:500 .75rem DM Mono,monospace}.journal-layout{display:grid;grid-template-columns:14.375rem minmax(0, 47.5rem);gap:clamp(2.1875rem,6vw,5rem);align-items:start}.journal-toc{position:sticky;top:6.5625rem;padding:1.125rem;border-left:.125rem solid var(--accent);font-size:.82rem}.journal-toc strong{font:600 .75rem DM Mono,monospace;text-transform:uppercase}.journal-toc ol{margin:.875rem 0 0;padding-left:1.125rem}.journal-toc li+li{margin-top:.5rem}.journal-toc a{text-decoration:none}.journal-article__kicker{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem 1rem;margin-bottom:1.375rem}.journal-article__kicker .journal-back{display:inline-flex;align-items:center;gap:.4375rem;padding-right:1rem;border-right:1px solid var(--line)}.journal-article__kicker .eyebrow{display:inline-flex;align-items:center;gap:.4375rem;margin:0;padding:.375rem .625rem;border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));border-radius:6.1875rem;background:color-mix(in srgb, var(--accent) 9%, transparent)}.journal-prose{font-size:1.05rem;line-height:1.82}.journal-prose .journal-lede{font-size:1.25rem;color:var(--muted)}.journal-prose h2{margin:4rem 0 1.125rem;font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.08;letter-spacing:-0.04em;scroll-margin-top:6.25rem}.journal-prose p,.journal-prose ul{max-width:72ch}.journal-prose li+li{margin-top:.5rem}.journal-prose pre{position:relative;margin:1.875rem 0;padding:1.5rem;overflow:auto;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-radius:.75rem;background:#071022;color:#eaf1ff}.journal-prose code{font:400 .88rem/1.65 DM Mono,ui-monospace,monospace}.journal-prose :not(pre)>code{padding:.15em .4em;border-radius:.3125rem;background:var(--surface-blue);color:var(--accent)}.journal-prose pre.hljs-copy-wrapper{overflow:hidden}.journal-tags,.journal-share{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:2.75rem;padding-top:1.375rem;border-top:1px solid var(--line)}.journal-tags a{padding:.3125rem .625rem;border:1px solid var(--accent);border-radius:6.1875rem;text-decoration:none;font:500 .72rem DM Mono,monospace}.journal-share strong{margin-right:.5rem}.journal-pagination{display:flex;justify-content:space-between;gap:1.5625rem;margin-top:4.5rem;padding-top:1.75rem;border-top:1px solid var(--line);font:600 .8rem DM Mono,monospace}.journal-related{margin-top:5.625rem;padding-top:3.4375rem;border-top:1px solid var(--line)}.journal-related>h2{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-0.045em}@media(max-width: 47.5rem){.journal-filters,.journal-grid,.journal-layout,.journal-facets{grid-template-columns:1fr}.journal-filters .button{justify-content:center}.journal-card{min-height:15.625rem}.journal-toc{position:static}.journal-article>header h1{font-size:clamp(2.8rem,14vw,4.5rem)}.journal-hero::before{right:calc((100vw - 100%)/-2);opacity:.09}.journal-listing-pager{grid-template-columns:1fr 1fr}.journal-listing-pager ol{grid-column:1/-1;grid-row:1}.journal-listing-pager__previous{grid-column:1;grid-row:2}.journal-listing-pager__next{grid-column:2;grid-row:2}}