/* Fachinhalte: kurze Lesestrecken, klare Planungsschritte und mobile Vergleiche. */
.hku-topic-nav { display:flex; flex-wrap:wrap; gap:.6rem; margin:1.5rem 0 0; }
.hku-topic-nav a { padding:.6rem .85rem; border:1px solid var(--line); border-radius:6px; color:var(--forest-deep); background:#fff; font-size:.88rem; font-weight:700; }
.hku-topic-nav a:hover { border-color:currentColor; background:var(--sage); }
.hku-expertise { padding-block:2.2rem; background:#edf4f5; border-block:1px solid var(--line); }
.hku-expertise-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.hku-expertise h2 { font-size:1.2rem; line-height:1.3; margin:0 0 .55rem; }
.hku-expertise p { margin:0; color:var(--ink-soft); font-size:.95rem; line-height:1.65; }
.hku-guide-section .section-head { max-width:850px; }
.hku-guide-section h2 { max-width:24ch; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.18; }
.hku-guide-section p { line-height:1.75; }
.hku-steps { list-style:none; margin:1.8rem 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; counter-reset:step; }
.hku-steps li { counter-increment:step; padding:1.25rem; border:1px solid var(--line); border-radius:10px; background:#fff; }
.hku-steps li::before { content:counter(step,decimal-leading-zero); display:block; color:var(--forest-deep); font-size:.85rem; font-weight:800; margin-bottom:.9rem; }
.hku-steps h3 { font-size:1.08rem; line-height:1.3; letter-spacing:-.02em; }
.hku-steps p { font-size:.93rem; margin-bottom:0; color:var(--ink-soft); }
.hku-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.hku-guide-card { padding:1.5rem; border:1px solid var(--line); border-radius:10px; background:#fff; }
.hku-guide-card h3 { font-size:1.22rem; line-height:1.3; }
.hku-guide-card p:last-child { margin-bottom:0; }
.hku-guide-card ul { padding-left:1.2rem; }
.hku-guide-card li { margin-bottom:.5rem; }
.hku-related { display:flex; flex-wrap:wrap; gap:.8rem 1.4rem; margin-top:1.5rem; }
.hku-related a,.hku-source-links a { color:var(--forest-deep); text-decoration:underline; text-underline-offset:.2em; font-weight:650; }
.hku-source-links { margin-top:1.5rem; color:var(--muted); font-size:.85rem; line-height:1.7; }
.hku-source-links a { display:inline-block; margin-right:1rem; }
.hku-comparison { width:100%; border-collapse:collapse; margin:1.5rem 0; font-size:.95rem; }
.hku-comparison caption { text-align:left; font-weight:750; margin-bottom:.8rem; }
.hku-comparison th,.hku-comparison td { padding:1rem; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); line-height:1.65; }
.hku-comparison thead { background:var(--sage); }
.hku-comparison th { color:var(--forest-deep); }
.hku-table-wrap { overflow-x:auto; }
.hku-faq-group + .hku-faq-group { margin-top:3rem; }
.hku-faq-group > h3 { margin-bottom:1rem; font-size:1.35rem; }
.hku-faq-group .faq-list { max-width:100%; }
.hku-faq-group details a { text-decoration:underline; text-underline-offset:.2em; }
.page-visual.hku-principle { aspect-ratio:4 / 3; min-height:0; align-self:center; background:#eff5f5; }
.page-visual.hku-principle img { object-fit:contain; }
.page-visual.hku-principle::after { display:none; }
.page-visual.hku-principle .page-visual-caption { position:static; display:none; }
.hku-principle-card img { object-fit:contain; background:#eff5f5; }
.hku-guide-section [id],.hku-faq-group { scroll-margin-top:6rem; }
.hku-overview-group { margin-top:3rem; }
.hku-overview-group > h3 { font-size:1.45rem; margin-bottom:1.1rem; }
.hku-project-brief { padding:clamp(1.4rem,3vw,2.2rem); border-radius:12px; background:#edf4f5; border:1px solid var(--line); }
.hku-project-brief h2 { font-size:clamp(1.5rem,2.5vw,2rem); }
.hku-project-brief dl { margin-bottom:0; }
.hku-project-brief dt { font-weight:750; color:var(--forest-deep); }
.hku-project-brief dd { margin:.3rem 0 1.2rem; line-height:1.65; }
@media (max-width:980px) {
  .hku-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hku-expertise-grid { gap:1.25rem; }
}
@media (max-width:640px) {
  .hku-steps,.hku-guide-grid,.hku-expertise-grid { grid-template-columns:1fr; }
  .hku-guide-card { padding:1.2rem; }
  .hku-guide-section h2 { max-width:none; }
  .hku-comparison th,.hku-comparison td { padding:.75rem .5rem; font-size:.85rem; }
  .hku-topic-nav { gap:.45rem; }
  .hku-topic-nav a { font-size:.8rem; padding:.55rem .65rem; }
}