.blog{padding-bottom:env(safe-area-inset-bottom)}.blog main>section,.blog footer{content-visibility:visible}.blog-intro{background-image:radial-gradient(ellipse at 100% 100%, var(--coral-soft), transparent 60%)}.blog-chip{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;min-height:44px;padding:.6rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.blog-chip:hover{border-color:var(--accent)}.blog-chip-active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.blog-reading{min-width:0;max-width:70ch;font-size:1.0625rem}.blog-breadcrumb{overflow-wrap:anywhere}.blog-prose{font-size:inherit;overflow-wrap:anywhere;line-height:1.85}.blog-prose>:first-child{margin-top:0}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin-block:1.25rem}.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6,.blog [id]{scroll-margin-top:6rem}.blog-prose h2{font-family:var(--font-display);margin-top:3rem;margin-bottom:1.2rem;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:700;line-height:1.2}.blog-prose h3{font-family:var(--font-display);margin-top:2rem;font-size:1.4rem;font-weight:700;line-height:1.3}.blog-prose h4,.blog-prose h5,.blog-prose h6{margin-top:1.5rem;font-weight:700}.blog-prose ul,.blog-prose ol{padding-left:1.4rem}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.5rem}.blog-prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.blog-prose .blog-anchor{min-width:44px;min-height:44px;font-family:var(--font-body);opacity:0;justify-content:center;align-items:center;margin-left:.25rem;font-size:1rem;font-weight:400;text-decoration:none;display:inline-flex}.blog-prose blockquote{border-left:3px solid var(--coral);color:var(--muted);padding-left:1.25rem}.blog-prose img{border-radius:1.25rem;max-width:100%;height:auto;margin-block:2rem;display:block}.blog-prose code{background:var(--accent-soft);border-radius:.35rem;padding:.1rem .3rem;font-size:.9em}.blog-prose pre{background:var(--accent-soft);border-radius:1rem;padding:1rem;overflow:auto}.blog-prose pre code{padding:0}.blog-prose hr{border-color:var(--line);margin-block:2.5rem}.blog-table{border:1px solid var(--line);border-radius:1rem;max-width:100%;margin-block:2rem;overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%;font-size:.95rem}.blog-table th,.blog-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:8rem;padding:.8rem 1rem}.blog-table th{background:var(--accent-soft);font-weight:700}.blog-table tr:last-child td{border-bottom:0}.blog-box{background:var(--accent-soft);border-radius:1.5rem;gap:.75rem;margin-block:2rem;padding:1.25rem;display:flex}.blog-box .blog-box-title{margin:0 0 .5rem;font-weight:700;line-height:1.4}.blog-box p:last-child,.blog-box ul:last-child,.blog-box ol:last-child{margin-bottom:0}.blog-box-compi .blog-box-title{font-family:var(--font-hand);color:var(--accent);font-size:1.5rem}.blog-box-info{border:1px solid var(--line);background:var(--card)}.blog-box-achtung{border-left:4px solid var(--warn);background:var(--warn-soft)}.blog-prose .contains-task-list{padding-left:0;list-style:none}.blog-prose .task-list-item input{accent-color:var(--accent);margin-right:.5rem}.blog-card{min-width:0}.blog-card h2{overflow-wrap:anywhere}.blog-publication{background-image:radial-gradient(ellipse at 100% 100%, var(--coral-soft), transparent 70%)}.blog-publication-badge{border-style:dashed}@media (max-width:420px){.blog-box{gap:.35rem;padding:1rem}.blog-box-compi>div:first-child svg{width:52px;height:52px}}.blog-categories{scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:.5rem;padding:1.25rem 2px;display:flex;overflow-x:auto}.blog-intro-empty{grid-template-columns:1fr}.blog-article-title{overflow-wrap:anywhere;text-wrap:pretty}.blog-disclosure>summary{list-style:none}.blog-disclosure>summary::-webkit-details-marker{display:none}.blog-disclosure-icon{transition:rotate .2s}.blog-disclosure[open]>summary .blog-disclosure-icon{rotate:45deg}.blog-box-title+p,.blog-box-title+ul,.blog-box-title+ol{margin-top:.6rem}.blog-card-image{transition:transform .25s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.blog-card a:hover .blog-card-image{transform:scale(1.025)}}@media (min-width:768px){.blog-categories{flex-wrap:wrap;padding-block:1.5rem;overflow:visible}.blog-reading{font-size:1.125rem}}.blog-prose .blog-anchor:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.blog-prose :is(h2,h3,h4,h5,h6):hover .blog-anchor{opacity:.6}.blog-prose :is(h2,h3,h4,h5,h6):hover .blog-anchor:focus-visible{opacity:1}}
