/* Editorial photography and guides share the Wertspur light/dark palette. */
html[data-theme] body.wertspur .ws-knowledge { background:var(--ws-surface) }
.wertspur .ws :is(.ws-guide-card,.ws-situation) { display:flex; flex-direction:column; color:var(--ws-ink); text-decoration:none; border:1px solid var(--ws-line); background:var(--ws-surface); border-radius:3px; overflow:hidden; transition:border-color .2s,box-shadow .2s }
.wertspur .ws :is(.ws-guide-card,.ws-situation):hover { border-color:var(--ws-gold); box-shadow:0 14px 36px #142d4810 }
.wertspur .ws :is(.ws-guide-card,.ws-situation):focus-visible { outline:3px solid var(--ws-blue); outline-offset:5px }
.wertspur .ws :is(.ws-guide-card,.ws-situation)>img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover }
.wertspur .ws :is(.ws-guide-card,.ws-situation)>div { padding:26px 27px; display:flex; flex:1; flex-direction:column }
.wertspur .ws .ws-card-category { color:var(--ws-gold); font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; line-height:1.6 }
.wertspur .ws :is(.ws-guide-card,.ws-situation) h3 { font-family:Georgia,serif; font-weight:400; font-size:26px; line-height:1.2; letter-spacing:-.025em; margin:15px 0 12px }
.wertspur .ws :is(.ws-guide-card,.ws-situation) p { font-size:14px; line-height:1.8; margin:0 0 25px; color:var(--ws-muted) }
.wertspur .ws .ws-card-link { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:auto; padding-top:18px; border-top:1px solid var(--ws-line); color:var(--ws-blue); font-size:12px; font-weight:600 }
.wertspur .ws .ws-card-link>span { font-size:19px; font-weight:400; color:var(--ws-gold) }
.wertspur .ws-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px }
.wertspur .ws-knowledge-preview .ws-section-head>div:last-child { max-width:310px }
.wertspur .ws-knowledge-preview .ws-section-head>div:last-child p { font-size:15px; margin-bottom:18px }
.wertspur .ws-product-story { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; margin-top:75px; border:1px solid var(--ws-line); background:var(--ws-paper) }
.wertspur .ws-product-story figure { margin:0; height:100%; display:flex; flex-direction:column; min-width:0 }
.wertspur .ws-product-story img { display:block; width:100%; flex:1; min-height:320px; object-fit:cover; object-position:55% center }
.wertspur .ws-product-story figcaption { padding:12px 19px; font-size:10px; line-height:1.6; color:var(--ws-muted); background:var(--ws-surface); border-top:1px solid var(--ws-line) }
.wertspur .ws-product-story>div { padding:40px }
.wertspur .ws-product-story h2 { font-size:36px }
.wertspur .ws-product-story p:not(.ws-eyebrow) { font-size:14px; margin:20px 0; line-height:1.8 }
.wertspur .ws-product-story ul { margin:22px 0; padding:0; list-style:none }
.wertspur .ws-product-story li { position:relative; font-size:13px; padding:9px 0 9px 24px; color:var(--ws-ink) }
.wertspur .ws-product-story li:before { content:'✓'; position:absolute; left:0; color:var(--ws-gold) }
.wertspur .ws-process-grid { align-items:center; gap:65px }
.wertspur .ws-method-photo { margin:0; border:1px solid var(--ws-line); background:var(--ws-surface) }
.wertspur .ws-method-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover }
.wertspur .ws-method-photo figcaption { padding:15px 20px; color:var(--ws-muted); font-size:12px; line-height:1.6 }
.wertspur .ws-process .ws-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:40px; padding-top:0 }
.wertspur .ws-process .ws-steps li { border-top:1px solid var(--ws-line); border-bottom:0; align-items:baseline; padding-top:24px; gap:17px }
.wertspur .ws-process .ws-steps h3 { font-size:18px }
.wertspur .ws-process .ws-steps p { font-size:13px }
.wertspur .ws-situation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px }
.wertspur .ws .ws-situation>img { aspect-ratio:16/9 }
.wertspur .ws .ws-situation>div { padding:29px 32px }
.wertspur .ws-worklife { border-top:1px solid var(--ws-line) }
.wertspur .ws-header nav a[aria-current] { color:var(--ws-blue); text-decoration:underline; text-decoration-color:var(--ws-gold); text-underline-offset:8px }
.wertspur .ws-crumbs { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:12px; line-height:1.7; color:var(--ws-muted); margin-bottom:45px }
.wertspur .ws-crumbs a { color:var(--ws-blue) }
.wertspur .ws-crumbs a:hover { text-decoration:underline; text-underline-offset:4px }
.wertspur .ws-crumbs>span[aria-hidden] { color:var(--ws-gold) }
.wertspur .ws-knowledge-index,.wertspur .ws-knowledge-article { padding-top:30px; padding-bottom:75px }
.wertspur .ws-knowledge-intro { display:grid; grid-template-columns:1.15fr 1fr; align-items:end; gap:80px; margin:65px 0 58px; padding-bottom:45px; border-bottom:1px solid var(--ws-line) }
.wertspur .ws-knowledge-intro h1 { font-size:clamp(40px,4.5vw,65px); line-height:1.05 }
.wertspur .ws-knowledge-intro>div>p:not(.ws-eyebrow) { font-size:16px; line-height:1.9; margin-bottom:26px }
.wertspur .ws-reading { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:11px; line-height:1.7; color:var(--ws-muted) }
.wertspur .ws-reading>span+span { border-left:1px solid var(--ws-line); padding-left:24px }
.wertspur .ws-knowledge-help { display:flex; align-items:center; justify-content:space-between; gap:50px; margin-top:75px; padding:45px 48px; border:1px solid var(--ws-line); border-top:2px solid var(--ws-gold); background:var(--ws-paper) }
.wertspur .ws-knowledge-help h2 { font-size:35px }
.wertspur .ws-knowledge-help p:not(.ws-eyebrow) { font-size:14px; max-width:610px; margin-top:19px }
.wertspur .ws-knowledge-help>div:last-child:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; gap:23px; flex:none }
.wertspur .ws-knowledge-help>.ws-btn { flex:none }
.wertspur .ws-story-head { max-width:870px; margin:65px auto 40px; text-align:center }
.wertspur .ws-story-head .ws-eyebrow,.wertspur .ws-story-head .ws-reading { justify-content:center }
.wertspur .ws-story-head h1 { font-size:clamp(40px,4.8vw,67px); line-height:1.08; margin:18px 0 22px; letter-spacing:-.035em }
.wertspur .ws .ws-story-lead { max-width:760px; margin:0 auto 25px; font-size:18px; line-height:1.8; color:var(--ws-muted) }
.wertspur .ws-story-photo { margin:0 auto; max-width:1100px }
.wertspur .ws-story-photo img { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; border-radius:3px }
.wertspur .ws-story-photo figcaption { text-align:right; margin:12px 0 0; color:var(--ws-muted); font-size:11px; line-height:1.7 }
.wertspur .ws-story-layout { display:grid; grid-template-columns:230px minmax(0,730px); justify-content:center; align-items:start; gap:70px; margin:65px auto 0 }
.wertspur .ws-story-toc { position:sticky; top:25px; border-top:2px solid var(--ws-gold); padding-top:19px }
.wertspur .ws-story-toc>b { display:block; font-size:13px; margin-bottom:14px }
.wertspur .ws-story-toc>a { display:flex; align-items:baseline; gap:12px; font-size:12px; line-height:1.6; padding:13px 0; border-bottom:1px solid var(--ws-line); color:var(--ws-muted); text-decoration:none }
.wertspur .ws-story-toc>a>span { flex:none; font-family:Georgia,serif; font-size:15px; color:var(--ws-gold) }
.wertspur .ws-story-toc>a:hover { color:var(--ws-blue) }
.wertspur .ws-story-toc>a.ws-toc-back { border:0; margin-top:17px; color:var(--ws-blue) }
html[data-theme] body.wertspur .ws-story-content>section { background:transparent; padding:0 0 42px; scroll-margin-top:30px }
html[data-theme] body.wertspur .ws-story-content>section+section { padding-top:40px; border-color:var(--ws-line) }
.wertspur .ws .ws-story-content h2 { font-family:Georgia,serif; font-size:32px; line-height:1.2; font-weight:400; letter-spacing:-.02em; margin-bottom:20px; color:var(--ws-ink) }
.wertspur .ws .ws-story-content h3 { color:var(--ws-ink); font-weight:500; font-size:21px; line-height:1.3 }
html[data-theme] body.wertspur .ws-story-content :is(p,li) { color:var(--ws-muted); font-size:15px; line-height:1.85 }
.wertspur .ws .ws-story-content>section>p:first-of-type { font-size:16px }
.wertspur .ws-story-content a { color:var(--ws-blue); overflow-wrap:anywhere }
.wertspur .ws-story-content :is(.answer-box,.warning-box) { background:var(--ws-champagne); border-radius:3px; border-left:2px solid var(--ws-gold); padding:24px 27px }
.wertspur .ws-story-content :is(.answer-box,.warning-box) b { color:var(--ws-gold); font-size:11px }
html[data-theme] body.wertspur .ws-story-content :is(.answer-box,.warning-box) p { color:var(--ws-ink); font-size:14px!important }
.wertspur .ws-story-content .article-steps { margin-left:19px }
.wertspur .ws-story-content .article-steps li { border-color:var(--ws-line) }
.wertspur .ws-story-content .article-steps li:before { border-radius:3px; background:var(--ws-blue-soft); color:var(--ws-blue) }
.wertspur .ws-story-content .article-steps b { color:var(--ws-ink); font-size:15px }
.wertspur .ws-story-content .article-steps p { font-size:14px }
.wertspur .ws-story-content .check-list li:before { color:var(--ws-success); background:var(--ws-success-bg); border-radius:3px }
html[data-theme] body.wertspur .ws-story-content :is(.deadline-grid,.field-grid,.comparison)>div { border-color:var(--ws-line); border-radius:3px; background:var(--ws-paper); padding:22px }
.wertspur .ws-story-content :is(.deadline-grid b,.field-grid b,.comparison span) { color:var(--ws-blue); font-size:11px; line-height:1.6 }
html[data-theme] body.wertspur .ws-story-content :is(.deadline-grid,.field-grid,.comparison) p { font-size:13px!important; line-height:1.8 }
.wertspur .ws-story-content .product-inline { border-radius:3px; background:#142d48; padding:30px; align-items:flex-start; flex-direction:column; gap:20px }
.wertspur .ws .ws-story-content .product-inline h3 { color:#fff; margin:10px 0 }
.wertspur .ws-story-content .product-inline span { color:#d9be93; font-size:10px }
html[data-theme] body.wertspur .ws-story-content .product-inline p { color:#c3d1e1; font-size:14px }
.wertspur .ws-story-content .product-inline .ws-btn { background:#e9dcc6; color:#142d48; font-size:13px }
html[data-theme] body.wertspur .ws-story-content .source-line { background:var(--ws-blue-soft); border-color:var(--ws-blue); font-size:12px!important; line-height:1.8 }
.wertspur .ws-story-content .article-faq summary { font-size:15px; line-height:1.6; color:var(--ws-ink); padding:21px 0 }
.wertspur .ws-story-content .article-faq summary span { color:var(--ws-gold) }
.wertspur .ws-story-content .article-faq details[open] summary span { transform:rotate(45deg) }
.wertspur .ws-story-content .article-faq details p { font-size:14px; margin-top:0 }
.wertspur .ws-article-note { border-top:1px solid var(--ws-line); padding-top:22px }
.wertspur .ws-article-note b { color:var(--ws-muted); font-size:12px }
html[data-theme] body.wertspur .ws-article-note p { font-size:12px; margin-top:7px }
.wertspur .ws-related { margin-top:70px }
@media(max-width:1100px) {
  .wertspur .ws-product-story { grid-template-columns:1fr 1fr }
  .wertspur .ws-product-story>div { padding:30px }
  .wertspur .ws-guide-grid { gap:18px }
  .wertspur .ws :is(.ws-guide-card,.ws-situation)>div { padding:22px }
  .wertspur .ws .ws-guide-card h3 { font-size:24px }
  .wertspur .ws-story-layout { grid-template-columns:210px minmax(0,1fr); gap:40px }
  .wertspur .ws-knowledge-help { padding:35px; gap:30px }
  .wertspur .ws-knowledge-intro { gap:40px }
}
@media(max-width:900px) {
  .wertspur .ws-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .wertspur .ws-related .ws-guide-card:last-child,.wertspur .ws-knowledge-preview .ws-guide-card:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr }
  .wertspur .ws-related .ws-guide-card:last-child>img,.wertspur .ws-knowledge-preview .ws-guide-card:last-child>img { height:100%; aspect-ratio:auto }
  .wertspur .ws-product-story { grid-template-columns:1fr }
  .wertspur .ws-product-story img { min-height:0; aspect-ratio:16/9; flex:auto; height:auto }
  .wertspur .ws-product-story>div { padding:32px }
  .wertspur .ws-process-grid { gap:30px }
  .wertspur .ws-process .ws-steps { gap:20px }
  .wertspur .ws-process .ws-steps li { flex-direction:column; gap:12px }
  .wertspur .ws-story-layout { grid-template-columns:1fr; gap:40px }
  .wertspur .ws-story-toc { position:static; display:grid; grid-template-columns:1fr 1fr; gap:0 25px }
  .wertspur .ws-story-toc>b,.wertspur .ws-story-toc>.ws-toc-back { grid-column:1/-1 }
  .wertspur .ws-story-toc>a.ws-toc-back { display:none }
  .wertspur .ws-knowledge-help { flex-direction:column; align-items:flex-start; gap:25px }
  .wertspur .ws-knowledge-intro { grid-template-columns:1fr; gap:25px; margin-top:40px }
  .wertspur .ws-knowledge-intro>div>p:not(.ws-eyebrow) { margin-bottom:18px; max-width:650px }
}
@media(max-width:640px) {
  .wertspur .ws-product-story { margin-top:35px }
  .wertspur .ws-product-story>div { padding:26px 22px }
  .wertspur .ws-product-story h2,.wertspur .ws-knowledge-help h2 { font-size:31px }
  .wertspur .ws-product-story p:not(.ws-eyebrow) { font-size:15px }
  .wertspur .ws-process .ws-steps { grid-template-columns:1fr; gap:0; margin-top:25px }
  .wertspur .ws-process .ws-steps li { flex-direction:row; gap:20px; padding:22px 0 }
  .wertspur .ws-process .ws-steps p { font-size:14px }
  .wertspur .ws-method-photo img { aspect-ratio:16/10 }
  .wertspur .ws-guide-grid,.wertspur .ws-situation-grid { grid-template-columns:1fr; gap:23px }
  .wertspur .ws-related .ws-guide-card:last-child,.wertspur .ws-knowledge-preview .ws-guide-card:last-child { display:flex; grid-column:auto }
  .wertspur .ws-related .ws-guide-card:last-child>img,.wertspur .ws-knowledge-preview .ws-guide-card:last-child>img { height:auto; aspect-ratio:16/10 }
  .wertspur .ws-knowledge-preview .ws-section-head>div:last-child { max-width:none; margin-top:23px }
  .wertspur .ws :is(.ws-guide-card,.ws-situation) p { font-size:15px }
  .wertspur .ws .ws-card-link { font-size:13px }
  .wertspur .ws .ws-situation>div { padding:25px }
  .wertspur .ws-knowledge-index,.wertspur .ws-knowledge-article { padding-top:22px; padding-bottom:50px }
  .wertspur .ws-crumbs { font-size:11px; margin-bottom:25px; gap:7px }
  .wertspur .ws-knowledge-intro { margin-top:30px; margin-bottom:35px; padding-bottom:30px }
  .wertspur .ws-knowledge-intro h1 { font-size:44px }
  .wertspur .ws-knowledge-help { margin-top:45px; padding:28px 23px }
  .wertspur .ws-story-head { margin-top:35px; text-align:left }
  .wertspur .ws-story-head .ws-eyebrow,.wertspur .ws-story-head .ws-reading { justify-content:flex-start }
  .wertspur .ws-story-head h1 { font-size:40px; overflow-wrap:anywhere }
  .wertspur .ws .ws-story-lead { font-size:16px }
  .wertspur .ws-reading { font-size:10px; gap:10px 16px }
  .wertspur .ws-reading>span+span { padding-left:16px }
  .wertspur .ws-story-photo img { aspect-ratio:4/3 }
  .wertspur .ws-story-photo figcaption { text-align:left; font-size:10px }
  .wertspur .ws-story-layout { margin-top:35px; gap:35px }
  .wertspur .ws-story-toc { grid-template-columns:1fr }
  .wertspur .ws-story-toc>a { font-size:13px; padding:12px 0 }
  .wertspur .ws .ws-story-content h2 { font-size:29px }
  .wertspur .ws-story-content :is(.answer-box,.warning-box) { padding:21px }
  .wertspur .ws-story-content .product-inline { padding:24px }
  .wertspur .ws-story-content :is(.deadline-grid,.field-grid,.comparison) { grid-template-columns:1fr }
  .wertspur .ws-story-content .product-inline .ws-btn { width:auto; font-size:12px }
  .wertspur .ws-related { margin-top:45px }
}
@media(prefers-reduced-motion:reduce) { .wertspur .ws :is(.ws-guide-card,.ws-situation) { transition:none } }