/* Blogdesign 05.10.2026. Ausschliesslich Blog-, Rubrik- und Artikelkomponenten. */
.lw-blog-page .lw-blog-layout {
    display:grid; grid-template-columns:minmax(0,1fr) 245px;
    gap:32px; padding:clamp(18px,3.5vw,42px);
}
.lw-blog-layout > * {min-width:0}
.lw-blog-hero {grid-column:1/-1; padding:10px 0 26px; border-bottom:1px solid var(--border); position:relative}
.lw-blog-hero::after {content:"";position:absolute;right:0;top:8px;width:clamp(70px,14vw,145px);height:clamp(70px,14vw,145px);border:1px solid var(--accent-edge);border-radius:50%;box-shadow:inset 0 0 0 20px var(--accent-wash);pointer-events:none}
.lw-blog-eyebrow {display:block;font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.lw-blog-eyebrow span {color:var(--accent);margin-inline:8px}
.lw-blog-title {font-size:clamp(3rem,7vw,5.5rem);line-height:1.02;letter-spacing:-.06em;color:var(--text-primary);margin:14px 0 20px}
.lw-blog-title span {color:var(--accent)}
.lw-blog-hero .lw-blog-intro {max-width:68ch;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.75;margin:0 0 26px;padding-right:90px}
.lw-blog-topics {margin:0}
.lw-blog-topics h2 {font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}
.lw-blog-topics ul {gap:7px}
.lw-blog-topics a {font-size:.8rem;border-radius:999px;padding:8px 13px;transition:background-color .18s,border-color .18s}
.lw-blog-topics a:hover {background:var(--accent-wash)}
.lw-blog-topics .lw-blog-tools-link {background:var(--accent-wash);border-color:var(--accent-edge)}
.lw-blog-section-head {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
.lw-blog-section-head h2 {font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:-.035em;margin:0}
.lw-blog-feed-link {white-space:nowrap;color:var(--text-secondary);font-size:.8rem;text-decoration:none}
.lw-blog-feed {container:blog-feed / inline-size;min-width:0}
.lw-blog-feed-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.lw-blog-card {min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--bg-panel);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.lw-blog-card:hover,.lw-blog-card:focus-within {border-color:var(--accent-line);box-shadow:var(--shadow-soft)}
.lw-blog-card-media {display:block;overflow:hidden;background:var(--bg-sunk)}
.lw-blog-card-media picture,.lw-blog-card-media img {display:block;width:100%;height:auto}
.lw-blog-card-media img {aspect-ratio:1200/630;object-fit:cover;margin:0;border:0;border-radius:0;transition:transform .35s}
@media(hover:hover) {.lw-blog-card:hover .lw-blog-card-media img {transform:scale(1.025)}}
.lw-blog-card-body {padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}
.lw-blog-card-topics {margin-bottom:12px}
.lw-blog-card-topics a {font-size:.69rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--accent-soft);text-decoration:none}
.lw-blog-card-title {font-size:1.15rem;line-height:1.35;letter-spacing:-.02em;margin:0 0 12px;text-transform:none;overflow-wrap:anywhere;text-wrap:pretty}
.lw-blog-card-title a {color:var(--text-primary);text-decoration:none}
.lw-blog-card-title a:hover {color:var(--accent-soft)}
.lw-blog-card-meta {display:flex;flex-wrap:wrap;gap:6px;font-size:.74rem;color:var(--text-secondary);margin-bottom:14px;font-variant-numeric:tabular-nums}
.lw-blog-card-excerpt {font-size:.88rem;line-height:1.7;color:var(--text-mid);margin-bottom:18px;overflow-wrap:anywhere}
.lw-blog-card-excerpt p {margin:0}
.lw-blog-card-more {margin-top:auto;display:inline-flex;gap:12px;align-items:center;color:var(--accent-soft);font-size:.8rem;font-weight:700;text-decoration:none;padding-block:5px;border-bottom:1px solid var(--accent-edge)}
.lw-blog-card--lead {grid-column:1/-1}
@container blog-feed (min-width:580px) {
    .lw-blog-card--lead:has(.lw-blog-card-media) {display:grid;grid-template-columns:.92fr 1.08fr}
    .lw-blog-card--lead .lw-blog-card-media {align-self:center;margin:16px 0 16px 16px;border-radius:10px}
    .lw-blog-card--lead .lw-blog-card-title {font-size:1.35rem}
}
@container blog-feed (max-width:460px) {.lw-blog-feed-grid {grid-template-columns:1fr}}
.lw-blog-sidebar {display:flex;flex-direction:column;gap:22px;align-self:start}
.lw-blog-tool-callout {border:1px solid var(--accent-edge);background:var(--box-bg);border-radius:16px;padding:23px}
.lw-blog-tool-callout h2 {font-size:1.3rem;line-height:1.3;letter-spacing:-.02em;margin:12px 0}
.lw-blog-tool-callout p {font-size:.86rem;line-height:1.7;color:var(--text-mid);margin-bottom:18px}
.lw-blog-tool-callout>a {font-size:.8rem;font-weight:700;color:var(--accent-soft);text-decoration:none}
.lw-blog-category-index {border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--bg-sunk)}
.lw-blog-category-index>summary {font-size:.88rem;font-weight:700;cursor:pointer;line-height:1.45}
.lw-blog-category-index .section-title {text-transform:none}
.lw-blog-category-index .spec-list li {font-size:.8rem;overflow-wrap:anywhere}
.lw-blog-pagination {margin-top:28px}
.lw-blog-pagination .nav-links {display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lw-blog-pagination .page-numbers {display:inline-flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:7px 12px;color:var(--text-secondary);background:var(--bg-sunk);border:1px solid var(--border);border-radius:9px;font-size:.83rem;text-decoration:none}
.lw-blog-pagination .current {color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
.lw-blog-pagination .dots {border-color:transparent;background:transparent}
.lw-blog-feed .lw-serien-uebersicht {margin:44px 0 0;padding:28px 0 0;border-bottom:0;border-top:1px solid var(--border)}
.lw-blog-feed .lw-serien-gitter {grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.lw-blog-feed .lw-serien-karte {padding:16px 18px;border-radius:12px;background:var(--bg-sunk)}
.lw-blog-feed .lw-serien-karte summary {position:relative;list-style:none;padding-right:24px}
.lw-blog-feed .lw-serien-karte summary::-webkit-details-marker {display:none}
.lw-blog-feed .lw-serien-karte summary::after {content:"+";position:absolute;right:0;top:0;font-size:1.3rem;color:var(--accent)}
.lw-blog-feed .lw-serien-karte[open] summary::after {content:"−"}
.lw-blog-feed .lw-serien-zahl {font-size:.68rem;margin:8px 0 0;letter-spacing:.03em}
.lw-blog-feed .lw-serien-teile {margin-top:16px}
.lw-blog-layout .lw-blog-about {grid-column:1/-1;border-top:1px solid var(--border);padding-top:24px;background:none;margin:4px 0 0}
.lw-blog-about>p:last-child {font-size:.9rem;line-height:1.8;color:var(--text-mid);max-width:90ch;margin-top:10px}
.lw-blog-page :is(a,summary):focus-visible,.category-template :is(a,summary):focus-visible,.lw-reading-panel :is(a,summary,button):focus-visible {outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.category-template .lw-archive-card {border-radius:16px;padding:20px;gap:24px;background:var(--bg-panel)}
.category-template .lw-archive-card .entry-title {font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.35;letter-spacing:-.025em}
.category-template .lw-archive-thumb {border-radius:12px}
.category-template .lw-archive-meta {font-size:.78rem;gap:9px}
.category-template .lw-category-intro {margin-top:20px;border:1px solid var(--border);border-radius:12px;padding:16px 20px;background:var(--bg-sunk)}
.category-template .lw-category-intro summary {font-size:.88rem;font-weight:650;cursor:pointer;color:var(--text-mid)}
.category-template .lw-category-intro .category-description-box {border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none;margin:18px 0 0;padding:0;line-height:1.8}
.category-template .category-language-switcher {font-size:.82rem}
.lw-reading-panel .category-breadcrumbs {font-size:.8rem;line-height:1.65;gap:6px}
.lw-reading-panel .lw-reading-title {font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.2;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
.lw-reading-panel .post-language-switcher {font-size:.82rem;line-height:1.7}
.lw-reading-panel .post-language-switcher ul {flex-wrap:wrap}
.lw-reading-panel .post-date-single {font-variant-numeric:tabular-nums;font-size:.8rem}
.lw-reading-panel .lw-aufmacher {border-radius:16px;overflow:hidden;margin-bottom:26px}
.lw-reading-panel .lw-prose {line-height:1.85;font-size:1rem;overflow-wrap:anywhere}
.lw-reading-panel .lw-prose>p {margin-bottom:1.4em}
.lw-reading-panel .lw-prose>p:not(:has(img)),.lw-reading-panel .lw-prose>ul,.lw-reading-panel .lw-prose>ol {max-width:72ch}
.lw-reading-panel .lw-prose :is(h2,h3) {line-height:1.35;letter-spacing:-.015em;text-wrap:pretty;scroll-margin-top:24px}
.lw-reading-panel .lw-prose h2 {font-size:clamp(1.3rem,2.1vw,1.65rem);margin-top:2em;margin-bottom:.85em}
.lw-reading-panel .lw-prose h3 {font-size:clamp(1.05rem,1.7vw,1.25rem);margin-top:1.7em;margin-bottom:.7em}
.lw-reading-panel .lw-prose a {text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:900px) {.lw-blog-page .lw-blog-layout {grid-template-columns:1fr;gap:26px}.lw-blog-sidebar {display:grid;grid-template-columns:1fr 1fr}.lw-blog-sidebar .reopen-consent {grid-column:1/-1}}
@media(max-width:620px) {
    .lw-blog-feed-grid {grid-template-columns:1fr}
    .lw-blog-sidebar {grid-template-columns:1fr}
    .lw-blog-hero {padding-top:6px}
    .lw-blog-hero::after {width:64px;height:64px;top:22px;box-shadow:inset 0 0 0 10px var(--accent-wash)}
    .lw-blog-hero .lw-blog-intro {padding-right:0;font-size:.98rem}
    .lw-blog-card-body {padding:20px}
    .lw-blog-card-title {font-size:1.22rem}
    .lw-blog-card-excerpt {font-size:.92rem}
    .lw-blog-topics a {font-size:.76rem;padding:8px 11px}
    .category-template .lw-archive-card {padding:16px}
    .lw-reading-panel .lw-prose {font-size:1rem;line-height:1.8}
}
@media(prefers-reduced-motion:reduce) {
    .lw-blog-page *, .category-template .lw-archive-card, .lw-reading-panel * {scroll-behavior:auto;animation:none;transition:none}
    .lw-blog-card:hover .lw-blog-card-media img,.category-template .lw-archive-card:hover {transform:none}
}