/* Ratgeber: existing site typography and colours, scoped to the new articles. */
.hb-guide{max-width:1120px;--surface:var(--white);--green:var(--ink);--gold:var(--accent);--gold-soft:var(--cream);--on-green:var(--paper)}
.hb-guide .col{max-width:720px;margin-inline:auto}.hb-guide .wide{max-width:100%;margin-inline:auto}.hb-guide .answer{padding:24px;border:1px solid var(--line);border-left:3px solid var(--text);line-height:1.8;background:var(--cream)}.hb-guide .answer>b:first-child{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.hb-guide figure{margin:32px 0}.hb-guide .ph{background:var(--white)}.hb-guide .ph img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain}.hb-guide figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--muted)}
.hb-guide .grid,.hb-guide .factors,.hb-guide .prices,.hb-guide .compare,.hb-guide .fields{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0}.hb-guide .grid figure{margin:0}.hb-guide .grid .ph{aspect-ratio:4/3}.hb-guide .grid img{height:100%;object-fit:contain}.hb-guide .prices{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-guide .tw{overflow-x:auto;margin:28px 0;border:1px solid var(--line)}.hb-guide table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px;line-height:1.6;background:white}.hb-guide th,.hb-guide td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.hb-guide th{background:var(--ink);color:var(--paper);font-weight:500}.hb-guide td.num{font-variant-numeric:tabular-nums}.hb-guide tr.hb-row{background:var(--cream)}
.hb-guide .factor{border-top:1px solid var(--line);padding-top:20px}.hb-guide .factor h3{margin:0 0 10px}.hb-guide .price,.hb-guide .compare>div{padding:24px;border:1px solid var(--line);background:white}.hb-guide .price .k{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.hb-guide .price .v{font:40px/1.3 Georgia,serif;margin:12px 0}.hb-guide .price .v small{font-size:16px}.hb-guide .price p{font-size:15px}.hb-guide .price.fix{background:var(--ink);color:var(--paper)}.hb-guide .price.fix p{color:var(--paper)}
.hb-guide .tool{padding:28px;border:1px solid var(--line);background:white;margin:36px 0}.hb-guide .tool h3{margin:0 0 24px}.hb-guide label{display:block;font-size:14px;line-height:1.5;margin-bottom:8px}.hb-guide input,.hb-guide select{width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--paper);padding:12px;border:1px solid var(--text);border-radius:0}.hb-guide :is(input,select,button,a,summary):focus-visible{outline:2px solid var(--text);outline-offset:4px}.hb-guide .result{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.hb-guide .row{display:flex;justify-content:space-between;gap:20px;line-height:1.6;font-variant-numeric:tabular-nums}.hb-guide .row>span:last-child{white-space:nowrap}.hb-guide .total{font:26px/1.3 Georgia,serif;border-top:1px solid var(--line);padding-top:14px}.hb-guide .note{font-size:14px;line-height:1.7}.hb-guide .seg{display:flex;gap:8px;flex-wrap:wrap}.hb-guide .seg button{font:inherit;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}.hb-guide .seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.hb-guide .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:decimal}.hb-guide .steps li{padding:12px;border-top:1px solid var(--line)}.hb-guide .guide-faq{display:block}.hb-guide details{border-bottom:1px solid var(--line);padding:20px 0}.hb-guide summary{font:23px/1.4 Georgia,serif;cursor:pointer}.hb-guide .guide-cta{background:var(--ink);color:var(--paper);padding:32px;margin-top:56px}.hb-guide .guide-cta h2{margin-top:0;color:var(--paper)}.hb-guide .guide-cta p{color:var(--paper)}.hb-guide .btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.hb-guide .btns a{background:var(--accent);color:var(--ink);text-decoration:none}.hb-guide .timeline{list-style:none;padding:0}.hb-guide .timeline li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.hb-guide .timeline small{display:block}.hb-guide .rec{font:26px/1.3 Georgia,serif}.guide-related{padding-left:20px;line-height:1.7}.guide-related li{margin-bottom:14px}.blog-article__header .lead{max-width:800px;line-height:1.6;color:var(--muted)}
@media(max-width:700px){.hb-guide .grid,.hb-guide .factors,.hb-guide .prices,.hb-guide .compare,.hb-guide .fields,.hb-guide .steps{grid-template-columns:1fr}.hb-guide .tool,.hb-guide .guide-cta{padding:20px}.hb-guide .row{flex-wrap:wrap;gap:4px 16px}.hb-guide .timeline li{grid-template-columns:1fr;gap:4px}.hb-guide .total{font-size:24px}.hb-guide .grid .ph{aspect-ratio:auto}.hb-guide .grid img{height:auto}}