/* kits.py: adviser kit, handout, journalist kit (2026-11-14) */
.handform{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line-l);margin:10px 0}
.handform label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:600}
.handform input,.handform select{font:inherit;padding:8px 10px;border:1px solid var(--line-l);border-radius:8px;min-width:8em;background:#fff}
/* single-series bars: accent #8a4510 (dataviz validator: pass on #fffdf8), <= 24px thick, 4px rounded data end, square baseline, value at the tip */
.hb{display:grid;gap:8px;margin:10px 0 6px;border-left:1px solid #d8d1c3}
.hbr{display:grid;grid-template-columns:minmax(7.5em,34%) 1fr;align-items:center;gap:10px;margin-left:-1px}
.hbl{font-size:.86rem;color:var(--muted-l);text-align:right;line-height:1.2}
.hbt{display:flex;align-items:center;gap:6px;min-width:0}
.hbb{display:block;height:16px;background:#8a4510;border-radius:0 4px 4px 0;flex:none}
.hbv{font-size:.86rem;font-weight:600;color:var(--ink);white-space:nowrap}
.hbr:hover .hbb{opacity:.82}
.vc{display:flex;align-items:flex-end;gap:2px;height:210px;margin:10px 0 6px;border-bottom:1px solid #d8d1c3;padding-top:4px}
.vcc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;position:relative}
.vcb{display:block;width:min(24px,70%);background:#8a4510;border-radius:4px 4px 0 0}
.vcv{font-size:.8rem;font-weight:600;color:var(--ink);margin-bottom:4px;white-space:nowrap}
.vcl{position:absolute;bottom:-22px;font-size:.78rem;color:var(--muted-l);white-space:nowrap}
.vc{margin-bottom:30px}
.vcc:hover .vcb{opacity:.82}
@media (max-width:480px){.vcl{font-size:.68rem}.vcv{font-size:.7rem}.hbr{grid-template-columns:minmax(6.5em,38%) 1fr}}
.handout{padding-top:110px}
.hohead{font:500 11px/1.3 var(--mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-l);margin:0}
.hofoot{margin:18px 0 0;font-size:.95rem;max-width:56rem}
@media print{
  @page{margin:12mm}
  body{background:#fff!important;color:#000;font-size:10pt}
  .top,.foot,.closing,.skip,.crumbs,.cite,.noprint,#filters,#more,noscript{display:none!important}
  .handout{padding-top:0}
  a{color:#000;text-decoration:none}
  .lrows{border:0;background:#fff}
  .lrow{break-inside:avoid;border-top:1px solid #999}
  .vb,.nb{border:1px solid #888;background:#fff;color:#000}
  .lrow:hover{background:none}
  details.rnote{display:none!important}
  .nofit{break-inside:avoid;border:1px solid #888}
}