/* Project block over house.css. Overrides --ink3 and nothing else in :root. */
:root{ --ink3:#8a4a6b; }

/* ---------- controls ---------- */
.ctl-label{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:var(--ink2)}
.ctl-sep{width:1px;align-self:stretch;background:var(--hair);margin:0 5px}
.chip.big{padding:9px 15px;font-size:10.5px}

.readout{margin:0;padding:12px 26px 14px;border-bottom:1px solid var(--hair);
  font-size:1.02rem;line-height:1.5;max-width:78ch}
.readout b{font-family:var(--display);font-weight:700}

/* ---------- ranking ---------- */
.colhead .legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  letter-spacing:.1em}
.colhead .legend i{width:11px;height:11px;display:inline-block;margin-left:9px;
  mix-blend-mode:multiply}
.colhead .legend i:first-child{margin-left:0}
.k.base{background:var(--ink1)} .k.pen{background:var(--ink4)}
.k.fri{background:var(--ink2c)} .k.jud{background:var(--ink3)}

/* Rows carry their own ground: while the ranking reshuffles they slide over
   one another, and a transparent row would show the one underneath through it. */
.row{display:grid;grid-template-columns:200px 1fr 128px;gap:14px;align-items:center;
  width:100%;text-align:left;background:var(--paper);position:relative;
  border:0;border-bottom:1px solid var(--hair2);
  padding:7px 26px;cursor:pointer;font-family:inherit;color:inherit}
.row:hover{background:var(--paper2)}
.row .nm{font-size:.95rem;font-weight:600;line-height:1.2;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .track{height:15px;position:relative;display:flex;min-width:0}
.row .track i{height:100%;display:block;mix-blend-mode:multiply;
  transition:width .5s cubic-bezier(.22,.7,.28,1)}
.row .amt{text-align:right;font-family:var(--display);font-weight:600;font-size:.95rem;
  font-variant-numeric:tabular-nums;line-height:1.15}
.row .amt em{display:block;font-style:normal;font-size:var(--t-micro);letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;color:var(--ink2);margin-top:2px}
.row .amt em.up{color:var(--ink4)}
@media(max-width:700px){
  .row{grid-template-columns:1fr 92px;row-gap:5px;padding:9px 18px}
  .row .nm{grid-column:1/2} .row .amt{grid-column:2/3}
  .row .track{grid-column:1/3}
  .colhead .legend{display:none}
}
.rest{margin:0;padding:11px 26px 16px;font-size:var(--t-small);letter-spacing:.08em;
  text-transform:uppercase;font-weight:700;color:var(--ink2);border-bottom:1px solid var(--hair)}

/* ---------- pooled and unallocated lists ---------- */
.lede{margin:0 0 15px;font-size:.98rem;line-height:1.6;color:#333834;max-width:60ch}
.pline{border-top:1px solid var(--hair);padding:10px 0}
.pline:last-child{border-bottom:1px solid var(--hair)}
.pline .top{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.pline .top b{font-family:var(--display);font-weight:600;font-size:1.02rem;letter-spacing:-.01em}
.pline .top u{text-decoration:none;font-family:var(--display);font-weight:600;
  font-variant-numeric:tabular-nums;font-size:1.02rem;flex:none}
.pline .bar{height:9px;margin-top:7px;mix-blend-mode:multiply;background:var(--ink1)}
.pline.pen .bar{background:var(--ink4)} .pline.fri .bar{background:var(--ink2c)}
.pline.jud .bar{background:var(--ink3)} .pline.un .bar{background:var(--ink2)}
.pline p{margin:6px 0 0;font-size:.92rem;line-height:1.55;color:var(--ink2);max-width:58ch}
.pline .sub2{font-size:var(--t-micro);letter-spacing:.11em;text-transform:uppercase;
  font-weight:700;color:var(--ink2);margin-top:4px}

/* ---------- method ---------- */
.method{max-width:none}
.method h4{font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink2);font-weight:700;margin:22px 0 7px;padding-bottom:5px;
  border-bottom:1px solid var(--hair);max-width:74ch}
.method p{margin:0 0 11px;font-size:1rem;line-height:1.62;max-width:74ch}
.method p.check{border-left:3px solid var(--ink2c);padding-left:13px}
#method{border-top:1px solid var(--ink)}

/* ---------- drawer detail ---------- */
.calc{width:100%;border-collapse:collapse;font-size:.96rem;margin:0 0 6px}
.calc td{padding:8px 0;border-bottom:1px solid var(--hair2);vertical-align:top}
.calc td.n{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--display);
  font-weight:600;white-space:nowrap;padding-left:14px}
.calc tr.sum td{border-top:1px solid var(--ink);border-bottom:0;padding-top:11px;
  font-family:var(--display);font-weight:700;font-size:1.08rem}
.calc .tier{display:block;font-size:var(--t-micro);letter-spacing:.11em;text-transform:uppercase;
  font-weight:700;color:var(--ink2);margin-top:3px}
.calc .swatch{display:inline-block;width:10px;height:10px;margin-right:8px;
  mix-blend-mode:multiply;vertical-align:baseline}
.sw.base{background:var(--ink1)} .sw.pen{background:var(--ink4)}
.sw.fri{background:var(--ink2c)} .sw.jud{background:var(--ink3)}

/* ---------- AI caution ---------- */
.aibtn{font-family:inherit;font-size:var(--t-small);letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;background:#6d2b2b;color:#f2ece4;border:0;padding:7px 11px;cursor:pointer}
.aibtn:hover{background:#823434}
.aipop{background:#1c2333;color:#e8ecf4;padding:14px 17px;margin:9px 0 0;max-width:78ch}
.aipop p{margin:0;font-size:.92rem;line-height:1.6}

/* ---------- the multiple, year by year ---------- */
#trendWrap{border-top:1px solid var(--ink)}
.lede.wide{max-width:74ch}
.trendchips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.trendsvg{width:100%;height:auto;display:block;overflow:visible}
.tlab{font-family:var(--sans);font-size:10px;font-weight:700;fill:var(--ink2);
  letter-spacing:.08em}
.tend{font-family:var(--display);font-size:12.5px;font-weight:600;letter-spacing:-.01em}
@media(max-width:700px){
  .tend{font-size:11px}
}
.ctlgroup{display:flex;gap:9px;align-items:center;flex-wrap:nowrap;
  border-right:1px solid var(--hair);padding-right:14px;margin-right:5px}
.ctlgroup:last-child{border-right:0;padding-right:0}
@media(max-width:820px){
  .ctlgroup{flex-wrap:wrap;border-right:0;padding-right:0}
}
/* Figures dropped into the ledes are read as prose, not as emphasis. */
.lede b{font-weight:inherit}