.size-datum-lab{--datum: #245fc7;--datum-deep: #153d80;--datum-soft: rgba(36, 95, 199, 0.1);--datum-line: rgba(36, 95, 199, 0.38);position:relative;isolation:isolate;width:100%;max-width:1100px;margin:clamp(1.7rem,4vw,3rem) auto;overflow:hidden;color:var(--ink);border:1px solid var(--border-color);border-top:4px solid var(--datum);border-radius:20px;background:radial-gradient(circle at 96% 1%, var(--datum-soft), transparent 31%),var(--surface);box-shadow:0 18px 44px -38px rgba(15,23,42,.7)}.size-datum-lab--amber{--datum: #965c0b;--datum-deep: #6d4007;--datum-soft: rgba(150, 92, 11, 0.11);--datum-line: rgba(150, 92, 11, 0.4)}.size-datum-lab--teal{--datum: #0f6b6d;--datum-deep: #0b5254;--datum-soft: rgba(15, 107, 109, 0.11);--datum-line: rgba(15, 107, 109, 0.4)}.size-datum-lab__header{display:grid;grid-template-columns:58px minmax(0, 1fr) minmax(160px, 230px);gap:clamp(.8rem,2.2vw,1.15rem);align-items:center;padding:clamp(1.1rem,3vw,1.7rem)}.size-datum-lab__mark{position:relative;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:17px;background:var(--datum);box-shadow:0 12px 25px -17px var(--datum-deep)}.size-datum-lab__mark span{position:absolute;left:12px;width:34px;height:2px;border-radius:999px;background:#fff}.size-datum-lab__mark span::before,.size-datum-lab__mark span::after{position:absolute;top:-4px;width:2px;height:10px;content:"";border-radius:999px;background:#fff}.size-datum-lab__mark span::before{left:0}.size-datum-lab__mark span::after{right:0}.size-datum-lab__mark span:nth-child(1){top:17px;width:23px}.size-datum-lab__mark span:nth-child(2){top:28px;width:34px}.size-datum-lab__mark span:nth-child(3){top:39px;width:17px}.size-datum-lab__heading{display:grid;min-width:0}.size-datum-lab__eyebrow{color:var(--datum-deep);font:850 .68rem/1.25 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.size-datum-lab__heading h2{margin:.12rem 0 0;color:var(--heading-font-color);font-family:var(--heading-font-family);font-size:clamp(1.28rem,3vw,1.9rem);letter-spacing:-0.025em;line-height:1.12;text-wrap:balance}.size-datum-lab__intro{max-width:72ch;margin-top:.36rem;color:var(--ink-muted);font:500 .88rem/1.52 var(--font-ui)}.size-datum-lab__context{display:grid;gap:.2rem;align-self:stretch;align-content:center;min-width:0;padding:.65rem .72rem;border:1px solid var(--datum-line);border-radius:12px;background:var(--datum-soft)}.size-datum-lab__context small{color:var(--datum-deep);font:850 .61rem/1.25 var(--font-ui);letter-spacing:.09em;text-transform:uppercase}.size-datum-lab__context strong{color:var(--ink);font:700 .75rem/1.4 var(--font-ui)}.size-datum-lab__figure{margin:0;padding:0 clamp(1.1rem,3vw,1.7rem)}.size-datum-lab__fields{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.75rem}.size-datum-lab__field{display:flex;min-width:0;min-height:100%;padding:.9rem;flex-direction:column;border:1px solid var(--border-color);border-radius:14px;background:var(--surface);box-shadow:0 10px 24px -26px rgba(15,23,42,.8)}.size-datum-lab__field-header{display:grid;grid-template-columns:28px minmax(0, 1fr);gap:.5rem;align-items:center}.size-datum-lab__field-header>span{display:grid;width:28px;height:28px;place-items:center;color:#fff;border-radius:9px;background:var(--datum);font:850 .62rem/1 var(--font-ui)}.size-datum-lab__field-header h3{margin:0;color:var(--heading-font-color);font:800 clamp(0.94rem, 2vw, 1.08rem)/1.2 var(--heading-font-family);letter-spacing:-0.015em}.size-datum-lab__diagram{display:grid;min-height:102px;margin:.75rem 0;padding:.72rem;align-content:center;border:1px solid var(--datum-line);border-radius:11px;background:linear-gradient(90deg, transparent 24%, var(--datum-soft) 24% 25%, transparent 25% 49%, var(--datum-soft) 49% 50%, transparent 50% 74%, var(--datum-soft) 74% 75%, transparent 75%),var(--verify-bg)}.size-datum-lab__tokens{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.35rem}.size-datum-lab__tokens span{display:grid;min-width:0;min-height:32px;padding:.28rem;place-items:center;color:var(--datum-deep);border:1px solid var(--datum-line);border-radius:8px;background:var(--surface);font:800 .67rem/1.2 var(--font-ui);text-align:center;overflow-wrap:anywhere}.size-datum-lab__diagram--nominal>small{margin-top:.42rem;color:var(--ink-muted);font:650 .59rem/1.35 var(--font-ui);text-align:center}.size-datum-lab__rail{position:relative;height:25px;margin:0 .25rem}.size-datum-lab__rail::before{position:absolute;top:11px;left:0;right:0;height:3px;content:"";border-radius:999px;background:var(--datum)}.size-datum-lab__rail i{position:absolute;z-index:2;top:6px;width:13px;height:13px;border:3px solid var(--surface);border-radius:50%;background:var(--datum);box-shadow:0 0 0 1px var(--datum)}.size-datum-lab__rail i:first-of-type{left:-1px}.size-datum-lab__rail i:last-of-type{right:-1px}.size-datum-lab__rail b{position:absolute;z-index:2;top:4px;width:3px;height:17px;border-radius:999px;background:var(--datum-deep)}.size-datum-lab__rail--overall b{left:36%}.size-datum-lab__rail--reach::before{left:37%}.size-datum-lab__rail--reach::after{position:absolute;top:11px;left:0;width:37%;height:3px;content:"";border-radius:999px 0 0 999px;background:repeating-linear-gradient(90deg, var(--ink-muted) 0 5px, transparent 5px 9px);opacity:.6}.size-datum-lab__rail--reach b{left:calc(37% - 1px)}.size-datum-lab__rail--reach i:first-of-type{left:calc(37% - 6px)}.size-datum-lab__rail--reach em{position:absolute;top:-10px;left:0;width:34%;color:var(--ink-muted);font:650 .52rem/1.2 var(--font-ui);text-align:center}.size-datum-lab__rail-labels{display:flex;justify-content:space-between;gap:.5rem;color:var(--ink-muted);font:700 .56rem/1.25 var(--font-ui)}.size-datum-lab__rail-labels--reach span:first-child{margin-left:34%}.size-datum-lab__question{margin:0;color:var(--ink);font:780 .78rem/1.4 var(--font-ui)}.size-datum-lab__detail{margin:.35rem 0 0;color:var(--ink-muted);font:500 .72rem/1.5 var(--font-ui)}.size-datum-lab__record{display:grid;gap:.16rem;margin:auto 0 0;padding-top:.65rem}.size-datum-lab__record small{color:var(--datum-deep);font:850 .56rem/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.size-datum-lab__record strong{color:var(--ink);font:700 .66rem/1.4 var(--font-ui)}.size-datum-lab__figure figcaption{margin:.62rem 0 0;color:var(--ink-muted);font:500 .67rem/1.45 var(--font-ui)}.size-datum-lab__states{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.6rem;padding:1rem clamp(1.1rem,3vw,1.7rem) 0}.size-datum-lab__state{display:grid;grid-template-columns:34px minmax(0, 1fr);gap:.55rem;align-items:start;min-width:0;padding:.68rem;border:1px solid var(--border-color);border-radius:11px;background:var(--verify-bg)}.size-datum-lab__state>span{display:grid;width:34px;height:34px;place-items:center;color:var(--datum-deep);border:1px solid var(--datum-line);border-radius:10px;background:var(--surface);font:900 .92rem/1 var(--font-ui)}.size-datum-lab__state p{display:grid;gap:.16rem;min-width:0;margin:0}.size-datum-lab__state strong{color:var(--ink);font:800 .72rem/1.25 var(--font-ui)}.size-datum-lab__state small{color:var(--ink-muted);font:500 .64rem/1.42 var(--font-ui)}.size-datum-lab__steps{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));margin:0;padding:1rem clamp(1.1rem,3vw,1.7rem) 0;list-style:none}.size-datum-lab__steps li{position:relative;display:grid;grid-template-columns:26px minmax(0, 1fr);gap:.45rem;min-width:0;padding:.68rem;border:1px solid var(--datum-line);background:var(--surface)}.size-datum-lab__steps li:first-child{border-radius:11px 0 0 11px}.size-datum-lab__steps li:last-child{border-radius:0 11px 11px 0}.size-datum-lab__steps li+li{border-left:0}.size-datum-lab__steps li:not(:last-child)::after{position:absolute;z-index:2;top:calc(50% - 5px);right:-6px;width:10px;height:10px;content:"";border-top:1px solid var(--datum-line);border-right:1px solid var(--datum-line);background:var(--surface);transform:rotate(45deg)}.size-datum-lab__steps li>span{color:var(--datum-deep);font:850 .59rem/1.3 var(--font-ui)}.size-datum-lab__steps p{display:grid;gap:.16rem;min-width:0;margin:0}.size-datum-lab__steps strong{color:var(--ink);font:800 .68rem/1.28 var(--font-ui)}.size-datum-lab__steps small{color:var(--ink-muted);font:500 .59rem/1.4 var(--font-ui)}.size-datum-lab__boundary{display:grid;grid-template-columns:38px minmax(0, 1fr);gap:.65rem;align-items:center;margin:1rem clamp(1.1rem,3vw,1.7rem) clamp(1.1rem,3vw,1.7rem);padding:.72rem;color:var(--ink);border:1px solid var(--datum-line);border-radius:12px;background:var(--datum-soft);font:500 .69rem/1.48 var(--font-ui)}.size-datum-lab__boundary>span:first-child{display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:11px;background:var(--datum);font-weight:900}.size-datum-lab__boundary>span:last-child{display:grid;gap:.12rem}.size-datum-lab__boundary strong{color:var(--datum-deep);font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.dark-mode .size-datum-lab--blue{--datum-deep: #9ec3ff}.dark-mode .size-datum-lab--amber{--datum-deep: #f5bd69}.dark-mode .size-datum-lab--teal{--datum-deep: #7dd5d4}@media(max-width: 860px){.size-datum-lab__header{grid-template-columns:52px minmax(0, 1fr)}.size-datum-lab__mark{width:52px;height:52px}.size-datum-lab__context{grid-column:1/-1}.size-datum-lab__fields{grid-template-columns:1fr}.size-datum-lab__field{display:grid;grid-template-columns:minmax(190px, 0.8fr) minmax(0, 1.2fr);gap:0 .9rem}.size-datum-lab__field-header,.size-datum-lab__diagram{grid-column:1}.size-datum-lab__question,.size-datum-lab__detail,.size-datum-lab__record{grid-column:2}.size-datum-lab__question{grid-row:1;align-self:end}.size-datum-lab__detail{grid-row:2}.size-datum-lab__record{grid-row:3}.size-datum-lab__states{grid-template-columns:1fr}.size-datum-lab__steps{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.5rem}.size-datum-lab__steps li,.size-datum-lab__steps li:first-child,.size-datum-lab__steps li:last-child{border:1px solid var(--datum-line);border-radius:10px}.size-datum-lab__steps li::after{display:none}}@media(max-width: 560px){.size-datum-lab{border-radius:16px}.size-datum-lab__header{grid-template-columns:44px minmax(0, 1fr);padding:.95rem}.size-datum-lab__mark{width:44px;height:44px;border-radius:13px}.size-datum-lab__mark span{left:9px}.size-datum-lab__figure,.size-datum-lab__states,.size-datum-lab__steps{padding-inline:.95rem}.size-datum-lab__field{display:flex}.size-datum-lab__steps{grid-template-columns:1fr}.size-datum-lab__boundary{margin-inline:.95rem;margin-bottom:.95rem}}@media(forced-colors: active){.size-datum-lab,.size-datum-lab__context,.size-datum-lab__field,.size-datum-lab__diagram,.size-datum-lab__tokens span,.size-datum-lab__state,.size-datum-lab__steps li,.size-datum-lab__boundary{border:1px solid CanvasText}.size-datum-lab__mark,.size-datum-lab__field-header>span,.size-datum-lab__boundary>span:first-child{color:Canvas;background:CanvasText}}@media print{.size-datum-lab{break-inside:avoid;box-shadow:none}.size-datum-lab__mark{display:none}.size-datum-lab__header{display:block}.size-datum-lab__context{margin-top:.5rem}}/*# sourceMappingURL=size-datum-lab.css.map */