/* Scoped under .ikb; tokens from the blog. */
.ikb{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;font-size:.92rem}
.ikb-kopf{display:flex;flex-wrap:wrap;gap:.4rem 2rem;align-items:flex-end;margin-bottom:.6rem}
.ikb-kopf>div{display:flex;flex-direction:column}
.ikb-l{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ikb-zahl{font-family:var(--disp);font-weight:500;font-size:2.4rem;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}
.ikb-zahl.ikb-grau{color:var(--faint)}
.ikb .ikb-monat{flex:1 0 100%;margin:0!important;font-size:.8rem;color:var(--faint)}
.ikb-wahl{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:.45rem 0 0}
.ikb-wahl span{min-width:5.5rem;color:var(--muted)}
.ikb-wahl button,.ikb-reset{font:inherit;font-size:.86rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);
  border-radius:6px;padding:.24rem .62rem;cursor:pointer}
.ikb-wahl button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.ikb-wahl button:focus-visible,.ikb-tg button:focus-visible,.ikb-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ikb .ikb-bsp{flex:1 0 calc(100% - 5.8rem);margin-left:5.8rem;color:var(--faint);font-size:.78rem}
.ikb-sl{display:flex;flex-wrap:wrap;gap:.2rem .7rem;align-items:center;color:var(--muted);margin:.45rem 0 0 5.8rem}
.ikb-sl input{flex:1 1 10rem;accent-color:var(--accent)}
.ikb-sl b{font-variant-numeric:tabular-nums;color:var(--ink);min-width:3rem;text-align:right}
.ikb-sl small{flex:1 0 100%;color:var(--faint);font-size:.78rem}
.ikb-mehr{margin:.8rem 0 0;border-top:1px solid var(--line);padding-top:.5rem}
.ikb-mehr summary{cursor:pointer;color:var(--accent)}
.ikb-faktoren{display:grid;grid-template-columns:minmax(9rem,14rem) 1fr 3.2rem;gap:.15rem .7rem;align-items:center;margin:.5rem 0}
.ikb-faktoren label{color:var(--ink);font-size:.86rem}
.ikb-faktoren input{accent-color:var(--accent);width:100%}
.ikb-faktoren b{font-variant-numeric:tabular-nums;font-weight:500;text-align:right;font-size:.86rem}
.ikb-faktoren b.ab{color:var(--accent)}
.ikb .ikb-out{margin:.9rem 0 .5rem!important;color:var(--ink);min-height:2.8em}
.ikb-tg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.ikb-tg button{font:inherit;font-size:.84rem;border:0;background:var(--paper);color:var(--muted);padding:.3rem .75rem;cursor:pointer}
.ikb-tg button.on{background:var(--accent);color:#fff}
.ikb-chart{height:430px;margin-top:.4rem}
.ikb .ikb-fn{margin:.3rem 0 0!important;font-size:.8rem;color:var(--faint)}
.ikb [hidden]{display:none!important}
@media (max-width:640px){
  .ikb-zahl{font-size:2rem}
  .ikb-wahl span{flex:1 0 100%}
  .ikb-sl{margin-left:0}
  .ikb .ikb-bsp{margin-left:0;flex-basis:100%}
  .ikb-faktoren{grid-template-columns:1fr 3.2rem}
  .ikb-faktoren label{grid-column:1 / -1;margin-top:.3rem}
  .ikb-chart{height:400px}
}