/* Classic blog index, aligned with the Visiomedical premium design standard. */
.wissen-page footer{margin-top:0}
.blog-index-hero{background:var(--mist);border-bottom:1px solid var(--line)}
.blog-index-intro{padding-block:48px 45px}
.blog-index-intro .eyebrow{margin-bottom:20px}
.blog-index-intro h1{font-size:clamp(2.9rem,4.1vw,4.1rem);margin-bottom:22px}
.blog-index-intro h1 em{font-size:.9em}
.blog-index-intro>p:last-child{max-width:800px;font-size:1.0625rem;line-height:1.75;margin-bottom:0}
.blog-index-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:6%;align-items:start;padding-block:55px 85px}
.blog-post-list{min-width:0;scroll-margin-top:110px}
.blog-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.blog-list-heading h2{font-size:1.45rem;letter-spacing:-.02em;line-height:1.3;margin:0;font-weight:500}
.blog-list-heading>span{font-size:.8125rem;color:var(--muted);white-space:nowrap}
.blog-post-card{border:1px solid var(--line);background:var(--paper)}
.blog-post-cover{display:flex;align-items:center;justify-content:center;position:relative;background:var(--mist);height:300px;padding:45px 40px 23px}
.blog-post-cover img{height:100%;width:100%;object-fit:contain;object-position:center;max-width:640px}
.blog-image-label{position:absolute;top:22px;left:28px;font-size:.6875rem;letter-spacing:.1em;color:var(--teal);font-weight:600}
.blog-post-copy{padding:32px}
.blog-post-meta{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-bottom:20px;font-size:.8125rem;color:var(--muted)}
.blog-category{color:var(--teal);font-weight:550;border-bottom:1px solid var(--line);padding-bottom:3px}
.blog-category:hover{border-color:var(--teal)}
.blog-post-copy h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;margin-bottom:20px}
.blog-post-copy h2 a:hover{color:var(--teal)}
.blog-post-copy>p{font-size:1rem;line-height:1.75;margin-bottom:25px;max-width:700px}
.blog-post-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}
.blog-post-bottom>span{font-size:.75rem;line-height:1.6;color:var(--muted)}
.blog-post-bottom .text-link{line-height:1.5}
.blog-sidebar{padding-top:6px;min-width:0}
.blog-sidebar-block{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.blog-sidebar-block:last-child{border:0;margin-bottom:0;padding-bottom:0}
.blog-sidebar-block .eyebrow{font-size:.65rem;letter-spacing:.1em;line-height:1.6;margin-bottom:15px}
.blog-sidebar-block h2{font-size:1.35rem;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin-bottom:18px}
.blog-sidebar-block>p:not(.eyebrow){font-size:.9375rem;line-height:1.8;margin-bottom:17px}
.blog-sidebar-block>p.blog-sidebar-note{font-size:.8125rem;line-height:1.7;margin-bottom:0}
.blog-topic-link{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;color:var(--muted);font-size:.875rem;line-height:1.5}
.blog-topic-link:hover{color:var(--teal)}
.blog-topic-link>span:last-child{display:grid;place-items:center;width:28px;height:28px;background:var(--mist);color:var(--teal);font-size:.8125rem;flex-shrink:0}
.blog-sidebar-advice{background:var(--mist);padding:24px!important}
.blog-sidebar-advice .button{width:100%;padding:15px 18px;font-size:.875rem;margin-bottom:22px}
.blog-sidebar-advice .text-link{display:inline-block;line-height:1.6;font-size:.8125rem}
.blog-sidebar-advice .blog-sidebar-note{margin-top:18px}
@media(max-width:1050px){.blog-index-layout{grid-template-columns:minmax(0,1fr) 250px;gap:5%}.blog-post-cover{height:290px;padding-inline:25px}.blog-post-copy{padding:28px}.blog-post-bottom{display:block}.blog-post-bottom>span{display:block;margin-top:18px}}
@media(max-width:760px){.blog-index-intro{padding-block:36px 32px}.blog-index-intro h1{font-size:clamp(2.6rem,10.5vw,3.2rem)}.blog-index-intro h1 em{font-size:.9em}.blog-index-intro>p:last-child{font-size:1rem}.blog-index-layout{grid-template-columns:1fr;gap:45px;padding-block:36px 55px}.blog-post-list{scroll-margin-top:95px}.blog-list-heading{margin-bottom:24px}.blog-list-heading h2{font-size:1.3rem}.blog-post-cover{height:265px;padding:43px 20px 18px}.blog-image-label{top:20px;left:22px;font-size:.65rem}.blog-post-copy{padding:26px}.blog-post-copy h2{font-size:2rem;overflow-wrap:break-word;hyphens:auto}.blog-post-meta{gap:12px 18px;font-size:.75rem}.blog-post-bottom{display:flex}.blog-post-bottom>span{margin-top:0}.blog-sidebar{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.blog-sidebar-advice{grid-column:1/-1}.blog-sidebar-block{margin-bottom:25px}}
@media(max-width:480px){.blog-sidebar{display:block}.blog-post-cover{height:240px}.blog-post-bottom{display:block}.blog-post-bottom>span{margin-top:17px}}
@media(max-width:360px){.blog-index-intro h1{font-size:2.6rem;overflow-wrap:break-word;hyphens:auto}.blog-post-cover{height:215px;padding-inline:15px}.blog-post-copy{padding:24px 20px}.blog-image-label{left:20px;letter-spacing:.06em}.blog-post-copy h2{font-size:1.85rem}}
