.commodity-board{color:#233b30;max-width:100%;margin:2rem 0;padding:1.4rem;border:1px solid #d4ded8;border-radius:14px;background:#fff;overflow-wrap:anywhere}
.commodity-board [hidden]{display:none!important}.commodity-board h2,.commodity-board h3{margin-top:0}.commodity-board p{line-height:1.65}.commodity-board .commodity-scope{font-size:.9rem;color:#46584e;max-width:80ch}.commodity-board button,.commodity-board select,.commodity-board summary{min-height:44px;font:inherit}.commodity-board button,.commodity-board select{border:1px solid #bacbc0;border-radius:7px;background:#fff;color:#233b30}.commodity-board button{cursor:pointer}.commodity-board button:disabled{cursor:wait;opacity:.7}.commodity-board :focus-visible{outline:3px solid #23644c;outline-offset:3px}.commodity-board .commodity-status-line{display:flex;align-items:center;justify-content:space-between;gap:1rem}.commodity-board .commodity-status-line button{padding:0 .8rem;flex:none}.commodity-board .commodity-controls{display:flex;gap:1rem;flex-wrap:wrap;margin:1.2rem 0}.commodity-board .commodity-controls label{flex:1 1 220px;display:grid;gap:.4rem}.commodity-board select{width:100%;padding:.55rem}.commodity-board .commodity-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.commodity-board .commodity-tabs button{flex:1;padding:.6rem}.commodity-board .commodity-tabs button[aria-pressed=true]{background:#edf4ef;border-color:#225c47;font-weight:700}.commodity-board .commodity-board-head{display:grid;grid-template-columns:1fr minmax(90px,23%) 1fr;align-items:center;gap:.4rem;padding:.5rem 0;font-size:.9rem}.commodity-board .commodity-board-head small{text-align:center;font-size:.7rem}.commodity-board .commodity-board-head>:last-child{text-align:right}.commodity-board .commodity-short{color:#a92e3b}.commodity-board .commodity-long{color:#176448}.commodity-board .commodity-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,23%) minmax(0,1fr);gap:.4rem;align-items:stretch;width:100%;margin:.4rem 0;padding:.5rem;border:1px solid #d8e2dc;background:#fafcfb;min-height:56px}.commodity-board .commodity-row[aria-pressed=true]{border-color:#405d4e;box-shadow:inset 0 0 0 1px #405d4e}.commodity-board .commodity-row-label{align-self:center;text-align:center;font-size:.85rem;line-height:1.4}.commodity-board .commodity-side{position:relative;display:flex;align-items:center;min-width:0;font-variant-numeric:tabular-nums;font-size:.9rem;min-height:36px;overflow:hidden}.commodity-board .commodity-side i{position:absolute;top:0;bottom:0;min-width:0;border-radius:3px}.commodity-board .commodity-sell{justify-content:flex-end;color:#8b2531}.commodity-board .commodity-sell i{right:0;background:#f4dadd;border-right:3px solid #a92e3b}.commodity-board .commodity-buy{justify-content:flex-start;color:#125137}.commodity-board .commodity-buy i{left:0;background:#d6eddf;border-left:3px solid #176448}.commodity-board .commodity-side span{position:relative;padding:.3rem;font-weight:700}.commodity-board .commodity-detail{margin:1.5rem 0;border-top:1px solid #d4ded8;padding-top:1.3rem}.commodity-board .commodity-detail h2{font-size:1.2rem}.commodity-board .commodity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.commodity-board .commodity-metrics div{display:grid;gap:.4rem;padding:.8rem;background:#f4f7f5;border-radius:8px}.commodity-board .commodity-metrics span,.commodity-board .commodity-metrics small{font-size:.8rem}.commodity-board .commodity-metrics strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.commodity-board .commodity-rank{font-weight:700}.commodity-board .commodity-chart svg{display:block;width:100%;height:auto}.commodity-board .commodity-table-wrap{overflow:auto}.commodity-board table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:.85rem}.commodity-board th,.commodity-board td{padding:.65rem;text-align:right;border-bottom:1px solid #d4ded8;white-space:nowrap}.commodity-board th:first-child,.commodity-board td:first-child{text-align:left}.commodity-board caption{text-align:left;padding:.5rem}.commodity-board summary{cursor:pointer;align-content:center}.commodity-board .commodity-method{border-top:1px solid #d4ded8;margin-top:1.3rem;padding-top:.7rem}.commodity-board a{color:#19583e;text-decoration:underline}
@media(max-width:600px){.commodity-board{padding:.85rem;border-radius:9px}.commodity-board .commodity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.commodity-board .commodity-row-label{font-size:.75rem}.commodity-board .commodity-side{font-size:.76rem}.commodity-board .commodity-board-head{font-size:.78rem}.commodity-board .commodity-row{padding:.3rem;gap:.25rem}.commodity-board .commodity-status-line{align-items:flex-start}.commodity-board .commodity-controls label{flex-basis:100%}.commodity-board .commodity-metrics strong{font-size:1.15rem}}