.library-overview{margin:26px 0 28px;padding:20px;border:1px solid #cfe3e7;border-radius:12px;background:#fff;color:#0f2c3f;scroll-margin-top:86px;container-type:inline-size}
.library-overview .overview-heading{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:16px}.library-overview .overview-heading h3{font-size:17px;letter-spacing:-.02em;font-weight:600}.library-overview .overview-heading p{font-size:11px;color:#55717d;margin-top:5px;line-height:1.6}
.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 26px}.overview-metric{min-width:0;border-bottom:1px solid #d9e6e9;padding-bottom:14px;border-radius:3px;transition:background-color .2s,transform .25s}.overview-metric:hover,.overview-metric:focus-visible{background:#f6fafb;transform:translateY(-2px)}.overview-metric h4{font-size:14px;line-height:1.4;font-weight:570;min-height:22px;margin-bottom:8px;overflow-wrap:anywhere}.overview-metric .metric-body{display:flex;align-items:center;gap:18px;min-width:0}.overview-metric svg{display:block;width:calc(100% - 120px);max-width:220px;height:88px;overflow:visible;flex:1;min-width:0}.overview-metric .metric-scope{font-size:9px;color:#577780;margin-top:7px;line-height:1.5;overflow-wrap:anywhere}
.library-overview .flip-number{--digit-w:48px;--digit-h:76px;--flip-gap:6px;display:flex;gap:var(--flip-gap);width:calc(var(--digit-w)*2 + var(--flip-gap));height:var(--digit-h);flex:0 0 calc(var(--digit-w)*2 + var(--flip-gap));font-family:var(--font);font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums}
.library-overview .flip-digit{position:relative;width:var(--digit-w);height:var(--digit-h);flex:0 0 var(--digit-w);perspective:360px;border-radius:4px;background:#143749;box-shadow:0 3px 5px #071c2925;isolation:isolate}
.library-overview .flip-half{position:absolute;left:0;width:var(--digit-w);height:calc(var(--digit-h)/2);overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;background:#173c50;color:#f7fbfc;border-radius:4px 4px 0 0}.library-overview .flip-half span{position:absolute;top:0;left:0;width:var(--digit-w);height:var(--digit-h);font-size:calc(var(--digit-w)*1.375);font-weight:650;line-height:var(--digit-h);letter-spacing:calc(var(--digit-w)*-.03);text-align:center}.library-overview .flip-top,.library-overview .flip-leaf-top{top:0}.library-overview .flip-bottom,.library-overview .flip-leaf-bottom{top:calc(var(--digit-h)/2);background:#123347;border-radius:0 0 4px 4px}.library-overview .flip-bottom span,.library-overview .flip-leaf-bottom span{top:calc(var(--digit-h)/-2)}.library-overview .flip-leaf-top{z-index:3;transform-origin:center bottom}.library-overview .flip-leaf-bottom{z-index:4;transform-origin:center top}.library-overview .flip-seam{position:absolute;z-index:5;left:0;top:calc(var(--digit-h)/2);height:1px;width:var(--digit-w);background:#091f2fcc;pointer-events:none}.library-overview .flip-seam::before,.library-overview .flip-seam::after{content:'';position:absolute;top:-2px;width:2px;height:5px;border-radius:2px;background:#528399}.library-overview .flip-seam::before{left:0}.library-overview .flip-seam::after{right:0}
.overview-expertise{padding-top:14px}.overview-expertise h4{font-size:14px;font-weight:570;margin-bottom:8px}.expertise-stack{position:relative;min-height:48px;overflow:hidden}.expertise-layer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:absolute;inset:0;align-items:stretch}.expertise-label{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid #c0dce1;background:#edf7f8;color:#153c50;border-radius:5px;min-width:0;min-height:46px;padding:7px 10px;font-size:12px;line-height:1.4;font-weight:500;overflow-wrap:anywhere;transition:background-color .2s,border-color .2s,color .2s}.expertise-layer.is-final .expertise-label{border-color:#9ecdd6;background:#e7f4f6}.expertise-label::after{content:'';position:absolute;left:15%;right:15%;bottom:4px;height:2px;background:#e91e85;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.75,.25,1)}.expertise-label:hover,.expertise-label:focus-visible{border-color:#ea2b87;color:#9d1855;background:#fbf0f6}.expertise-label:hover::after,.expertise-label:focus-visible::after{transform:scaleX(1)}
@media(max-width:700px){.library-overview{padding:12px;margin-block:20px}.library-overview .overview-heading{margin-bottom:14px}.overview-metrics{gap:12px 12px}.overview-metric{padding-bottom:11px}.overview-metric h4{font-size:clamp(9px,4cqw,12px);min-height:3em;line-height:1.3;margin-bottom:6px}.overview-metric .metric-body{gap:6px}.overview-metric svg{height:56px;width:auto}.overview-metric .metric-scope{font-size:clamp(7px,3cqw,9px);margin-top:5px;min-height:2.8em}.overview-expertise{padding-top:12px}.overview-expertise h4{font-size:12px}.expertise-layer{gap:5px}.expertise-label{font-size:clamp(8px,3.6cqw,11px);padding:6px 3px}.expertise-stack{min-height:48px}.overview-heading h3{font-size:15px!important}.library-overview .flip-number{--digit-w:clamp(14px,8cqw,28px);--digit-h:calc(var(--digit-w)*1.58);--flip-gap:3px}.library-overview .flip-digit{perspective:250px;border-radius:3px}.library-overview .flip-half{border-radius:3px 3px 0 0}.library-overview .flip-bottom,.library-overview .flip-leaf-bottom{border-radius:0 0 3px 3px}}
@media(prefers-reduced-motion:reduce){.overview-metric,.expertise-label,.expertise-label::after{transition:none}.overview-metric:hover,.overview-metric:focus-visible{transform:none}.expertise-label::after{display:none}}
@media(max-width:380px){.overview-metric h4{min-height:4.2em}.library-dialog .dialog-header{gap:8px;padding-inline:12px}.library-dialog .dialog-header .dialog-path{display:none}.library-dialog .filter-row button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.library-overview .flip-number{--digit-w:clamp(10px,8cqw,28px)}}

.overview-metric[data-hovering="true"]{background:#f6fafb;transform:translateY(-2px)}
@media(hover:none){.expertise-label:active{border-color:#ea2b87;color:#9d1855;background:#fbf0f6}.expertise-label:active::after{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.overview-metric[data-hovering="true"]{transform:none}}

@media(hover:none){.overview-metric{cursor:pointer}}