.data-lab{margin:24px 0;padding:24px;border:1px solid #d7dfd2;border-radius:20px;background:linear-gradient(115deg,#f0f4eb,#f6efdf);color:#203c32}
.behind-number>.data-lab{margin:0;border-width:1px 0 0;border-radius:0;scroll-margin-top:100px}
.data-lab>header,.dl-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.data-lab h2,.dl-dialog h2{font-size:24px;line-height:1.2;margin:8px 0}
.data-lab header span{font:700 11px/1.4 monospace;letter-spacing:.08em}
.data-lab :is(button,.dl-button),.dl-dialog :is(button,.dl-button){display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;min-height:44px;border:1px solid #c5d0be;border-radius:10px;background:#fbfcf7;color:#294a3b;font:700 13px/1.4 system-ui;text-decoration:none;cursor:pointer}
.data-lab :is(button,.dl-button):hover{background:#e0ead6}
.data-lab :is(button,a,select):focus-visible{outline:3px solid #a77a22;outline-offset:3px}
.dl-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.data-lab .dl-history{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;padding:18px;background:#ffffff80}
.dl-history>strong{font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}
.dl-history strong small{font-size:15px}.dl-history>span{font-size:12px;font-weight:500}.dl-history>b{font-size:16px}
.dl-spark{display:block;width:100%;height:50px;color:#427553}
.dl-release{display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:13px;line-height:1.6;min-width:0}
.dl-release>strong{font-size:22px}.dl-release a{color:#37593c}.dl-release small{font-size:11px;color:#566652}
.dl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dl-actions button{flex:1}
.data-lab .dl-note,.dl-dialog .dl-note{font-size:12px;line-height:1.6;color:#576853;margin:14px 0 0}
.dl-mini{display:block;text-decoration:none!important;color:#355d45!important;min-width:0;margin-top:5px}.dl-mini .dl-spark{height:26px}.dl-mini>span{display:block;font:500 10px/1.2 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.data-page .data-card:has(.dl-mini){height:auto;min-height:205px}
.dl-dialog{box-sizing:border-box;width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;padding:24px;border:1px solid #cbd6c2;border-radius:18px;background:#fafbf5;color:#203c32;box-shadow:0 24px 80px #0004}
.dl-dialog::backdrop{background:#172b2266;backdrop-filter:blur(3px)}
.dl-dialog header button{flex:0 0 44px}.dl-dialog header h2{font-size:22px}
.dl-dialog table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5}.dl-dialog th,.dl-dialog td{padding:10px 8px;border-bottom:1px solid #dbe1d4;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.dl-table-scroll{overflow-x:auto}.dl-dialog a{color:#385f43}.dl-dialog select{max-width:100%;width:100%;min-height:44px;padding:10px;border:1px solid #c5d0be;border-radius:8px;background:#fff;color:#203c32;font:14px system-ui;margin:8px 0 16px}
.dl-dialog .dl-spark{height:110px;margin:16px 0}.dl-warning{padding:12px;border-left:3px solid #ba8d3a;background:#f6edd5;font-size:13px;line-height:1.6}
body:has(.dl-dialog[open]){overflow:hidden}
@media(max-width:640px){.data-lab{padding:16px}.data-lab>header{align-items:stretch;flex-direction:column}.dl-overview{grid-template-columns:1fr;gap:12px}.dl-release{padding:8px}.dl-dialog{padding:16px}.dl-actions{flex-direction:column}.dl-history>strong{font-size:26px}}
@media(max-width:640px){[data-dl-result] :is(table,thead,tbody){display:block}[data-dl-result] tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid #dbe1d4}[data-dl-result] :is(th,td){border:0;padding:8px;min-width:0}[data-dl-result] tbody th{grid-column:1/-1;padding-bottom:0;font-size:11px;color:#607057}[data-dl-result] thead th:first-child{display:none}}