.blog-meta{display:block;margin-top:var(--space-lg);font-size:.8rem;font-weight:700;font-stretch:72%;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);font-variant-numeric:tabular-nums}.blog-line{list-style:none;margin:var(--space-2xl) 0 0;padding:0}.blog-line__row{position:relative;display:grid;grid-template-columns:6rem 3rem minmax(0,1fr);gap:0 1rem;align-items:start;padding-block:var(--space-lg)}.blog-line__row:before{content:"";position:absolute;top:0;bottom:0;left:calc(8.5rem - 1px);border-left:2px solid var(--border-2)}.blog-line__row:first-child:before{top:calc(var(--space-lg) + 1.5rem)}.blog-line__row:last-child:before{bottom:calc(100% - var(--space-lg) - 1.5rem)}.blog-line__row:only-child:before{display:none}.blog-line__date{text-align:right;font-size:2rem;font-weight:800;font-stretch:66%;line-height:1;text-transform:uppercase;font-variant-numeric:tabular-nums}.blog-line__date span{display:block;margin-top:.2rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--fg-faint)}.blog-line__ring{position:relative;z-index:1;width:3rem;height:3rem;box-sizing:border-box;border-radius:50%;border:3.5px solid var(--border-2);background:var(--bg)}.blog-line h2{font-size:clamp(1.5rem,1.6vw + 1rem,2.2rem);line-height:1;font-weight:800;font-stretch:72%;text-transform:uppercase;max-width:26ch;text-wrap:balance}.blog-line h2 a{color:inherit;text-decoration:none}.blog-line h2 a:hover,.blog-line h2 a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.blog-line p{margin-top:.6rem;color:var(--fg-muted);max-width:60ch}.blog-line .blog-meta{margin-top:.7rem}.blog-feed{margin-top:var(--space-xl);padding-bottom:var(--space-3xl);font-size:.9rem;color:var(--fg-muted)}.post{padding-bottom:var(--space-3xl)}.post__head{padding-bottom:var(--space-2xl)}.post__head h1{text-wrap:balance}.post__body{position:relative;padding-left:4.5rem;font-size:1.075rem;line-height:1.65}.post__body:before{content:"";position:absolute;left:calc(1.5rem - 1px);top:1.2rem;bottom:1.5rem;border-left:2px solid var(--border-2)}.post__body>*{max-width:65ch}.post__body p{margin-top:1.1em}.post__body h2{position:relative;margin-top:var(--space-2xl);font-size:clamp(1.5rem,1.4vw + 1rem,2rem);line-height:1.05;font-weight:800;font-stretch:72%;text-transform:uppercase;text-wrap:balance}.post__body>h2:first-child{margin-top:0}.post__body h3{position:relative;margin-top:var(--space-xl);font-size:1.2rem;line-height:1.15;font-weight:800;font-stretch:72%;text-transform:uppercase;letter-spacing:.01em}.post__body h2+p,.post__body h3+p{margin-top:.6em}.post__body h2:before{content:"";position:absolute;left:-4.5rem;top:calc(.5lh - 1.5rem);width:3rem;height:3rem;box-sizing:border-box;border-radius:50%;border:3.5px solid var(--border-2);background:var(--bg)}.post__body h3:before{content:"";position:absolute;left:-3.5rem;top:calc(.5lh - .5rem);width:1rem;height:1rem;box-sizing:border-box;border-radius:50%;border:2px solid var(--border-2);background:var(--bg)}.post__body ul{margin-top:1em;padding-left:1.1rem}.post__body li{margin-top:.45em}.post__body li::marker{color:var(--fg-faint)}.post__body a{color:var(--fg);text-decoration-thickness:1px;text-underline-offset:.18em}.post__body a:hover{text-decoration-thickness:2px}.post__body em{font-style:italic}.plate{margin:0}.plate img{display:block;width:100%;height:auto}.plate--app img{border:1.5px solid var(--border-2);background:var(--surface)}.plate--unit img{border:7px solid oklch(.17 .01 255);border-radius:6px;background:#0d1014}[data-theme=dark] .plate--unit img{box-shadow:0 0 0 1px var(--border)}.plate figcaption{margin-top:.4rem;font-size:.72rem;font-weight:700;font-stretch:72%;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-muted)}.post__photo{margin:var(--space-xl) 0 0}.post__photo img{display:block;width:100%;max-width:32rem;height:auto;border:1.5px solid var(--border-2)}.post__photo figcaption{margin-top:.4rem;font-size:.72rem;font-weight:700;font-stretch:72%;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-muted)}.post__finish{position:relative;margin-top:var(--space-2xl);padding-top:.2rem}.post__finish:before{content:"";position:absolute;left:-4.75rem;top:-.55rem;width:3.5rem;height:3.5rem;box-sizing:border-box;border-radius:50%;border:3.5px solid var(--border-2);background:var(--border-2) url(/blog/img/jonas-avatar.webp) center / cover no-repeat}.post__finish:before{z-index:1}.post__finish:after{content:"";position:absolute;left:calc(-3rem - 4px);top:1.2rem;bottom:-2rem;width:8px;background:var(--bg)}.post__finish h2{margin-top:0}.post__finish h2:before{display:none}.post__finish p{color:var(--fg-muted)}.post__byline{font-weight:700;color:var(--fg)}@media(min-width:64rem){.post__body:has(.plate){max-width:calc(17.5rem + 65ch);padding-right:13rem}.post__body .plate{float:right;clear:right;width:11rem;margin:.35rem -13rem 1rem 0}}@media(max-width:63.99rem){.post__body .plate{width:min(12rem,60%);margin-top:var(--space-lg)}}@media(max-width:40rem){.post__body{padding-left:2.6rem;font-size:1.05rem}.post__body:before{left:calc(.8rem - 1px);top:.8rem}.post__body h2:before,.post__finish:before{left:-2.6rem;width:1.6rem;height:1.6rem;border-width:3px;top:calc(.5lh - .8rem)}.post__finish:before{top:-.3rem;left:-2.9rem;width:2.2rem;height:2.2rem}.post__finish:after{left:calc(-1.8rem - 4px);top:.8rem}.post__body h3:before{left:-2.2rem;width:.8rem;height:.8rem;top:calc(.5lh - .4rem)}.blog-line__row{grid-template-columns:3.6rem 2rem minmax(0,1fr);gap:0 .7rem}.blog-line__row:before{left:calc(5.3rem - 1px)}.blog-line__row:first-child:before{top:calc(var(--space-lg) + 1rem)}.blog-line__row:last-child:before{bottom:calc(100% - var(--space-lg) - 1rem)}.blog-line__ring{width:2rem;height:2rem;border-width:3px}.blog-line__date{font-size:1.4rem}}
