.resource-panel{margin:22px 0;padding:20px;border:1px solid #506b69;border-radius:9px;background:linear-gradient(140deg,#172d2c,#14241f);min-width:0}
.resource-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:17px}.resource-heading h4{font:21px Georgia,serif;color:#e8dec3;margin:0}.resource-heading>span{font-size:9px;padding:4px 8px;border:1px solid #60706a;border-radius:20px;color:#b4ccc1}
.resource-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource-metrics>div{min-width:0}.resource-metrics span,.resource-metrics small{display:block;color:#b4c4b7;font-size:11px}.resource-metrics strong{display:block;color:#f2e2b9;font:30px Georgia,serif;margin:3px 0;overflow-wrap:anywhere}.resource-metrics small{font-size:10px}
.resource-equivalent{border:1px solid;border-radius:7px;padding:12px;overflow-wrap:anywhere}.resource-equivalent.good{background:#193f2b;border-color:#549e70}.resource-equivalent.parity{background:#40371f;border-color:#b79752}.resource-equivalent.poor{background:#472724;border-color:#c67465}.resource-equivalent.good strong,.resource-equivalent.good .resource-value-status{color:#b8ffcd}.resource-equivalent.parity strong,.resource-equivalent.parity .resource-value-status{color:#ffe2a0}.resource-equivalent.poor strong,.resource-equivalent.poor .resource-value-status{color:#ffd0c5}.resource-equivalent .resource-value-status{font-size:11px;font-weight:700;line-height:1.4;margin:7px 0}.resource-equivalent small{color:#d0d8cb;line-height:1.5;margin-top:7px}.resource-panel .resource-color-key{font-size:10px;margin-bottom:0}
.resource-verdict{display:flex;gap:14px;align-items:center;border:1px solid;border-radius:7px;padding:15px;margin:17px 0 12px}.resource-verdict.good{color:#b8ffcd;background:#193f2b;border-color:#549e70}.resource-verdict.poor{color:#ffd0c5;background:#472724;border-color:#c67465}.resource-verdict.parity{color:#ffe2a0;background:#40371f;border-color:#b79752}.resource-arrow{font-size:38px;line-height:1;flex-shrink:0}.resource-verdict strong{display:block;font-size:20px;line-height:1.3}.resource-verdict div>span{display:block;font-size:12px;margin:5px 0}.resource-verdict small{font-size:10px;display:block;opacity:.85}
.resource-panel .resource-note,.resource-no-sample p{color:#b2c3b6;font-size:11px;line-height:1.65}.resource-no-sample{margin:16px 0 10px;padding:13px;border:1px dashed #648177;border-radius:6px}.resource-no-sample strong{font-size:13px}.resource-no-sample p{margin-bottom:0}
.resource-details{border-top:1px solid #415b4c;padding-top:12px;margin-top:13px}.resource-details summary{cursor:pointer;font-size:12px;color:#e4d4ab}.resource-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:11px;text-align:left}.resource-table th,.resource-table td{padding:10px 8px;border-bottom:1px solid #385044;vertical-align:top}.resource-table th{color:#bac8b8;font-size:10px}.resource-table small{display:block;margin-top:4px;font-size:9px;color:#a6baac}.resource-table .good{color:#acffca}.resource-table .poor{color:#ffd0c5}.resource-table .parity{color:#ffe2a0}
.resource-evidence{border-top:1px solid #385044;padding:10px 0;font-size:10px;color:#b4c4b7;overflow-wrap:anywhere}.resource-evidence h5{font-size:12px;color:#e4d4ab;margin:4px 0}.resource-evidence ul{padding-left:17px}.resource-evidence li{margin:8px 0}.resource-evidence small{display:block;color:#91a99a;font-size:9px}
.resource-verdict>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:460px){.resource-panel{padding:14px}.resource-heading h4{font-size:20px}.resource-metrics{gap:10px}.resource-metrics strong{font-size:27px}.resource-verdict{gap:10px;padding:12px}.resource-verdict strong{font-size:18px}.resource-verdict div>span{font-size:11px}.resource-arrow{font-size:32px}.resource-table{min-width:355px}.daily-special-controls select{font-size:11px}}
@media(max-width:460px){.resource-metrics{grid-template-columns:1fr}.resource-metrics>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.resource-metrics>div:first-child small{grid-column:1;grid-row:2}.resource-metrics>div:first-child strong{grid-column:2;grid-row:1/3}}