/* Shared by the guide page and dynamic trait dialogs. */
.weight-reference{margin:20px 0;border:1px solid #8e784c;border-radius:4px;overflow:hidden;background:#171e17}
.weight-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;text-align:left}
.weight-table caption{text-align:left;padding:14px 16px;background:#2e3222;color:#efce82;font-size:18px;font-weight:700}
.weight-table th,.weight-table td{padding:12px 16px;border-bottom:1px solid #414b39;vertical-align:middle}
.weight-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#bac5b1;background:#20271d}
.weight-table tbody th{width:44%;color:#f0d0c6;font-weight:600}
.weight-table td{color:#f0d391;font-variant-numeric:tabular-nums}
.weight-table small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#b9c1b0}
.weight-table .weight-normal{background:#253a26}
.weight-table .weight-normal th,.weight-table .weight-normal td{color:#b7e79a}
#guide .weight-note,.dynamic-card .weight-note{margin:0;padding:10px 16px;font-size:13px;line-height:1.5;color:#c3ccba}
.weight-note+.weight-note{border-top:1px solid #414b39}
.weight-range{display:inline-block;margin:3px 0 3px 12px;padding:2px 8px;border:1px solid #796a42;border-radius:3px;background:#302e1d;color:#f0d391;font-size:13px;font-weight:600;line-height:1.5;vertical-align:middle}
@media(max-width:580px){.weight-table{font-size:14px}.weight-table th,.weight-table td{padding:10px}.weight-table caption{padding:12px 10px;font-size:17px}.weight-table tbody th{width:43%}.weight-table small{font-size:11px}.weight-range{display:table;margin:7px 0 0}#guide .weight-note,.dynamic-card .weight-note{padding:10px;font-size:12px}}
