/* ch6.css — chapter 6: equations and widgets. --lk-* tokens only. */
.lk p.c6-eq{font-family:var(--lk-mono);font-size:.95rem;text-align:center;margin:1rem 0;overflow-wrap:anywhere;color:var(--lk-cobalt-dark)}

/* op census */
body.lk .c6-check{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;align-self:end}
.c6-check span{flex:1;min-width:0}
.c6-check input{accent-color:var(--lk-cobalt);width:1rem;height:1rem}
.c6-rows{display:grid;gap:.15rem;margin:.2rem 0 .9rem}
.c6-row{display:grid;grid-template-columns:11rem 1fr 8.5rem;gap:.1rem .6rem;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--lk-rule-soft)}
.c6-name{font-family:var(--lk-utility);font-size:.82rem;white-space:nowrap}
.c6-name span{color:var(--lk-ink-soft);font-family:var(--lk-mono);font-size:.72rem}
.c6-row .track{height:.7rem;border:1px solid var(--lk-rule-soft);background:var(--lk-paper)}
.c6-row .fill{height:100%;background:var(--lk-cobalt)}
.c6-row .fill.alt{background:var(--lk-forest)}
.c6-row .fill.bind{background:var(--lk-vermilion)}
.c6-num{font-family:var(--lk-mono);font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums}
.c6-meta{grid-column:2 / 4;font-family:var(--lk-mono);font-size:.68rem;color:var(--lk-ink-soft)}

/* formats */
.c6-num-in{font:inherit;font-family:var(--lk-mono);padding:.3rem .4rem;border:1px solid var(--lk-rule);border-radius:3px;background:var(--lk-paper);max-width:12rem}
.c6-fmt{display:grid;gap:0;margin:0 0 1rem;border:1px solid var(--lk-rule-soft);border-radius:3px;background:var(--lk-paper)}
.c6-fr{display:grid;grid-template-columns:7rem 1fr 7rem;gap:.6rem;padding:.3rem .6rem;font-family:var(--lk-mono);font-size:.8rem;border-top:1px solid var(--lk-rule-soft);font-variant-numeric:tabular-nums}
.c6-fr.c6-fh{border-top:0;font-family:var(--lk-utility);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lk-ink-soft)}
.c6-fr span{overflow-wrap:anywhere}
.lk p.c6-sep{font-family:var(--lk-utility);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lk-cobalt-dark);margin:1rem 0 .5rem;border-top:1px solid var(--lk-rule-soft);padding-top:.8rem}
svg.c6-sum{width:100%;height:auto;display:block;margin:.2rem 0 .8rem;background:var(--lk-paper);border:1px solid var(--lk-rule-soft);border-radius:3px}

@media(max-width:560px){
  .c6-row{grid-template-columns:1fr 6.6rem}
  .c6-row .track{grid-column:1 / 3;grid-row:2}
  .c6-meta{grid-column:1 / 3}
  .c6-name{white-space:normal}
  .c6-fr{grid-template-columns:5.2rem 1fr 4.6rem;font-size:.72rem;gap:.4rem;padding:.3rem .4rem}
}
@media(max-width:560px){#w-census .w-out,#w-formats .w-out{grid-template-columns:repeat(2,minmax(0,1fr))}#w-census .w-stat .v,#w-formats .w-stat .v{font-size:1rem}}