/* A compact, dimensional data wall. All figures still come from the existing APIs. */
.video-design #openness{position:relative;isolation:isolate;overflow:hidden;padding:48px 0 28px;background:#063d43;color:#fff}
#openness>.container{position:relative;z-index:1}
#openness .openness-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 3% 100%,#118b8255,transparent 58%),radial-gradient(ellipse at 95% 0,#72559b38,transparent 48%),linear-gradient(125deg,#07363b,#064b50)}
#openness .openness-ambient:before{content:'';position:absolute;width:650px;height:650px;right:-210px;top:-430px;border:1px solid #b3f7ed20;border-radius:50%;box-shadow:0 0 0 55px #b3f7ed06,0 0 0 110px #b3f7ed05,0 0 0 165px #b3f7ed04;transform:rotateX(35deg);animation:clinic-ambient 16s ease-in-out infinite alternate}
@keyframes clinic-ambient{from{transform:translate3d(0,0,0) rotateX(35deg);opacity:.65}to{transform:translate3d(-35px,22px,0) rotateX(28deg);opacity:1}}
#openness .openness-ambient:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#c9fff906 1px,transparent 1px),linear-gradient(90deg,#c9fff906 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(110deg,transparent,#000);opacity:.8}
#openness .openness-heading{margin-bottom:28px;gap:24px;align-items:center}
#openness .eyebrow{font-size:10px;letter-spacing:.19em;color:#92cfcb}
#openness .eyebrow:before{content:'';width:20px;height:1px;background:#70d8c9}
#openness h2{font-size:clamp(32px,3.3vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin-top:10px;color:#fff}
#openness .openness-intro{font-size:13px;line-height:1.6;color:#c1dcde;max-width:470px;margin-top:12px}
#openness .openness-status{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:11px;color:#d5e8e9}
#openness .stats-date-chip{display:flex;gap:8px;align-items:center;max-width:220px;line-height:1.5}
#openness .stats-date-chip>.icon{width:16px;height:16px;color:#8ccbc7}
#openness .openness-status button{min-height:42px;border-radius:22px;padding:10px 15px;border-color:#a1dcd13b;background:#ffffff09;transition:background .2s,transform .2s}
#openness .openness-status button:hover{background:#ffffff19;transform:translateY(-2px)}
#openness .openness-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
#openness .metrics-team,#openness .metrics-activity{min-width:0}
#openness .metric-group-heading{display:flex;align-items:center;gap:14px;margin:0 0 13px}
#openness .metric-group-heading h3{font-family:inherit;font-weight:500;font-size:14px;color:#e0f0ee;margin:0;line-height:1.4}
#openness .metric-group-line{height:1px;flex:1;background:linear-gradient(90deg,#b7ebe931,transparent)}
#openness .metric-group-index{font-size:10px;color:#9ec4c7;letter-spacing:.1em}
#openness .openness-grid{display:grid;grid-template-columns:1.03fr 1fr;grid-template-rows:repeat(3,minmax(102px,auto));gap:10px;isolation:auto}
#openness .openness-extra{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(158px,auto));gap:10px}
#openness .metric-card{position:relative;isolation:isolate;overflow:hidden;min-height:0;border-radius:17px;padding:18px 19px!important;border:1px solid #ffffffa6;background:linear-gradient(135deg,#fff,#edf7f5)!important;box-shadow:0 9px 24px #001c2526,inset 0 1px #fff;transition:transform .25s,box-shadow .25s,border-color .25s;color:#16444b}
#openness .metric-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(280px circle at var(--metric-x,90%) var(--metric-y,0%),#fff8,transparent 80%);opacity:0;transition:opacity .3s}
#openness .metric-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #001c2540}
#openness .metric-card:hover:after{opacity:1}
#openness .metric-top{gap:9px;min-height:29px;align-items:flex-start}
#openness .metric-label{font-size:12px;line-height:1.4;color:#355e66!important;font-weight:500;max-width:180px}
#openness .metric-icon{width:29px;height:29px;flex-basis:29px;border-radius:10px;background:#e7e1f5;box-shadow:inset 0 1px #fff8;color:#7350af!important}
#openness .metric-icon>.icon{width:16px;height:16px}
#openness .metric-number{font-size:43px;letter-spacing:-.055em;font-weight:500;line-height:1.08;color:#11464d;gap:6px;margin:7px 0 8px}
#openness .metric-number small{font-size:12px;color:#46646e!important}
#openness .metric-detail{font-size:10px;line-height:1.5;color:#4f7175;min-height:15px;margin:0 0 9px;justify-content:space-between}
#openness .metric-source{font-size:10px;padding-top:8px;border-top:1px solid #2855601c;color:#567278;line-height:1.4;gap:6px}
#openness .metric-source strong{font-size:10px;color:#31565e!important;font-weight:600;white-space:nowrap}
#openness .metric-source span{color:#567278!important}
#openness .metric-source-dot{width:5px;height:5px;flex-basis:5px;box-shadow:0 0 0 3px #7952c90a}
#openness .metric-team-total{grid-row:span 3;justify-content:flex-start;min-height:326px;background:linear-gradient(150deg,#227f7c70,#12646a88 58%,#0f535fbb)!important;border-color:#9ce3d75c;box-shadow:0 12px 30px #00242d33,inset 0 1px #ccfff32e;padding:24px!important;color:#fff}
#openness .metric-team-total:before{content:'';position:absolute;width:204px;height:204px;border:1px solid #98e4d838;border-radius:50%;right:-90px;top:72px;box-shadow:0 0 0 25px #a0f7e608,0 0 0 50px #a0f7e606;z-index:-1;transform:rotateX(32deg) rotateY(-24deg)}
#openness .metric-team-total:after{background:radial-gradient(260px circle at var(--metric-x,20%) var(--metric-y,20%),#a9f4de24,transparent);opacity:1}
#openness .metric-team-total .metric-top{align-items:center;flex-direction:column-reverse;align-items:flex-start;gap:16px}
#openness .metric-team-total .metric-label{color:#d5eeeb!important;font-size:14px;font-weight:500}
#openness .metric-team-total .metric-icon{width:44px;height:44px;flex-basis:44px;border:1px solid #b7fff544;border-radius:15px;background:linear-gradient(145deg,#85dcc443,#66a9c51f);box-shadow:0 5px 12px #003c4b40,inset 0 1px #ffffff3b;color:#c9f9ec!important;transform:rotate(-6deg)}
#openness .metric-team-total .metric-icon>.icon{width:25px;height:25px}
#openness .metric-team-total .metric-number{font-size:clamp(64px,6.2vw,88px);font-weight:400;color:#e9fff8;margin:12px 0 13px;letter-spacing:-.06em;text-shadow:0 4px 22px #a5ffe021}
#openness .metric-team-total .metric-detail{max-width:180px;color:#c5e4df;font-size:12px;line-height:1.6;margin-bottom:23px}
#openness .metric-team-total .metric-source{border-color:#c4f0e42e;padding-top:13px;flex-wrap:wrap}
#openness .metric-team-total .metric-source span,#openness .metric-team-total .metric-source strong{color:#cbe8e4!important}
#openness .metric-team-total .metric-source-dot{background:#c3aff0;box-shadow:0 0 0 3px #c3aff014}
#openness .metric-team-mini{display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:5px 12px;padding:14px 16px!important;background:linear-gradient(125deg,#f4fbf9,#deeeeb)!important}
#openness .metric-team-mini .metric-top{display:contents}
#openness .metric-team-mini .metric-label{grid-column:1;grid-row:1;align-self:center;font-size:12px}
#openness .metric-team-mini .metric-icon{display:none}
#openness .metric-team-mini .metric-number{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:29px;white-space:nowrap;gap:4px}
#openness .metric-team-mini .metric-number small{font-size:10px}
#openness .metric-team-mini .metric-source{grid-column:1/-1;grid-row:3;padding-top:7px;margin-top:0}
#openness .metric-team-mini .metric-detail{grid-column:1/-1;grid-row:2;margin:0}
#openness .metric-women .metric-number{color:#9e376e}
#openness .metric-men .metric-number{color:#287a87}
#openness .metric-blood-today{background:linear-gradient(125deg,#fff7fc,#f4e2ed)!important;border-color:#ffe4f1}
#openness .metric-blood-today:before{content:'';position:absolute;width:83px;height:83px;border:1px solid #bf608a29;border-radius:55% 50% 50% 12%;right:-16px;top:44px;transform:rotate(-45deg);box-shadow:0 0 0 15px #c2547b04,0 0 0 30px #c2547b04;z-index:-1}
#openness .metric-blood-today .metric-number{color:#a0295b;font-size:49px}
#openness .metric-tamshy .metric-icon{color:#af366b!important;background:#f6d7e6}
#openness .metric-blood-month .metric-number{color:#984364}
#openness .metric-oryn .metric-icon{background:#f7e8c8;color:#93601b!important}
#openness .metric-link .metric-detail .icon{transition:transform .2s}
#openness .metric-link:hover .metric-detail .icon{transform:translate(2px,-2px)}
#openness .metric-link:hover{border-color:#fff}
#openness .stats-coverage{font-size:10px;line-height:1.6;color:#bcd9da;margin-top:12px;padding-left:3px;max-width:580px}
#openness .openness-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #b7dedd22;padding-top:17px;margin-top:21px}
#openness .stats-state{font-size:11px;color:#c3e6df;margin:0;line-height:1.5}
#openness .stats-state:before{width:6px;height:6px;flex:0 0 6px;background:#7dd8b3;box-shadow:0 0 0 4px #7dd8b314}
#openness .stats-state.stats-warning{color:#ffda96}
#openness .stats-state.stats-warning:before{background:#ffda96;box-shadow:0 0 0 4px #ffda9612}
#openness .stats-privacy{display:flex;align-items:center;gap:7px;font-size:10px;color:#b1d1d3}
#openness .stats-privacy>.icon{width:14px;height:14px;color:#97c7c8}
#openness button:focus-visible,#openness a:focus-visible{outline:3px solid #f5ce55;outline-offset:4px}
@media(min-width:981px){#openness .metrics-activity .openness-extra{min-height:326px}}
@media(max-width:1100px){#openness .openness-dashboard{gap:17px}#openness .metric-team-total{padding:20px!important}#openness .metric-team-mini{padding:14px 12px!important;gap:5px 8px}#openness .metric-team-mini .metric-number{font-size:26px}}
@media(max-width:980px){#openness .openness-dashboard{grid-template-columns:1fr;gap:25px}#openness .openness-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(93px,auto))}#openness .metric-team-total{min-height:299px;padding:22px!important}#openness .metric-team-total .metric-number{font-size:78px}#openness .metric-team-mini{padding:15px 18px!important}#openness .openness-extra{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto}#openness .metric-card{padding:16px!important}#openness .metric-team-mini .metric-number{font-size:30px}#openness .metric-number{font-size:36px}#openness .metric-blood-today .metric-number{font-size:39px}#openness .metric-team-total{padding:22px!important}#openness .openness-status{flex-direction:column;align-items:flex-end;gap:9px}}
@media(max-width:680px){.video-design #openness{padding:32px 0 24px}#openness .openness-heading{display:block;margin-bottom:24px}#openness .openness-intro{font-size:12px;max-width:350px}#openness .openness-status{flex-direction:row;justify-content:space-between;align-items:center;margin-top:17px;gap:10px}#openness .stats-date-chip{max-width:210px;font-size:10px}#openness .openness-status button{min-height:40px;font-size:11px;flex-shrink:0}#openness .openness-grid{gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(92px,auto))}#openness .metric-card{border-radius:14px}#openness .metric-team-total{grid-row:span 3;padding:18px 14px!important;min-height:292px}#openness .metric-team-total .metric-number{font-size:65px}#openness .metric-team-total .metric-detail{font-size:11px}#openness .metric-team-total .metric-label{font-size:13px}#openness .metric-team-mini{display:flex;gap:0;padding:11px 13px!important}#openness .metric-team-mini .metric-top{display:block;min-height:0}#openness .metric-team-mini .metric-label{font-size:11px}#openness .metric-team-mini .metric-number{align-self:flex-start;font-size:27px;margin:3px 0 7px}#openness .metric-team-mini .metric-source{margin-top:auto}#openness .metric-source,#openness .metric-source strong{font-size:10px}#openness .metric-source{gap:5px;padding-top:7px}#openness .metric-source-dot{width:4px;height:4px;flex-basis:4px}#openness .openness-extra{grid-template-columns:1fr 1fr;gap:8px;grid-template-rows:repeat(2,minmax(165px,auto))}#openness .metric-label{font-size:11px}#openness .metric-icon{width:25px;height:25px;flex-basis:25px;border-radius:8px}#openness .metric-top{min-height:31px}#openness .metric-number{font-size:38px}#openness .metric-blood-today .metric-number{font-size:42px}#openness .metric-detail{font-size:10px}#openness .openness-footer{align-items:flex-start;flex-direction:column;margin-top:19px;gap:12px}#openness .stats-privacy{font-size:9px}}
@media(max-width:370px){#openness .metric-card{padding:13px 11px!important}#openness .metric-icon{display:none}#openness .metric-team-total .metric-icon{display:grid}#openness .metric-team-total .metric-number{font-size:57px}#openness .metric-number{font-size:34px}#openness .metric-blood-today .metric-number{font-size:38px}}
.large-text #openness .openness-grid{grid-template-rows:repeat(3,minmax(120px,auto))}
.large-text #openness .metric-team-total{min-height:380px}
.large-text #openness .metric-label{font-size:16px}
.large-text #openness .metric-team-mini{display:flex;gap:6px}
.large-text #openness .metric-team-mini .metric-top{display:block}
.large-text #openness .metric-team-mini .metric-number{align-self:flex-start}
.large-text #openness .metric-source,.large-text #openness .metric-source strong,.large-text #openness .metric-detail,.large-text #openness .stats-coverage,.large-text #openness .stats-privacy{font-size:13px}
.large-text #openness .openness-extra{grid-template-rows:repeat(2,minmax(205px,auto))}
.large-text #openness .metric-group-heading h3{font-size:18px}
.large-text #openness .openness-intro,.large-text #openness .stats-state{font-size:16px}
@media(prefers-reduced-motion:reduce){#openness .metric-card,#openness .metric-card:after,#openness .openness-status button,#openness .metric-detail .icon{transition:none!important;transform:none!important}#openness .openness-ambient:before{animation:none!important}}
.no-motion #openness .metric-card,.no-motion #openness .openness-status button,.no-motion #openness .metric-detail .icon{transform:none!important;transition:none!important}